/* 
  aardvark.legs by Anatoli Papirovski - http://fecklessmind.com/
  Licensed under the MIT license. http://www.opensource.org/licenses/mit-license.php
*/

/* 
  Reset first. Modified version of Eric Meyer and Paul Chaplin reset 
  from http://meyerweb.com/eric/tools/css/reset/ 
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, tbody, tfoot, thead, tr, th, td,
header, nav, section, article, aside, footer
{border: 0; margin: 0; outline: 0; padding: 0; background: transparent; vertical-align: baseline;}

blockquote, q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: ''; content: none;}

header, nav, section, article, aside, footer {display: block;}

/* Basic styles */
html, body {
	position:relative;
	height: 100%;
	background:url(../_img/bg.gif) repeat-x;
	background-color:#c3c9c6;
	color: #435258; 
	font: 12px/1.5em Verdana, Verdana, Geneva, sans-serif;
}


img {display: inline-block; vertical-align: bottom;}

h1,h2,h3,h4,h5,h6,strong,b,dt,th {font-weight: 700;}
address,cite,em,i,dfn,var {font-style: italic;}

h1 {margin: 0 0 .1em; font-size: 1.3em; color:#3b525c;}
h2 {margin: 0 0 .2em; font-size: 1.3em; color:#668073; margin-bottom: .5em;}
h3 {margin: 0 0 .5em; font-size: 1.1em; color:#3b525c; font-weight:normal;}
h4 {margin: 0 0 .1em; font-size: .9em; color:#668073;}
h5 {margin: 0 0 1.8em; font-size: .8em; color:#9e9478;}
h6 {margin: 0 0 2em; font-size: .75em;}

p,ul,ol,dl,blockquote,pre {margin: 0 2.6em 1.5em 0; font-size:.9em; }
small{color:#435258; font-size:.8em;}
.address{
	font-size:.9em;
	font-style:normal;
	width:220px;
	float:left;
	display:inline;
	margin: 0 1.1em 1.5em 0;
}

li ul,li ol {margin: 0;}
ul {
	color:#435258;
	/*controls indent for bulleted lists*/
	margin: 0 2.6em 1.5em .3em;
	padding:0;
	/*eliminates standard bullet graphic*/
	list-style:none;
}
li {
	/*set graphic for bullets and align the bullet with the center of the text line(6px)*/
	background: url(../_img/bullet.gif) no-repeat 0 5px;
	line-height: 1.3em;
	margin:0 0 .7em 0;
	/*controls spacing between bullet image and text in list*/
	padding:0 0 0 1.1em;
}
ul.pdf {
	color:#435258;
	/*controls indent for bulleted lists*/
	margin: 0 2.6em 1.5em .3em;
	padding:0;
	/*eliminates standard bullet graphic*/
	list-style:none;
}
ul.pdf li {
	/*set graphic for bullets and align the bullet with the center of the text line(6px)*/
	background: url(../_img/pdf_sm.gif) no-repeat 0 0;
	margin:0 0 0 0;
	/*controls spacing between bullet image and text in list*/
	padding:0 0 .6em 1.8em;
}
ol {list-style: outside decimal;}
dd {padding-left: 1.5em;}
blockquote {padding: 0 1.5em;}
a.img{border:none;}
a {text-decoration: none; color:#5b5545; border-bottom:1px dotted;}
a:hover {text-decoration: none; color:#5b5545; border:none;}
a:visited {text-decoration: none; color:#9e9478; border:none;}

abbr,acronym {border-bottom: 1px dotted; cursor: help;}
del {text-decoration: line-through;}
ins {text-decoration: overline;}
sub {font-size: .834em; line-height: 1em; vertical-align: sub;}
sup {font-size: .834em; line-height: 1em; vertical-align: super;}

tt,code,kbd,samp,pre {font-size: 1em; font-family: Courier, "Courier New", monospace;}

/* Table styles */
table { border-collapse:collapse; margin: 0 0 0 0; text-align:center; font-size:.8em; width:354px;}
caption {text-align: left; color:#657981; font-size:9px;}
th, td {padding:0 .5em;}
thead th{border:1px solid #d3dbd7; background:url(../_img/table_head_bg.gif) repeat-x; height:23px; padding-top:2px;}
tbody td, tbody th {
	padding:0 .5em;
	background:url(../_img/table_body_bg.gif) repeat-x;
	border-top: 1px solid #d3dbd7;
	border-left: 1px solid #d3dbd7;
	border-right: 1px solid #d3dbd7;
}
tfoot{
	font-style: italic;
	line-height:0;
	font-size:0;
}
tfoot td{ 
	border-left:1px solid #d3dbd7;
	text-align: right;
	background:url(../_img/table_foot_bg.gif) repeat-x;
}
/* Form styles */
fieldset {clear: both;}
legend {margin: 0 0 .5em; font-size: 1.1em; color:#668073; font-weight:700;}
fieldset fieldset legend {margin: 0 0 .1em; font-size: .9em; color:#668073;}
* html legend {margin-left: -7px;}
*+html legend {margin-left: -7px;}

form .field, form .buttons {display:inline; margin: 0 14px 1em 0; float:left;}
form .inline_buttons{margin:1.3em 1em 1em 0; float:right; display:inline}
form .field label {display: block; color:#435258; font-size:10px; line-height:1.6em;}
form ul.fields {margin:0 0 1.1em 0;}
form ul.fields li {list-style-type: none; margin: 0; background:none; padding:0;}
form ul.inline li, form ul.inline label {display: inline;}
form ul.inline li {padding: 0 .75em 0 0;}

input.radio, input.checkbox {margin: 3px; vertical-align: bottom;}
label, button, input.submit, input.image {cursor: pointer;}
* html input.radio, * html input.checkbox {margin: 0; vertical-align: middle;}
*+html input.radio, *+html input.checkbox {margin: 0; vertical-align: middle;}

textarea {overflow: auto;}
input.text, input.password, textarea, select {margin: 0; color:#3b525c; font: 1em/1.3 verdana, Verdana, Geneva, sans-serif; vertical-align: bottom;}
input.text, input.password, textarea {border: 1px solid #b5babc; background-color:#ebf2f2; padding: 2px; width:93%;}

* html button {margin: 0 .34em 0 0;}
*+html button {margin: 0 .34em 0 0;}

form.horizontal .field {padding-left: 150px;}
form.horizontal .field label {display: inline; float: left; width: 140px; margin-left: -150px; text-align:right;}

/* Useful classes */
img.left {display: inline; float: left; margin: 0 1.5em .75em 0;}
img.right {display: inline; float: right; margin: 0 0 .75em .75em;}

/* Site structure */
#wrapper {
	min-height:100%;
	height:auto !important;
	height:100%;
	width: 900px; 
	margin: 0 auto;
	position:relative;
	padding: 0;
	background: url(../_img/wrapper_bg.gif);
}
#header {
	height: 200px;
	width: 900px; 
	padding: 0;
	background-color: #777;
}
#leftcol {
	width: 305px;
	min-height:300px;
	height:auto !important;
	height:300px;
	float: left;
	padding: 0 0 41px 0;
}
#leftcol_header {
	height: 100px;
	width: 280px; 
	padding: 25px 0 0 25px;
	background-color: #FFF;
	background-image:url(../_img/leftcol_header_bg.gif);
}
#rightcol {
	width: 595px;
	float: left;
	padding: 0 0 41px 0;
	background:url(../_img/rightcol_header_bg.gif) no-repeat;
}
#rightcol_header {
	height: 23px;
	width: 578px; 
	padding: 92px 0 0 0;
	margin: 15px 0 0 11px;
}
#rightcol_panel {
	width:570px;
	margin:22px 0 0 7px;
	background-image:url(../_img/rightcol_panel_bg.gif);
}
#rightcol_panel_head {
	height: 5px;
	background:url(../_img/rightcol_panel_head_bg.gif) no-repeat;
}
#rightcol_panel_content {
	margin: 22px 0 0 22px;
}
	#content_left{
		float:left;
		display:inline;
		width:160px;
	}
		.content_left_img{
			width:126px;
			padding:9px;
			background-color:#e3e8df;
			border:1px solid #cad1cf;
		}
		.content_left_text{
			text-align:right;
			padding:1.5em 2em 0 0;
		}
		.content_left_text h1{
			color:#435258;
			font-size:.8em;
			line-height:1em;
			font-weight:normal;
		}
		.content_left_text h2{
			color:#6c8779;
			font-size:1.2em;
		}
	#content_right{
		margin:.8em 0 0 0;
		float:left;
		display:inline;
		width:384px;
	}	
		.contact_info{
			margin-bottom:1.5em;
		}
		.contact_info p{
			margin-bottom:.5em;
			line-height:1.3em;
		}
		#summer{
			margin:0 2.6em 1.5em 0;
		}
		#winter{
			margin:0 2.6em 1.5em 0;
		}
#rightcol_panel_foot {
	height: 34px;
	background:url(../_img/rightcol_panel_foot_bg.gif) no-repeat;
}
#nav  {
	text-align:right;
}
#footer {
	font-size:.8em;
	color:#7b7f7e;
	width: 876px;
	height: 31px;
	padding:7px 12px 0 12px;
	background-color:#999;
	background-image:url(../_img/footer_bg.gif);
	position:absolute;
	left: 0;
	bottom: 0;
	clear: both;
}

