/* zero off the defaults to get a clean starting point*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, formfield {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #FFFFFF;
}

body {
	margin: 0;
	padding: 0;
	font: 101% Arial, Helvetica, sans-serif;
	background-color: #C6D5E5;
	color: #000;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
}
/***** Begin laying out the wrappers *****/

#wrapper {position: relative; margin: 0 auto; width: 751px; background-color: #C6D5E5; text-align: left;}
#header{width: 751px; height: 175px; background: url(images/header.jpg) no-repeat;}
#header-links {padding: 158px 0 0 225px; font: Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold; text-transform: uppercase;}
ul#nav, ul#nav li { list-style-type: none; margin: 0; padding: 0; background: transparent;}
ul#nav { width: 500px; list-style: none; padding: 0 5px 0 10px; float: left;}
ul#nav li { float: left; text-align: center; color: #000; display: block; }
ul#nav a { float: left; padding: 0 5px 0 5px; display: block; text-decoration: none; color: #000; text-transform: uppercase; }
ul#nav a:hover, ul#nav li.active { color: #F32929; }
#banner: {width: 751px; height: 54px;}
#flash-wrapper{width: 751px; height: 78px;  background: url(images/navigator.gif) no-repeat left; display: block;}
#contentwrapper {width: 751px; background: url(images/left_banner_bg.gif) repeat-y;}
#left-bar {width: 170px; height: 571px; float: left;}
#main-content{width: 396px; float: left; margin: 5px; background-color: #FFFFFF; text-align: left;}
#single-column {width: 581px; float: left; background-color: #FFFFFF; text-align: left;}
#sidebar {width: 165px; float: left; margin: 5px; background-color: #ccc; text-align: left;}
h1{font: Arial, Helvetica, sans-serif; font-size:.95em;}
h2{font: Arial, Helvetica, sans-serif; font-size:.85em;}
p {font: Arial, Helvetica, sans-serif; margin: 0 0 1em 0; font-size:.80em; text-align: left;}