@charset "iso-8859-1";
.body {
	font-family: "Courier New", Courier, monospace; 
	font-size: 100%;
	color: #000000;
	background-color: #CCCCCC; 
	text-align: center;
	margin: 0px;
	padding: 0px;
	}	
p{
	margin:2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	
	}
	


#header {
    background: #FF6600; 
		margin-top:30px;
	margin-left:10%;
	margin-right:10%;
	padding-top:0px;
	 
	 
	
}

#navcontainer
{
background: #000000;
margin: 0 auto;
padding: 1em 0 0 0;
font-family: georgia, serif;
text-transform: capitalize;
padding-top:0px;
margin-left:10%;
margin-right:10%;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block ;
line-height: 0px;
font-size: 0px;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 80%;
font-size: 0.8em;
margin-left:10%;



}

ul#navlist li
{
display: block;
float: left;
width: 15%;
margin: 0;
padding: 0;
height:15%;




}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em;
border-width: 1px;
border-color:  #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #FFFFFF; 
text-decoration: none;
background: #000000;


}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li a:active 
{
background: #FF33FF;
color: #800000;
}


ul#navlist li#current 
{
background: #0099CC; 
color: #800000;
}



ul#navlist li a:hover
{
color: #FFFFFF;
background: #FF9900 ;
}


 
 ul#navlist li#visited {
 background-color: transparent;
 border-width:thick;
  }
#content {
    margin: 0 0 0 165px;
    padding: 5px;
}
#content1{
margin-top: 1px;
background-color: #CCCCCC;  
margin-right:10%;
margin-left:10%;
}