/*TABLE for correctly wrapping captions----------------------------------------------------------------*/		
table.img_cap_left{
	display:inline;
	padding:0;
	float:left;
	margin:0 1em 0 0;
	width:auto;
}
table.img_cap_right{
	display:inline;
	padding:0;
	float:right;
	margin:0 2em 0 1em;
	width:auto;
}
table.img_cap_right th, td {padding:0;}
table.img_cap_left th, td {padding:0;}
table.img_cap_right tbody td, tbody th { padding:0; border:none;}
table.img_cap_left tbody td, tbody th { padding:0; border:none;}
table table{
	margin:0;
	padding:0;
}
table.img_cap_left img{
	padding:0;
	margin:0;
}
table.img_cap_right img{
	padding:0;
	margin:0;
}
/*END TABLE Image Caption stuff----------------------------------------------------------------------*/
/*Small Module Panels */
.sm_module_header{
	background:url(../_img/smpanel_headers/smpanel_header_bg.gif);
	width:263px;
	height:17px;
	margin:2px 0 0 22px;
	padding:12px 0 0 13px;
	font-size:0;
	line-height:0;
}
.sm_module_body{
	background-color:#FFF;
	border-left:1px solid #b9c0bb;
	border-bottom:1px solid #b9c0bb;
	border-right:1px solid #b9c0bb;
	width:265px;
	margin:0 0 16px 22px;
	padding:12px 0 0 9px;
}
.bimodule_header{
	width:276px;
	height:27px;
	margin:2px 0 0 22px;
	font-size:0;
	line-height:0;
}
.bimodule_body{
	background-color:#FFF;
	border-left:1px solid #b9c0bb;
	border-bottom:1px solid #b9c0bb;
	border-right:1px solid #b9c0bb;
	width:270px;
	margin:0 0 16px 22px;
	padding:7px 0 5px 4px;
}
	/*bi-module background images*/
	.bimodule_col{
		text-align:right;
		float:left;
		display:inline;
		width:130px;
		height:23px;
		margin:0 5px 0 0;
		padding:54px 0 0 0;
	}
		
	.calendar{
		background:url(../_img/bi-module/calendar.gif);
	}
	.myaudio{
		background:url(../_img/bi-module/myaudio.gif);
	}
	
	/*End Bi-module background images*/
	
	.module img {
		float:left;
		display:inline;
	}
	
	.module {
		margin:0 0 0 22px;	
		width:276px;
	}
	
	.clear_spacer {
		clear:both;
		margin:0 0 16px 0;
	}
	
