/* CSS Document */

body{
background-color: #CCCCCC;
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
font-size: 100%; 
text-align: left;
background-repeat: no-repeat;
}

#wrapper{
width: 680px;
background-color: #FFFFFF;
background-image:url(../bg.jpg)
margin:10px auto;
border: 0px;
text-align: left;
}

#banner{
height: 126px;
background-repeat:no-repeat;
}


#rightcol{
float: right;
width: 100px;
background-color: #CCCCCC;
color: #FFFFFF;
font-size: 10px;
border: 5px solid #FFFFFF;
padding-right: 3px;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 3px;
}


#nav{
border-bottom: 0px;
}

#nav ul{
padding: 0;
margin: 0;
background-color: #FFFFFF;
}

#nav ul li{
display: inline;
padding: 0;
margin: 0;
}

#nav ul li a{
font-size: 70%;
color: #333333;
background-color: #FFFFFF;
text-decoration: none;
padding: 0 25px 0 25px;
border-right: 0;
text-align: left;
width: 9em;
} 

#nav ul li a:hover, #nav ul li a:focus{
background-color: #FFFFFF;
color: #666666
}

.leftimage{
float: left;
margin-right: 15px;
border: 1px solid #FFFFFF;
width: 270px;
}

.rightimage{
float: right;
margin-left: 10px;
margin-bottom: 10px;
width: 215px;
}

#content {
font-size: 85%;
margin: 10px;
margin-left: 20px;
}
    
#content p{
font-size: 85%;
color: #000000;
margin: 10px;
}

#content h1{
font-size: 90%;
color: #000033;
padding: 0;
margin: 10px;
}

#content h2{
font-size: 85%;
color: #0066CC;
padding: 0;
margin: 10px;
}

#content li{
font-size: 85%;
color: #003366;
margin: 10px;
}

#footer{
border-top: 0;
background-color: #FFFFFF;
color: #000066; 
padding: 20;
}

#footer p{
fontsize: 10px;
height: 20px;
margin: 0;
padding: 20;
clear: both;
}