/* CSS Document */

body
{
font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
line-height: 15px;
color: #666;
text-align: center;
margin: 0;
padding: 0;
background: #fff url(../images/bg.gif) top center no-repeat ;
}


h1 
{
font: 16px Georgia, Times New Roman, Times, serif; 
color: #666; 
padding: 0;
margin: 0;
background-color: #FFF;
}

h2 
{
font: 14px Georgia, Times New Roman, Times, serif; 
color: #666; 
padding: 0;
margin-bottom: 10px;
border-bottom: 1px solid #D1E2F3;
background-color: #FFF;
}

h3
{
font: 14px Georgia, Times New Roman, Times, serif; 
color: #000; 
margin-bottom: 5px;
background-color: #FFF;
}

a:link, a:visited 
{
color: #4784C3;
text-decoration: none;
background-color: #FFF;
}

a:hover
{
color: #369;
text-decoration: underline;
background-color: #FFF;
}

div#container
{
margin-top: 0px;
margin-left: auto; 
margin-right: auto;
width: 750px;
text-align: left;
}

div#mainnav
{
margin-top: 25px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px; 
width: 750px;
height: 50px;
background-color: #FFF;
}

div#title
{
margin-left: 0px; 
margin-right: 0px;
margin-bottom: 15px;
width: 750px;
}


li, ul
{
list-style: none;
display: block;
margin: 0;
padding: 0;
background-color: #FFF;
}

.black
{
font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
line-height: 15px;
color: #000;
background-color: #FFF;
}

.clearboth { clear: both; }


div#lower
{
float: left;
margin-top: 10px; 
margin-bottom: 20px;
width: 750px;
}

div#seealso
{
float: left;
margin-right: 15px;
width: 165px;
}

div#about
{
float: left;
margin-left: 15px; 
margin-right: 15px;
width: 360px;
}

div#details
{
float: left;
margin-left: 15px; 
width: 163px;
}


div#footer
{
clear: both;
font: 9px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
text-align: center;
padding: 5px;
border-top: 1px dotted #D1E2F3;
border-bottom: 1px dotted #D1E2F3;
width: 750px;
margin-bottom: 20px;
}