#askmod_body{
	background-color:#fff;
	border-left:1px solid #b9c0bb;
	border-bottom:1px solid #b9c0bb;
	border-right:1px solid #b9c0bb;
	width:270px;
	margin:0 0 16px 22px;
	padding:7px 0 5px 4px;
}
#askmod_col{
		background:url(../_img/ask_img.jpg);
		text-align:right;
		float:left;
		display:inline;
		width:265px;
		height:23px;
		margin:0 5px 0 0;
		padding:54px 0 0 0;
	}
/*End Small Panel stuff*/
/* Classes */
img.left {display: inline; float: left; margin: 0 1.5em .75em 0;}
img.right {display: inline; float: right; margin: 0 0 .75em .75em;}
.divider{
	font-size:0;
	line-height:0;
	background:url(../_img/divider.gif) no-repeat;
	height:1px;
	width:526px;
	margin:0 0 12px;
	clear:both;
}
#content_right .divider{
	background:url(../_img/divider_sm.gif) no-repeat;
	height:1px;
	width:366px;
}
.intro{
	margin-bottom: 5px;	
}
.clear{
	clear:both;
}
.right{
	float:right;
}

.red{color:red;}
.align_right{
	text-align:right;
}
.align_left{
	text-align:left;
}

.egov_nav {
	text-align:justify;
	font-size: .875em;
	font-weight:bold;
}

.egov_nav a {
	border-bottom:none;
}

.anchor {
	border-bottom:none;
}

span.checkbox {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(../_img/buttons/radio.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
span.radio {
	width: 19px;
	height: 18px;
	padding: 0 5px 0 0;
	background: url(../_img/buttons/radio.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
span.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.gif) no-repeat;
	overflow: hidden;
}


a#rollover { background-image:url(../_img/faq_text_blue.gif); height: 11px; width:75px; display: inline-block; vertical-align: bottom; }
a#rollover span { display:none; }
a#rollover:hover { background-image:url(../_img/faq_text_red.gif); }