@charset "UTF-8";


/* Reset Styles */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
margin: 0;
padding: 0;
color: #400000;
}

fieldset, img { 
border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal;
font-weight:normal;
}

ol, ul {
list-style:disc inside;
margin-left:10px;
}

caption ,th {
text-align:left;
}

h1, h2, h3, h4, h5, h6 {
font-weight:bold;
color: #ffffff;
}

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

a:hover {
color:#0080C0;
}

abbr, acronym { 
border:0;
}

/* End Reset */

body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: #dddddd url(images/bg.jpg) repeat-x top;
}

.clear {
clear: both;
}

    /* Form Styles */

#formSpace {
width: 98%;
height: 100%;
background: #FFCC66;
border: ridge;
vertical-align: bottom;
text-align: left;
padding: 10px 0px 20px 10px;
}

#leftpanel {
width: 170px;
height: 170px;
float: left;
color: #800000;
font-size: 12px;
padding: 0px 10px 0px 0px;
}

#mainpanel {
width:570px;
padding: 10px;
border: solid 1px;
background: #E3A92C;
float: left;
font-size:12px;
}

#mainpanel0 {
width:543px;
padding: 10px;
border: solid 1px;
background: #FFFF80;
float: left;
font-size:12px;
}

#mainpanel1 {
width:570px;
min-height:300px;
padding: 10px;
border: solid 1px;
background: #E3A92C;
float: left;
font-size:14px;
}

#mainpanel8 {
width:570px;
height:600px;
padding: 10px;
border: solid 1px;
background: #E3A92C;
float: left;
font-size:12px;
}

#rightpanel {
width: 170px;
height: 170px;
float: left;
color: #800000;
font-size: 12px;
padding: 0px 0px 0px 15px;
}

#rightpanel0 {
width: 320px;
height: 170px;
float: left;
color: #800000;
font-size: 12px;
padding: 0px 0px 0px 15px;
}

#bottompanel {
width: 100%;
padding: 10px;
padding: 5px;
text-align: center;
float: left;
}

    /* End Form Styles */

#layout {
width: 1024px;
height: 100%;
margin: 0 auto;
background: url(images/shadowBg.gif) repeat-y top;
}

#layoutMain {
width: 1024px;
height: 100%;
margin: 0 auto;
background: url(images/shadowBgTop.gif) no-repeat top;
}

#main {
width: 1016px;
height: 100%;
margin: 0 auto;
background: #161616;
}

#header {
width: 1016px;
height: 109px;
background: url(images/headerBg.jpg) no-repeat top;
}

#headerSpacer {
float: left;
width: 80px;
height: 109px;
}

#logo {
float: left;
width: 170px;
height: 109px;
}

#logo a {
display: block;
width: 170px;
height: 109px;
}

#logo h1 {
text-indent: -999em;
}

#homeContent {
width: 1016px;
background: #fff;
font: normal normal 14px Arial, Helvetica, sans-serif;
padding-bottom:20px;
}


