/* CSS Document */

body{
width:800px;
padding:15px 0 0 0;
font-family:"Times New Roman", Times, serif;
font-size:small;
background-color:#d7e5c2;
margin:0 auto;
}

h1{
font-size:large;
color:#336600;
}

h2{
font-size:medium;
color:#336600;
width: 250px;
border-bottom:1px solid #336600;
}

a{
color:#660000;
text-decoration:none;
}

a:hover{
color:#336600;
text-decoration:underline;
}

#container{
width:800px;
background-color:#ffffff;
}

#header{
background-image:url(graphics/header.jpg);
width:800px;
height:278px;
background-repeat:no-repeat;
border:none;
}

#interesting{
display:block;
float:left;
background-image:url(graphics/interesting.jpg);
width:253px;
height:330px;
background-repeat:no-repeat;
margin-top:20px;
}

#fact{
padding:40px 30px 0 30px;
}

#nav{
padding:200px 0 0 230px;
}

#nav ul{
list-style:none;
list-style-type:none;
display:block;
float:left;
}

#nav li{
display:block;
float:left;
}

#nav ul li a{
text-decoration:none;
font-size:medium;
color:#336600;
display:block;
float:left;
padding-right:10px;
}

#nav ul li a:hover{
color:#d7e5c2;
}

#content-body{
display:block;
float:left;
background-color:#d7e5c2;
width:390px;
padding:10px 30px 30px 30px;
margin-left:45px;
margin-bottom:30px;
}

#content-body ul li{
padding:0 0 5px 0;
}

#footer{
clear:both;
height:30px;
border-top:10px solid #d7e5c2;
color:#336600;
margin:0 10px -10px 10px;
}

#footer p{
margin:2px 0 0 0;
}

#container #content-body p {
	text-align: left;
}
#container #content-body p.caption {
	text-align: center;
}