body{
margin:0px;
font-family:tahoma;
background:#ffffff;
color:#30262c;
}

#topper{
width:100%;
background:#32CD32;
height:20px;
}


#container{
width:850px;
margin:0 auto;
}



#header{
width:500px;
float:left;
margin-top:50px;
}

#header img{
border:0px;
}



#nav{
width:350px;
float:right;
margin-top:80px;
}

#nav ul{
list-style: none;
text-align:right;
font-size:18px;
}

#nav li{
display:inline;
padding:10px;
}

#nav li a{
color:#30262c;
text-decoration:none;
}

#nav li a:hover{
text-decoration:none;
color:#32CD32;
}



#intro{
clear:both;
padding-top:20px;
}

#intro p{
font-size:24px;
font-weight:bold;
color:#888888;
letter-spacing:-1px;
}



#content{
width:500px;
float:left;
}

#content h1{
font-size:18px;
}


#content p{
font-size:12px;
}

#contentlist{
width:350px;
float:left;
text-align:center;
display:inline;
}

#contentlist img{
border:0px;
}

#contentlist a{
color:#888888;
}

#contentlist h1{
font-size:18px;
text-align:left;
margin-left:50px;
}

#contentlist h2{
font-size:12px;
color:#dddddd;
line-height:16px;
background-color:#30262c;
text-align:left;
}

#contentlist ul{
display:inline;
list-style: none;
width:100%;
text-align:left;
margin-top:0px;
}

#contentlist li{
width:250px;
float:left;
margin-left:50px;
margin-top:0px;
text-align:left;
}


#contentlist li p{
font-size:12px;
text-align:left;
margin-bottom:5px;
margin-top:5px;
}



#footer{
width:100%;
text-align:right;
margin:0px;
clear:both;
padding:30px;
}

#footer p{
font-size:10px;
color:#cccccc;
}

#footer a{
font-size:10px;
color:#cccccc;
text-decoration:underline;
}

#footer a:hover{
font-size:10px;
color:#cccccc;
text-decoration:none;
}