#logoBottom {
width: 1016px;
height: 63px;
background: url(images/logoBottom.jpg) no-repeat top left #FFFFFF;
font: normal bold 28px Arial, Helvetica, sans-serif;
}
	
	#footer {
	width: 1016px;
	background: #161616;
	}
	
	#footerLogos {
	width: 1016px;
	height: 96px;
	background: url(images/footerLogosBg.jpg) no-repeat top;
	border-bottom: 1px solid #999;
	}
	
	#footerTxt {
	width: 1016px;
	height: 75px;
	}
	
	#footerTxtDetails {
	float: left;
	width: 280px;
	height: 65px;
	padding: 10px 0 0 0;
	
	color: #fff;
	font: normal normal 11px Arial, Helvetica, sans-serif;
	text-align: left;
	}
	
	#footerTxtDetails a {
	color: #fff;
	text-decoration: none;
	}
	
	#footerTxtDetails a:hover {
	color: #ff9900;
	}
	
	#footerTxtDetails p {
	margin: 0;
	padding: 0 0 0 10px;
	color: #fff;
	}
	
	#footerTxtNav {
	float: left;
	width: 726px;
	height: 65px;
	padding: 10px 0 0 0;
	
	color: #fff;
	font: normal normal 11px Arial, Helvetica, sans-serif;
	text-align: right;
	}
	
	#footerTxtNav a {
	padding: 0 3px 0 3px;
	color: #fff;
	text-decoration: none;
	}
	
	#footerTxtNav a:hover {
	color: #ff9900;
	}
	
	#footerTxtNav p {
	margin: 0;
	padding: 0 10px 0 0;
	color: #fff;
	}
	

	#nav {
	float: left;
	width: 673px;
	height: 51px;
	margin: 58px 0 0 93px;
		}
	
	#nav li {
	float: left;
	height: 51px;
	}
	
	#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
	#navHome {
	width: 71px;
	background: url(images/nav/home.jpg) no-repeat top;
	text-indent: -999em;
	}
	
	#navHome a {
	display: block;
	width: 71px;
	height: 51px;
	}
	
	#navHome a:hover {
	background: url(images/nav/homeOn.jpg) no-repeat top;
	}
	
	#navHomeAlt {
	width: 71px;
	background: url(images/nav/homeAlt.jpg) no-repeat top;
	text-indent: -999em;
	}
	
	#navHomeAlt a {
	display: block;
	widows: 71px;
	height: 51px;
	}
	
	#navAbout {
	width: 154px;
	background: url(images/nav/about.jpg) no-repeat top;
	text-indent: -999em;
	}
	
	#navAbout a {
	display: block;
	width: 154px;
	height: 51px;
	}
	
	#navAbout a:hover {
	background: url(images/nav/aboutOn.jpg) no-repeat top;
	}
	
	#navAboutAlt {
	width: 154px;
	background: url(images/nav/aboutAlt.jpg) no-repeat top;
	text-indent: -999em;
	}
	
	#navAboutAlt a {
	display: block;
	widows: 154px;
	height: 51px;
	}
	
	#navBuildings {
	width: 131px;
	background: url(images/nav/buildings.jpg) no-repeat top;
	text-indent: -999em;
	}
	
	#navBuildings a {
	display: block;
	width: 131px;
	height: 51px;
	}
	
	#navBuildings a:hover {
	background: url(images/nav/buildingsOn.jpg) no-repeat top;
	}
	
	#navBuildingsAlt {
	width: 131px;
	background: url(images/nav/buildingsAlt.jpg) no-repeat top;
	text-indent: -999em;
	}
	
	#navBuildingsAlt a {
	display: block;
	widows: 131px;
	height: 51px;
	}
	
	#navBuildingCenter {
	width: 140px;
	background: url(images/nav/buildingcenter.jpg) no-repeat top;
	text-indent: -999em;
	}
	
	#navBuildingCenter a {
	display: block;
	width: 140px;
	height: 51px;
	}
	
	#navBuildingCenter a:hover {
	background: url(images/nav/buildingcenterOn.jpg) no-repeat top;
	}
	
	#navBuildingCenterAlt {
	width: 140px;
	background: url(images/nav/buildingcenterAlt.jpg) no-repeat top;
	text-indent: -999em;
	}
	
	#navBuildingCenterAlt a {
	display: block;
	widows: 140px;
	height: 51px;
	}
	
	#navFaqs {
	width: 71px;
	background: url(images/nav/faqs.jpg) no-repeat top;
	text-indent: -999em;
	}
	
	#navFaqs a {
	display: block;
	width: 71px;
	height: 51px;
	}
	
	#navFaqs a:hover {
	background: url(images/nav/faqsOn.jpg) no-repeat top;
	}
	
	#navFaqsAlt {
	width: 71px;
	background: url(images/nav/faqsAlt.jpg) no-repeat top;
	text-indent: -999em;
	}
	
	#navFaqsAlt a {
	display: block;
	widows: 71px;
	height: 51px;
	}
	
	#navContact {
	width: 106px;
	background: url(images/nav/contact.jpg) no-repeat top;
	text-indent: -999em;
	}
	
	#navContact a {
	display: block;
	width: 106px;
	height: 51px;
	}
	
	#navContact a:hover {
	background: url(images/nav/contactOn.jpg) no-repeat top;
	}
	
	#navContactAlt {
	width: 106px;
	background: url(images/nav/contactAlt.jpg) no-repeat top;
	text-indent: -999em;
	}
	
	#navContactAlt a {
	display: block;
	widows: 106px;
	height: 51px;
	}
	
	#navEnd {
	width: 15px;
	background: url(images/nav/end.jpg) no-repeat top;
	}
	
	#leftmenu{
		list-style:none;
		margin-left:0px;
		padding-left:0px;	
	}
	#leftmenu li{
		padding:5px 0 5px 0; 
	}
	
	#leftmenu .completed div{
		color:#006600;
		font-size:11px;
		margin-left:40px;
		font-family:arial,helvetica,sans-serif;
	}
	#leftmenu .completed div i{
		color:#006600;
		font-size:11px;
		font-family:arial,helvetica,sans-serif;
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
	}
	
	#leftmenu .active div{
		color:#006600;
		font-size:11px;
		margin-left:40px;
	}
	
	#leftmenu .active div i{
		color:#006600;
		font-size:11px;
		font-family:arial,helvetica,sans-serif;
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
	}
	
	#leftmenu .normal div{
		color:#ff0000;
		font-size:11px;
		margin-left:40px;
	}
	
	#leftmenu .normal{
		color:#ff0000;
	}
	#leftmenu .active{
		color:#006600;
		cursor:pointer;
	}
	#leftmenu .completed{
		color:#006600;
		cursor:pointer;
	}
h2,h3 {
	color:#ff0000;
	font-size:22px;
}	
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}