@charset "utf-8";
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFF;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.oneColFixCtr #container {
	width: 750px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF; /* the auto margins (in conjunction with a width) center the page */
	border: 1px none #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
}
#topmenu {
	background-color: #365477;
	background-image: url(../images/topmenubg.png);
	background-repeat: repeat-x;
	height: 45px;
	width: auto;
	padding: 0px;
}

#submenu {
	background-color: #CCC;
	height: 20px;
	width: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}

#topmenu .menuitems {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
}

.oneColFixCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}


	
	* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 40px;}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -40px; /* negative value of footer height */
	clear:both;
	background-color: #212932;
	height: 40px;
	} 
#footer .footercontent {
	color: #355375;
	font-size: 12px;
	text-align: right;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#footer .footercontent a:link {
	color: #466D99;
}
#footer .footercontent a:visited {
	color: #2D4764;
}
#footer .footercontent a:hover {
	color: #4D78A8;
}
#footer .footercontent a:active {
	color: #355375;
}
#topmenu #toplogo {
	padding: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 45px;
	width: auto;
	margin-top: 0px;
}

	





/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#MenuBar li {
	display: inline;
	width: 128px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 45px;
	float: left;
}