body {
	background-color: #8aa9bd;
	font-size: 62.5%; /* 1.0em = 10px */
	color: #333333;
	font-family: Verdana, sans-serif;
	width: 600px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* The above margin properties can be written using shorthand... margin: 0 auto; */

div#wrapper {
	text-align: left;
	background-color: #e1e3cd;
	width: 650px;
}

/* The wrapper goes completely around the header, content, navbar and footer div's. It allows us to reset text-align to left. I've also used this wrapper to fill the entire background with my selected navbar bg color. */

/* The following is split into 4 sections.  Read through each, carefully, as many concepts are brought together for this layout. 

Remember inheritance, along the cascade, and descendent selectors. */

/* HEADER (start) */

div#header {
	background-color: #dc8a3b;
	padding: 20px;
	font-size: 18px;
	color: #e1e3cd;
	font-weight: bold;
}

div#header2 {
	background-color: #dc8a3b;
	padding: 0px;
	font-size: 18px;
	color: #e1e3cd;
	font-weight: bold;
	
}



/* HEADER (end) */

/* CONTENT (start) */

div#content {
	float: right;
	background-color: #ffffff;
	width: 450px;
	padding: 10px;
}

div#content h1 {
	margin: 0px;
}

div#content h1 span {
	font-size: 12px;
	
}

div#content h1 span a {
	color: #ca8d44;
	text-transform: none;
	text-decoration: none;}
	
	

div#content img.floatRight {
	float: right;
	padding: 5px;
	margin: 10px;
	border-style: dashed;
	border-width: 1px;
}

/* HEADER (end) */

/* NAVBAR (start) */

div#navBar {
	float: left;
	width: 180px;
}

div#navBar ul.nav {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div#navBar ul.nav li a {
	display: block;
	height: 20px;
	padding: 10px;
	padding-left: 20px;
	line-height: 20px;
	font-size:11px;
	color: #7e5505;
	text-decoration: none;
	letter-spacing: 2px;
}

div#navBar ul.nav li a:hover {
	background-color: #fafba1;
}


div#navBar ul.nav2 {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div#navBar ul.nav2 li a {
	display: block;
	height: 35px;
	padding: 10px;
	padding-left: 20px;
	line-height: 15px;
	font-size:11px;
	color: #7e5505;
	text-decoration: none;
	letter-spacing: 2px;
}

div#navBar ul.nav2 li a:hover {
	background-color: #fafba1;
}

div#navBar ul.nav3 {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div#navBar ul.nav3 li a {
	display: block;
	height: 20px;
	padding: 10px;
	padding-left: 20px;
	line-height: 20px;
	font-size:11px;
	color: #7e5505;
	text-decoration: none;
	letter-spacing: 2px;
}

div#navBar ul.nav3 li a:hover {
	background-color: #fafba1;
}





/* NAVBAR (end) */

/* FONTS */
.header_copy_bold {
	color: #ffffff;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;}
	
.copy {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;}
	
.copy_bold14 {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;}	
	
.copy_white {
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 20px;}
	
	
.copy_brown {
	color: #7e5505;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;}
	
.copy_brown12 {
	color: #7e5505;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;}	
	
.page_copy_brown {
	color: #7e5505;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;}
	
.copy_gray {
	color: #a5a487;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
.copy_blue {
	color: #56778c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;}	
	
.page_subtitle {
	color: #7e5505;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	
	}	
	
.copy_bold {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;}	
		
.footer_gray {
	color: #a5a487;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;}
	
.footer {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;}
	
.footer_bold {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;}		
	
	

/* FONTS END*/



.block_background {
	background:#fbf1a1;
	border:0px solid #666666;
	padding:3px;
	padding-left:5px;
	padding-bottom:5px;
	text-align:left;
	width:350px;}

#blue_bar {
	background-color:#c2d4e0;
	border:1px solid #c2d4e0;
	margin:0px;
	height:20px;
	width:648px;}
	
#blue_bar_dark {
	background-color:#004890;
	border:1px solid #c2d4e0;
	padding-left:55px;
	height:20px;
	width:593px;}
	
#yellow_bar {
	background-color:#fbf1a1;
	border:1px solid #fbf1a1;
	margin:0px;
	height:20px;
	width:648px;}	
	
	
	
	
.hr_dashed {
	border:0px;
	border-top:1px dashed #999999;}

a.copy {
	color: #004890;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	text-transform: none;}
	
	a.copy:hover {
	/*color: #8aa9bd;*/
	text-decoration:underline;}
	

a.copy_large {
	color: #004890;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration:none;
	text-transform: none;}
	
	a.copy_large:hover {
	/*color: #8aa9bd;*/
	text-decoration:underline;}	

	
a.top {
	color: #004890;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;}
	
	a.copy:hover {
	color: #8aa9bd;
	text-decoration:underline;}
	
	
img.logo {
	
	float: right;
	padding: 0px;
	background-color: #ffffff;
	border: 0px;
	margin: 5px;

}	

img.header {
	
	float: left;
	padding: 0px;
	background-color: #ca8d44;
	border: 0px;
	margin: 0px;
	margin-bottom: 10px;
	margin-right: 10px;

}	
	
	


/* FOOTER (start) */

a.footer {
	color: #004890;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	text-transform: none;}
	
	a.footer:hover {
	text-decoration:underline;}
	
	/* a.footer:hover {
	color: #7e5505;
	}*/	



div#footer {
	background-color: #c2d4e0;
	padding: 10px;
}

div#footer p {
	margin: 0px;
}

/* FOOTER (end) */

div.clearFloats {
	clear: both;
}