/**
* This stuff deals with the header 
* and 
* The page alignment
* for anything that isn't IE7 or IE6
* YOU MAY need to prefix with a # or a . depedending on how you reference this in the HTML
**/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
}

/**
* Everything below
* Deals with the left menu
**/
#menu {
position:absolute;
left:0%;
top:11%;

height:auto;
width:100%;
padding:0%;

background-color:#999999;
}

#nav-menu{
height:auto;
background-color:#00B8F5;
text-align:center;
}

#nav-menu ol {
list-style: none;
padding: 0%;
margin: 0%;
}
#nav-menu li{
display:inline;
padding-left:1%;
}
#nav-menu li a {
text-decoration: none;
font-family:Verdana;
color: #FFFFFF;
background-color:#00B8F5;
font-weight: lighter;
font-size:12px;
}

#nav-menu li:hover a {
text-decoration: none;
font-weight: lighter;
color: #FFFFFF;
background-color:#33CCFF;
}

#content {
position:absolute;
top: 20%;
left: 0%;
font-family:Verdana;
font-size:12px;
width:100%;
}

#content1 {
margin-left: 10%;
margin-right:5%;
font-family:Verdana;
font-size:18px;
color:#663300;
}

#header{
color:#00C230;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:100%;
text-align:center;
}

#title{
font-size:50px;
}

#headertext {
position:absolute;
font-size: 25px;
color:#1F91F4;
font-family: Verdana;
width:100%;
text-align:center;	
top:14%;
}

#smallhead {
	color: #660000;
	font-weight: bold;
	font:Verdana;
	font-size: 11pxcon;
}

#bodytext {
	font-family: Verdana;
	font-size: 12px;
	color:#990000;
	width:90%;
}

#bodytext a{
text-decoration:none;
}

#bodytext a:hover{
color:#FF0000;
}

#foot{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
margin:0px;
position:absolute;
bottom:0px;
right:0px;
}

#foot a{
text-decoration:none;
float:clear;
}

#foot a:hover{
color:#FF0000;
}