/* CSS Document */

/**** Universal Rules ****/
html, * {
	padding: 0;
	margin: 0;
	}
	
body {
	background: url(../images/bg_body.jpg) center top repeat-x #2d64a0;
	font: 14px/1.4 Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	}
	
img {
	border: 1px solid #669900;
}

hr {
	color:#ffa205;
	background:#ffa205;
	border:none;
	margin-bottom: 15px;
	}
	
p, h2, h3, h4, h5 {
	margin-bottom: 15px;
	}
	
h1 {
	font: normal 38px Georgia, "Times New Roman", Times, serif;
	color: #fff;
	font-variant:small-caps;
	margin-left: 5px;
	padding: 10px 0 10px 50px;
	background:url(../images/title_graphic.png) 0 0 no-repeat;
	behavior: url(iepngfix.htc);
	}
	
	h1 sup {
		line-height:0;
		font-size: 24px;
		text-decoration:underline;
		}
		
h3 {
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	color: #1a3b60;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #333;
	}
	
/**** Anatomy ****/
	
#container { /* main container for site */
	width: 780px;
	margin-top: 10;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
	
	#container a {
		color:#fff;
		text-decoration:none;
		}
	
#header { /* header with image in it, 'Olympia Center for DBT' is outside of this */
	height: 214px;
	behavior: url(iepngfix.htc);
	background-image: url(../images/bg_header.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
	}
	
#wrapper { /* contains nav, leftcol, rightcol and footer_nav */
	background: url(../images/bg_main.png) repeat-y;
	width: 780px; /* width set for IE6 Bug */
	behavior: url(iepngfix.htc);
	} 
	
	#wrapper a, a:visited {
		color:#1a3b60;
		}
		
	#wrapper a:hover, a:active {
		text-decoration:none;
		}

/* Navigation Menu */
	
#nav {
	height: 37px;
	background: url(../images/bg_nav.jpg) repeat-x;
	margin: 0 8px;
	padding-left:12px;
	}
		
	#nav li {
		line-height: 37px;
		list-style: none;
		display: inline;
		margin: 0 8px;
		}
		
	#nav a {
		color:#fff;
		text-decoration:none;
		padding:10px 6px 10px 6px;
		font-weight:bold;
		}
		
	#nav a:hover {
		background:url(../images/bg_nav2.jpg) repeat-x;
		}
		
	#nav .active {
		background:url(../images/bg_nav2.jpg) repeat-x;
		}
		
/* Left content column */
	
#leftcol {
	float: left;
	padding: 21px 30px 10px 29px;
	width: 443px;
	margin-top:1px;
	background: url(../images/bg_leftcol.jpg) right top no-repeat;
	margin-right:4px;
	}
	
	#leftcol h2, #fullcol h2 {
		font: normal normal 28px "Trebuchet MS", Verdana, Arial, sans-serif;
		color: #1a3b60;
		}
		
	#leftcol ul {
		margin-left: 35px;
		margin-bottom: 15px;
		}
		
/* Right content column */
	
#rightcol {
	float: left;
	width: 265px;
	font-size:12px;
	margin-top:4px;
	}
	
	#rightcol h2 {
		font: normal normal 20px "Trebuchet MS", Verdana, Arial, sans-serif;
		color: #72981f;
		}
		
	#rightcol td {
		padding-bottom: 5px;
		}
		
	#rightcol td.title {
		padding-right: 5px;
		font-weight: bold;
		color:#1a3b60;
		}
		
		
		#rightcol img {
	border: 0px solid #669900;
}
		
/* Full Width content column */

#fullcol {
	padding: 21px 29px 10px 29px;
	}
	
	#fullcol table {
		margin-bottom:15px;
		}
		
/* navigation footer and clearing div to make wrapper background extend past floated divs */
	
#footer_nav {
	clear:both;
	text-align: right;
	margin: 0 29px;
	padding: 10px 0;
	border-top: 1px dotted #333;
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	}
	
	#footer_nav a {
		text-decoration: none;
		}
	
	#footer_nav a:hover {
		text-decoration: underline;
		}
	
	#footer_nav ul li {
		display: inline;
		list-style: none;
		}
		
	#footer_nav p {
		margin-bottom: 5px;
		}
	
	#footer_nav p.privacy, #footer_nav p.privacy a {
		color: #FFFFFF;
		font-weight:normal;
		margin-bottom:0;
		}

/* main footer, outside of wrapper */
	
#footer {
	padding: 20px 25px 10px 25px;
	color: #FFFFFF;
	font-size:12px;
	line-height:1.2;
	background: url(../images/bg_footer.jpg) no-repeat;
	}
	
#footer .right {
	float: right;
	text-align: right;
	}
	
#footer a {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#footer a:hover {
	text-decoration: underline;
	}
	
/**** Classes ****/

.img_right {
	float:right;
	margin: 0 0 5px 10px;
	}
	
.img_left {
	float:left;
	margin: 0 0px 0px 0;
	}
		
.yellow { /*arrows next to 'read more' links */
	color: #ffa205;
	}

/************ Contact Form ******************/

#contactForm label {
	float: left;
	width: 100px;
	padding: 0;
	margin-left: 5px;
}

#contactForm div {
	padding: 5px 0;
	margin: 0;
	width: 100%;
}

div#contactForm {
	margin:10px;
	}

#contactForm legend {
	padding: 0 5px;
	font-weight: bold;
	color: #333;
}

#contactForm fieldset {
	width: 400px;
	margin: 10px;
	padding: 10px;
	border: 1px solid #1a3b60;
}

#contactForm .txt {
	border: 1px solid #1a3b60;
	width: 182px;
}



#contactForm .message {
	border: 1px solid #1a3b60;
	width: 280px;
}

div.submit {
	text-align:right;
	}

.btn {
	padding: 0;
	margin: 0 auto;
	margin-right: 100px;
	border: 2px solid #1a3b60;
	background-color: #fff;
}

#poweredby {
	text-indent: -9000px;
	}

