/* CSS Document */
body { background-color: #215173; background-image: url(../bg_grade.gif); background-repeat: repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; }

#header2 { height: 90px; background-color: #6783a8; }
#logo2 { width: 507px; margin: 0; padding: 0; float: left; }
#logo2 IMG { border: 0px; }
#header_links2 { width: 243px; margin: 0; padding: 0; float: right; text-align: right; }
* html #header_links2 { width: 220px; }
#page_body {  border-top: 2px solid #900; clear: both; position: relative; top: -4px; left: 0px; }
* html #page_body { top: -3px; border-top: 3px solid #900; }

/* DIV tags with ID */
#wrapper { width: 750px; margin: 20px auto 20px auto; border: 1px solid black; background-color: #B5BEC7; }

/* Header */
#header_links { float: right; width: 320px243px; height: 70px; text-align: right; padding-right: 10px; }
* html #header_links { padding-top: 12px; padding-bottom: 0px; margin-bottom: 0px; }
#header_links P, #header_links LABEL { font-size: 11px; font-weight: bold; }
#header_links A, #footer_links A { color: #000; text-decoration: none; }
#header_links A:hover, A:active, #footer_links A:hover, A:active { color: #FF0; }
#header_links A:visited { color: #CCC; text-decoration: none; }
#header_links input { font-size: 10px; }
#header_links input#search { width: 100px; }

/* Footer */
DIV#footer_links { background-color: #537291; color: white; }
* html DIV#footer_links { height: 30px; }
#footer_links P { font-size: 11px; font-weight: bold; vertical-align: middle; }
#footer_links .left { float: left; margin: 5px; padding: 0 0 0 10px; }
#footer_links .right { float: right; margin: 5px; padding: 0 10px 0 0; }
#footer_links A:visited { color: #CCC; }

#footer A { font-weight: 700; }
#footer A:link { color: #900; }
#footer A:visited { color: #600; text-decoration: none; }
#footer A:active, #footer A:hover { color: #FFCC00; }

/* Accessibility -- not much yet, but it's a start */
A em, #header_links LABEL em, h4 A em { font-style: normal; font-weight: bold; text-decoration: underline; }

/* Body */
#page_body { width: 100%; }
#page_body h1, #page_body h2 { padding: 0px 20px 0px 20px; }
* html #page_body h1, #page_body h2 { padding-top: 11px; }
#page_body h1, #page_body h2 { font-size: 24px; }
#page_body p { font-size: 12px; }
#page_body p.intro_para { padding: 0px 30px 0px 30px; font-size: 12px; }
	#web_table { width: 700px; margin: 0px auto 20px auto; border: 1px solid black; }
		#web_table TH { background-color: #537291; color: #ffffff; font-size: 12px; padding: 5px 0 5px 0; }
		#web_table TH a, TH a:active { color: white; }
		#web_table TH a:hover { color: #900; }
		#web_table TH a:visited { color: #dfdfdf; }
		#web_table TH.site_name { width: 160px; }
		#web_table TH.summary { /*width: 200px;*/ }
		#web_table TH.date { width: 130px; }		
		#web_table TR.dennis { background-color: #D5E4FB; }
		#web_table TR.flood { background-color: #EAF1FB; }
		#web_table TD { font-size: 11px; text-align: center; padding: 0px 8px 0px 8px; }
		#web_table IMG.site_thumb { border: 1px solid black; margin: 5px auto 5px auto; }
		#web_table IMG.icon_details { border: 0px; margin: 0; }
		#web_table A { color: #036; font-weight: 600; }
		#web_table A:visited { color: #069; font-weight: 100; }
		#web_table A:hover { text-decoration: none; color: #000; }

/* Search Results Page */
#page_body h2.search_results { display: block; }
#page_body UL LI.search_results_message { font-size: 12px; }
#page_body P.search_site_name { font-weight: bold; font-size: 20px; display: block; }
#page_body P.search_site_name { padding: 0px 20px 0px 20px; }
P.search_site_info { padding: 0px 50px 0px 50px; }
#page_body P A, P A:active { color: #036; font-weight: 600; }
#page_body P A:hover { color: #900; }
#page_body P A:visited { color: #933; }
#page_body SPAN.found_search_term { font-weight: 700; color: #000; background-color: #fff; text-transform: uppercase; padding: 0 4px; }
IMG.search_screenshot { float: right; margin: 15px 30px 8px 5px; border: 1px solid black; width: 120px; height: 90px;}
HR.search_bottom { width: 85%; clear: both; }
		
/*#whole_shebang { width: 80%; margin: 5px auto 20px auto; }*/
#whole_shebang { width: 95%; margin: 5px auto 20px auto; }

body {
	/*margin: 20px; */
	padding: 0px;
	/*background: #CACCB4;*/
	font: 16px arial, sans-serif; }

pre {text-indent: 30px}

/* CSS Tabs -- thanks to http://nontroppo.org/ for getting me started */

#tabmenu {
	color: #000; border-bottom: 2px solid #6d6d6d;
	margin: 12px 0px 0px 0px; padding: 0px; z-index: 1;	padding-left: 0px }

