body{
margin-top: 0.5em;
 margin: 0;
padding: 0;
background-color:#FFFFFF;
color:#663399, #000000;
font-family: Arial, Helvetica, sans-serif;
border-top: 2px solid #663399,#2a4f6f;
}
#header {
 border-top: 1px solid #663399, #778899;
border-bottom: 1px dotted #b2bcc6;
height: 4em;
margin: .5em;
color: #663399;
font: 150% Georgia,"Times New Roman",Times,serif;
}
#header.slogan{
 font :150% Georgia,"Times New Roman", Times, serif;
color:       #663399;

  
background-color: transparent;
float:right;
width: 300px;
text-align:right;
margin-left: 2em;
margin-right:-2em;
margin-top: 0.5em;
}
#header.logo{
 float: left;


width: 187px;
background-repeat: repeat-y;
margin-left: 1.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
line-height: 10.0em









}
#nav{
 position:absolute;
top:10em;
left:1em;
width:14em;
}
#nav li{
 font-size:80%;
border-bottom: 1px dotted #b2bcc6;
margin-bottom:0.3em;
}
#nav a:link, #nav a:visited{
 text-decoration:none;
color:#2a4f6f;
background-color: transparent;
}
#nav a:hover{
 color: #778899;
}
#nav h2{
 font: 110% Georgia, "Times New Roman", Times, serif;
color: #2a4f6f;
background-color: transparent;
border-bottom: 1px dotted #cccccc;
}
#content{
 margin-left: 16em;
margin-right: 2em;
}
h1{
 font: 150% Georgia, "Times New Roman", Times, serif;
}
#content p{
 font-size: 80%;
line-height: 1.6em;
padding-left: 1.2em;
}

span.raise{vertical-align:super;}
span.lower{vertical-align: sub;}