td {  font:  8pt, verdana  }
th {  font:  9pt, verdana, bold  }
td.spec  { font:  9pt, verdana }

html  {
	width:  700px;
	margin:  30px;
      }

body  {  
	background-color:   #fff;
	font:  9pt, verdana; 
      }

b  {
     font-weight:  bold;
   }


#footer  {
	   font:  8pt, Verdana;
	   text-align: center;
	 }

#header  {
	   text-align: center;
	 }

#photo  {
	  padding: 3px;
	  margin-left: 30px;
	}

#leftcol  {
	    position:  absolute;
	    left:  0;
	    width:  200px;
	    margin-left:  30px;
	    margin-top:  5px;
	  }

#twocol  {
	    position:  absolute;
	    left:  280px;
	    width:  400px;
	    margin-top:  5px;
	    padding:  5px;
	    font:  8pt Verdana;
	    text-align:  justify;
	  }


.date  {
	 float:  left;
    	 text-align:  left;
       }

.name  {
	 font:  8pt Verdana bold;
       }

.contact  {
	    float:  right;
    	    text-align:  right;
          }

.nav  {  
	margin-left:  30px;
	font:  8pt Verdana bold;
      }

.title  {  
	  text-align:  center;
	  font:  10pt Verdana bold;
	  padding-bottom:  2ex;
        }

#navcontainer
{

margin: 0 auto;
padding: 1em 0;
font-family: georgia, serif;
font-size: 13px;
text-align: center;
text-transform: lowercase;
background-color:  #FFF
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 70%;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 135px;
padding: 0.5em 0.5em 0.5em 2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: slategray;
font-weight:  bold;
text-decoration: none;

}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
color: #f0e7d7;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: slategray;
background: oldlace;
border-color: #aaab9c #fff #fff #ccc;
}