@charset "utf-8";
/* CSS Document */

body{background:#333}
h1, h2, h3{ margin:0 0 0 0}
.header h1{color:white; margin:5px 0px 0px 10px}
.header h3{color:white; margin:5px 0px 0px 10px}
.all{
position:relative;
margin-left:auto; margin-right:auto;
width:980px;height:800px;}
.header{
	background:url(images/header.jpg) no-repeat;
	width:100%;
	height:217px;
	position:relative
}
.midsection{background:white url(images/midsection.bkgrnd.png) repeat-x; position:relative; width:100%; top:-5px; left:0px; height:auto;}
.navigation{
	background:url(images/nav.bkgrnd.png) no-repeat;
	width:199px;
	height:165px;
	position:absolute;
	top: 0px;
	left: 98px;
	font-size:14px;
	text-align:left;
	overflow:visible;
	z-index:1;
}

ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 5px 0px 0 0;
	padding: 0px 0px 0px 1px;
	cursor: default;
	list-style-type: none;
	}
	ul.nav{

}
ul.nav>li{

	position: relative;
	padding: 6px 10px;}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 50px 10px;
}

/*** Menu colors (customizable) ***/

ul.nav,
.nav ul,
.nav ul li a{

	color:#003
}


ul.nav li:hover,
.nav ul li a:hover{
	background-color:#CCC;
	color: #003;
}

ul.nav li:active,
.nav ul li a:active{
	background-color:#CCC;
	color: #003;
}

ul.nav,
.nav ul{
	border: 0px 
}

.nav a{
	color:#003;text-decoration: none;}
.content{
	position:absolute;
	height:228px;
	width:100%;
	top:370px;}
.contentmain{ position:relative;  left:40%; height:auto; width:55%;}
.contentmain h1, h2, h3{color:black;}
.adspace{
	position:absolute;
	width:240px;
	height:200px;
	left: 100px;
	top: 175px;
}
.footer{border:#003 double; background:white; width:98%; height:150px; position:relative;top:-5px; left:8px; color:#003}
table tr td{width:20%;}
.footer a{color:#003; text-decoration:none}
.footer hover{color:#003; text-decoration:line-through}
.footer active{color:#003; text-decoration:none}