body{background-color: #FFFAF0;
        font-family: Arial;
}
A:hover {color: Red; text-decoration: none;}
A {color:Maroon;text-decoration: none;}
A.INLINK {color:navy;}
A.thin {color:DarkBlue; padding-left:12pt;}
A.header {color:green; padding-left:10pt; font-weight:bold;}
A.hed1 {color:DarkBlue; padding-left:12pt; font-weight:bold;}
A.blk {color:black;font-weight:bold; padding-left:5pt;}
A.toTop {color:DarkBlue; padding-left:12pt; font-size: 10pt;font-weight:bold;}
A.smlblk {color:black;font-weight:bold; font-size:80%; padding-left:5pt;}
A.smlblk:hover {color:red; background-color: FloralWhite;}
.addr {color:black; padding-left:20pt;}
P {color:black; padding-left:10pt;}
.clsblack {color:navy;padding-left:9pt;}
.left {color:gray; text-align:left;}
.right {color:gray; text-align:right;}
h1{
 margin:0;
 padding:1em;
 font-size:1.5em;
 font-weight:bold;
}
h1 span{
 font-size:.667em;
}
h2{
 margin:0;
 padding:1em 1.25em;
 font-size:1.2em;
 font-weight:bold;
}
h3{
 margin:0;
 padding:1em 1.5em;
 font-size:1em;
 font-weight:bold;
}
p{
 margin:0;
 padding:.5em 1.5em;
}

div#header{
 background:#F0F8FF;
 color:black;
}
#header ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
      font-style: italic; font-size: 75%; font-weight: bold;
}
#header li {
      margin: 0;
      padding: 0;
      float: left;
      width: 14em;
      margin-right: 0;
      background: #F0F8FF none;
      text-align: center;
}
#header a {
           display: block;
           width: 100%;
           text-decoration: none;
          }
#header a:hover {
      background: #ff9 none;
    }
div#footer{
 color:black;
}
#footer ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
      font-style: italic; font-size: 75%; font-weight: bold;
}
#footer li {
      margin: 0;
      padding: 0;
      float: left;
      width: 18em;
      height: 30px;
      margin-right: 0;
      background: #FFFAF0 none;
      text-align: left;
}
#footer a {
           display: block;
           width: 100%;
           text-decoration: none;
          }
#footer a:hover {
      background: #ff9 none;
    }
div#left-sidebar{
                 background-color: #F0F8FF;
                 font-family:helvetica; font-size:90%; font-weight:bold;
                 }
#left-sidebar li {
                 border-style: none none solid none;
                 border-color: gray;
                 border-width: 1px;
}
#left-sidebar ul {

                 padding: 0;
                 margin: 0;
}
#left-sidebar a:hover {
      background: #ff9 none;
    }

/* class for image with caption underneath */

div.image {
           margin:1em 0;
           align: left
           }

/* main page contents */
ul.projects { list-style-type: none;      
              margin: 0;
              padding: 0;
              display: block;
            }

li.projects {
      margin: 0;
      padding: 0;
      float: left;
      width: 36em;
      margin-right: 0;
      text-align: center;
              }
ul.arrow {
list-style-image: url('rdar.gif')
}


OL.nested { counter-reset: item }
LI.nested { display: block }
LI.nested:before { content: counters(item, "."); counter-increment: item }