#tabmenu li {
	display: inline;
	overflow: hidden;
	list-style-type: none; padding-right: 10px; }

#tabmenu a, a.active {
	color: #537291; background: #D5E4FB;
	font: bold 1em "Trebuchet MS", Arial, sans-serif;
	border: 2px solid #6d6d6d; padding: 2px 10px 0px 10px;
	margin: 0px; text-decoration: none; }

#tabmenu a.active { background: #EAF1FB; border-bottom: 2px solid #EAF1FB; }

#tabmenu a:hover { color: #fff; background: #C1D1E1; }

#tabmenu a:visited { color: #003366; }

#tabmenu a.active:hover { background: #EAF1FB; color: #DEDECF; }

P.tab_home_link { clear: both; text-align: center; margin-bottom: 10px; }

#content {font: 0.8em/1.2em verdana, sans-serif;
	text-align: justify; 
	/*background: #EAF1FB;*/
	padding: 12px 20px 12px 20px;
	/*border: 2px solid #6d6d6d; border-top: none; */
	z-index: 2;	}

#content a { text-decoration: none; color: #537291; }

#content a:hover { background: #C1D1E1; }

#content h3 { font-size: 16px; float: left; width: 500px; }
#content p.over_intro { clear: both; padding-bottom: 8px; border-bottom: 2px solid black; width: 100%; }
#content h4 { float: right; text-align: right; font-size: 13px; }
#content IMG { float: right; border: 1px solid black; margin-left: 20px; margin-bottom: 20px; margin-top: 5px; margin-right: 5px; }

#content p { width: 400px; }

/* Contact Form */
#contact_form { margin: 0px 20px 0px 30px; }
* html #contact_form { padding-bottom: 12px; }
#contact_form LABEL { font-weight: bold; }
DIV.warning { margin: 0px 40px 0px 40px; }
P.warning { padding-left: 10px; font-weight: bold; }
* html P.warning { padding-top: 5px; padding-bottom: 0px; margin-bottom: 0px; }
* html DIV.warning UL { margin-top: 0px; }
LI { color: #900; font-size: 12px; }
SPAN.error { color: #900; font-weight: bold; }
SPAN.required { font-size: 11px; color: #900; font-weight: 100; }
P.contact_image { float: right; }

P.input_left { width: 50%; float: left; }
* html p.input_left { margin-bottom: 15px; }
P.input_right { width: 50%; float: right; }
* html p.input_right { margin-bottom: 15px; }
* html P.input_right SELECT { margin-left: 20px; }
P.input_full { float: left; width: 100%;}
* html P.input_full SELECT { margin: 0 0 15px 10px; }


* html P.contact_image { padding-top: 20px; }
IMG.contact_image { border: 0px; margin: 0px 20px 0px 20px; height: 120px; width: 180px; border: 1px solid black; }


/* Header Click */
	#header_click IMG { border: none; }
	#header_click h2 { clear: both; }