/* general tag elements */
a{background-color:transparent;color:#064d9f;text-decoration:none}
a:active{color:#080}
a:hover{text-decoration:underline}

/* start general rules */
.bulletList ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bulletList ul li {
	background-image: url(/library/images/bullet/listWt.gif);
	background-repeat: no-repeat;
	background-position: top 1px;
	margin: 0;
	padding: 0;
	padding-left: 12px;
	margin-bottom: 10px;
}

.hide {display: none;}
.cat1, .cat2, .cat3, .cat4, .cat5, .cat6, .cat8, .funcDex, #serverMSG {font: normal .8em Arial, Helvetica, sans-serif;}
.cat1 {border:1px solid #4D8DD5;padding:0px 3px 10px 3px;margin-bottom:5px;background-color:#ffffff;}
.cat1 ul {list-style-type: none; margin: 0px; padding: 0px;}
.cat1 ul li {
background-image: url(/library/images/bullet/ListWt.gif);
background-repeat: no-repeat; 
background-position: 0 0.2em;
padding-left: 1.0em;
}
html>body .cat1 ul li {background-position: 0 0.1em;}
.cat1title {margin:0px -3px 5px -3px; padding-left:3px; padding-right:3px; height:18px; background-color:#4D8DD5; filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#4D8DD5', endColorstr='#aaddff', gradientType='1'); color:#ffffff; font-weight:bold; font-size:10pt;}
html>body .cat1title { margin:0 0 5px 0;}
.cat1more a {text-align:right; margin:2px; display:block;}
.cat1more a:hover { text-transform:capitalize;}

.cat2, cat3{border:1px solid #4D8DD5; margin-bottom:5px; background-color:#ffffff;}
.cat2 h3{padding-left:3px; padding-right:3px; height:18px; filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#4D8DD5', endColorstr='#aaddff', gradientType='1'); color:#ffffff; font-weight:bold; font-size:10pt; margin-bottom:0;}
html>body .cat2 h3{background-color:#4D8DD5; margin-top: 0px;}
.catem {border:1px solid #a3191f;}
.catem h3{filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#a3191f', endColorstr='#f1b7af', gradientType='1'); }
html>body .catem h3{background-color:#a3191f;}

#hpFooter { clear:both; font: .7em Arial, Helvetica, sans-serif; margin-top: 10px; margin-bottom: 10px; margin-left: 160px;}
#hpFooter ul li { display:inline;background:url(/lib/img/bullet/666.gif) no-repeat .9em .6em; padding-left:1.7em;}
#hpFooter ul li a{ margin-right: 3px; margin-left: 0px;}

/* Functional Index */
.funcDex {font: normal .8em Arial, Helvetica, sans-serif; border:1px solid #4D8DD5; padding:0px 0px 10px 0px; margin:0; background-color:#ffffff;}
.funcDex h3 {margin:0px; padding-left:3px; padding-right:3px; height:32px; background-color:#4D8DD5; filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#4D8DD5', endColorstr='#aaddff', gradientType='1'); color:#ffffff; font-weight:bold; font-size:10pt;}
.funcDex h3 .control { font: normal .8em Arial, Helvetica, sans-serif; margin-bottom: 2px; }
.funcDex h3 .control a {color:#EEEEFF;}
.funcDex ul { margin-left: 3px;}

/* GENERAL PAGE PROPERTIES */
#pageTitle {font: bold 1.2em "Times New Roman", Times, serif; color:#336699;}
#pageTitle span { font-weight:normal; font-size: .9em;}
#pwMotto {font-size: .9em; color:#FF9933;}
#pwMotto span {font-style:italic;}

/* TABS */
#tabmenu {
	color: #000;
	border-bottom: 2px solid black;
	margin: 0px 0px 0px 0px;
	padding: 25px 0 0 0;
	z-index: 1;
	padding-left: 10px ;
	/*background:url(/lib/img/background/MajorProject1.jpg) no-repeat right;*/
	/*background:url(/lib/img/background/silhouet.jpg) no-repeat right;*/
	background:url(/lib/img/background/Coastline.jpg) no-repeat right;
	background-color: #7190bc;
	}
#tabmenu li { display: inline; overflow: hidden; list-style-type: none; }
#tabmenu a, a.active {
	color: #ffffff; /*#DEDECF;*/
	background: #609dde; /*#898B5E;*/
	font: bold 1em "Trebuchet MS", Arial, sans-serif;
	border: 2px solid black;
	padding: 2px 5px 0px 5px;
	margin: 0;
	text-decoration: none; }
#tabmenu a.active { background: #FEFEFE; color: #555; border-bottom: 3px solid #FEFEFE; }
#tabmenu a:hover { color: #555; background: a8dbfe; }
#tabmenu a.active:hover { background: #FEFEFE; color: #669966; }
/*
#contentbox {font: 0.9em/1.3em "bitstream vera sans", verdana, sans-serif;
	text-align: left;
	background: #FEFEFE;
	padding: 10px;
	border: 2px solid black;
	border-top: none;
	z-index: 2;	}
#contentbox a:hover { text-decoration:underline;}
*/
.banner a img {border: 1px solid #4d8dd5;}
.banner a img:visited {border: 1px solid #4d8dd5; margin-top: 5px;}
/* ids and classes for homepage layout */
#leftcontent { position: absolute; left:10px; top:133px; width:155px; background:#fff; }
#centercontent { background:#fff; margin-left: 154px; margin-right:154px; voice-family: "\"}\""; voice-family: inherit; margin-left: 156px; margin-right:156px; }
html>body #centercontent { margin-left: 156px; margin-right:156px; }
#rightcontent { position: absolute; right:10px; top:133px; width:155px; background:#fff; }
#leftcontent2 { width:160px; margin-right: 5px; background:#fff; }
#rightcontent2 { width:160px; background:#fff; }
#serverMSG { border:1px solid #4D8DD5; padding:5px; margin-bottom: 5px; margin-right: 5px; background-color:#ffffff; color: #FF0000;}

/* strategic plan */
#hpsp a { background: url(/lib/feature/img/pwSP.jpg); width: 250; height: 37; position: absolute; top: 90px; right: 10px; background-color: #FFFFFF;}
#hpsp a:hover {text-decoration:none;}
#hpsp2 a { background: url(/lib/feature/img/pwSP170.jpg); width: 160; height: 25; background-color: #FFFFFF; margin-bottom: 5px;}

/* for service search */
#serviceSearch {font-size: .9em; font-weight:bold; text-align:center; border:1px solid silver; padding:2px;}
#serviceSearch a {font-size: 0.9em; font-weight: normal;}
#frmFacilityFinder { margin: 2px;}
#frmFacilityFinder .searchtext { background-color:#FFFF99; font-size:8pt;}
#frmFacilityFinder .search { font-size:8pt;}

#whatsnew {margin: 0; padding: 0;}
#whatsnew {margin-right: 5px;}

#hpOnline ul {margin: 0; padding: 3px; list-style-type: none;}
#hpOnline ul li { 
	background: url(/library/images/bullet/ListWt.gif) no-repeat 0.1em; 
	padding-left: 1.0em; 
	margin-bottom: 0.2em;
}
/*html> body #hpOnline ul li {background-position: 0 0em; margin-bottom: .4em;}*/

#hpcustomers { min-width: 380px; font: normal .8em Verdana, Arial, Helvetica, sans-serif; padding:0px; border:solid 1px #4D8DD5; margin: auto; margin-bottom: 5px; width:auto; text-align:center;}
#hpcustomers td { color:#336699;}
#hpcustomers td a {
	color:#336699; 
	text-align:center; 
	display:block; 
	padding: 5px;
	}
#hpcustomers td div {	font-size: 1.2em; font-weight:bold; }
#hpcustomers td span {	font-size: 1.2em; font-weight:bold; }
/*#hpcustomers td a:hover { display:block; background-color:#AADDFF; text-decoration: none;}*/
/*#hpcustomers td:hover a { display:block; background-color:#AADDFF; text-decoration: none;}*/
#hpcustomers td img { display:block; border: 1px solid gray; margin-left: auto; margin-right: auto;}
html>body #hpcustomers td a img { text-align:center;}

.imgmain { background: url(/services/img/main225mask.jpg) no-repeat right;}
.imgresident { background: url(/services/img/resident225mask.jpg) no-repeat right;}
.imgbusiness { background: url(/services/img/business225mask.jpg) no-repeat right;}
.imggovernment { background: url(/services/img/government225mask.jpg) no-repeat right;}

/* START FEATURE PROPERTIES */
.feaBox {border:solid 1px #4D8DD5; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; width:auto;}
/*.feaBox {max-width:400px; height:130px; border:solid 1px #4D8DD5; margin:0px 5px 5px 0px; padding:5px; font-family:Arial, Helvetica, sans-serif;}
.feaBox h2 {margin:0 0 5px 0; padding:0px; font-weight:bold; font-size:1.2em; border-bottom:solid 1px silver;}
.feaBox h2 {margin:0 0 5px 0; padding:0px; font-weight:bold; font-size:1.2em; filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#4D8DD5', endColorstr='#aaddff', gradientType='0');}
.feaBox h2 {margin:-5px -5px 5px -5px; padding:0px; height:18px; font: normal 1em "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#4D8DD5', endColorstr='#aaddff', gradientType='0'); color: #ffffff;}
*/
/*.feaBox h2 {margin:-5px -5px 5px -5px; padding:2px; font-weight:bold; font-size:0.8em; border-bottom: dotted 1px white; background-color:#aaddff;}*/
.feaBox h2 {margin:-5px -5px 5px -5px; padding:3px 2px 2px 5px; font-weight:bold; font-size:0.8em; background-color:#aaddff;background:url(/lib/template/gradSilver.jpg) repeat-x top;}
.feaTitle {font: bold 1.0em Arial, Helvetica, sans-serif; color:#003366;}
.feaTitle a img {border:solid 1px gray; width:150px; height:100px; float:left; margin:5px 10px 10px 0;}
.feaDesc {font-size: .8em; color:#663300;}
.feaMore {font-size: .8em; color:#663300; text-align:right; margin:5px;}

#feaOthers {clear:both; width:100%; margin-bottom:5px; margin-top: 1px; font: normal .7em Verdana, Arial, Helvetica, sans-serif;}
#feaOthers h3 { font-size: 1.1em; font-weight: bold; color:#333333; border-top:dotted 1px silver; border-bottom:dotted 1px silver; margin-bottom: 5px;}
#feaOthers ul { margin: 0px; padding: 0px;}
#feaOthers ul li { display:inline; min-width: 400px; min-height: 45px; }
#feaOthers li { clear:both; padding-left:0px; list-style-type: none; margin-bottom: 5px;}
html>body #feaOthers li { min-height: 50px;} /* hack for FireFox and IE7 */
#feaOthers li a {text-decoration: none; display:block; padding: 3px;  font-size: 1.2em; height: 55px; margin: 1px;}/*border: 1px solid #ffffff;*/
#feaOthers li a div.title { font-weight: bold;}
#feaOthers li a div.onhover { display: none;}
#feaOthers li a:hover div { margin-right: 5px; font-weight:bold;}
#feaOthers li a:hover div.desc { font-weight: normal;}
#feaOthers li a:hover div.onhover { display: inline; font-size: .8em; font-weight:normal; max-height: 180px; display: block; padding-bottom: 15px;}
#feaOthers li a:hover {background-color:#dfeef9; text-decoration: none; display:block;}
/*html>body #feaOthers li a:hover {background-color:#efefef; border: 1px solid #dadada; text-decoration: none; display:block; margin: auto; padding: 2px 1px 2px 3px;}*/
#feaOthers li img { float:left; border: 1px solid silver; padding: 0px; margin-top: 0px; margin-bottom: 10px; margin-right: 5px; clear:left;}


#highlights li img { float:left; border: 1px solid silver; padding: 0px; margin: 5px; clear:left;}

/* feature management */
/*
.fm_box {border:solid 1px #4D8DD5; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; width:auto;}
#fm_main_feature { clear: both; position:relative; margin-top: 10px; width: 100%; min-height: 100px; overflow: hidden;}

.fm_main { clear: both; position:relative; margin-top: 10px; width: 100%; min-height: 100px; overflow: hidden;}
.fm_main .fm_img { float:left; margin:1px 5px 5px 2px;}
.fm_main .fm_title { font-size: 1em; font-weight:bold;}
.fm_main .fm_desc { margin-bottom: 10px; margin-left: 110px; font-size: 0.8em; overflow: hidden;}
.fm_main .fm_more { position: absolute; right: 5px; bottom: 5px; display: block; margin-top: 20px; font-size: .8em;}
.fm_main .fm_arrowImg { margin-left: 5px; }

.fm_main .fm_title a:link {text-decoration: none; color:#000000;}
.fm_main .fm_title a:visited {text-decoration: none; color:#000000;}
.fm_main .fm_title a:hover {text-decoration: underline; color:#000000; font-weight: bold;}
.fm_main .fm_title a:active {text-decoration: underline;}

.fm_stage2 { clear: both; position:relative; margin: 1px 0px 5px 2px; padding-right: 2px; width: 98%; min-height: 50px; overflow:hidden;}
.fm_stage2 img{ float: left; margin:2px 7px 5px 2px; border: 1px solid silver;}
.fm_stage2 .fm_title { font-weight:bold;}
.fm_stage2 .fm_desc { float: left; margin-left: 0px; margin-bottom: 10px; font-size: .9em; overflow:hidden;}
.fm_stage2 .fm_more { position: absolute; right: 5px; bottom: 5px; display: block; margin-top: 0px; font-size: .8em;}
.fm_stage2 .fm_date { font-size: 0.6em; color:gray; margin: 5px 0px 5px 0px;}

.fm_stage2 a:link {text-decoration: none; color: #064d9f;}
.fm_stage2 a:visited {text-decoration: none; color: #064d9f;}
.fm_stage2 a:hover {text-decoration: underline; color: #064d9f;}
.fm_stage2 a:active {text-decoration: underline;}

.fm_previous { clear: both; position:relative; margin-top: 6px; width: 100%; min-height: 50px; overflow: hidden;}
.fm_previous .fm_img { float:left; margin:1px 5px 5px 2px;}
.fm_previous .fm_img  img{border:1px solid gray}
.fm_previous .fm_title { font-size: 0.8em; font-weight:bold;}
.fm_previous .fm_desc { margin-bottom: 10px; margin-left: 60px;  font-size: 0.8em; overflow:hidden;}
.fm_previous .fm_more { position: absolute; right: 5px; bottom: 5px; display: block; margin-top: 0px; font-size: .8em;}
.fm_previous .fm_date { font-size: 0.6em; color:gray; margin: 5px 0px 5px 0px;}

.fm_previous a:link {text-decoration: none; color: #0000FF;}
.fm_previous a:visited {text-decoration: none; color: #0000FF;}
.fm_previous a:hover {text-decoration: underline; color: #0000FF; font-weight: bold;}
.fm_previous a:active {text-decoration: underline;}

.fm_desc a:link {text-decoration: none; color: #0000FF;}
.fm_desc a:visited {text-decoration: none; color: #0000FF;}
.fm_desc a:hover {text-decoration: underline; color: #0000FF; font-weight: normal; }
.fm_desc a:active {text-decoration: underline;}
*/
/*.preview { background-color: #cf6; border: medium dashed #c00;}*/
.preview { background-color: #cf6; border: thin dashed #c00;}

/* end feature management */

#alert { height: 45px; margin-bottom: 5px;}
#alert img { float:left; margin-right: 10px;}
#alert .title { font: bold 1.2em Arial, Helvetica, sans-serif; padding: 10px 0 10px 0; margin: 0 5px 10px 5px;}

.alert { margin-bottom: 5px; font-size: 1.1em; margin: 1px 0px 5px 2px; padding-right: 2px; overflow:hidden;}
.alert img { float: left; margin: 2px 7px 5px 2px; border: 1px solid silver;}
.alert div.list { display:inline-block; display:list-item; margin-left: 85px;}
.alert div.title { font-weight: bold; color: #064d9f;}
.alert div.desc { margin-left: 70px; color: #333333; font-size: .9em;}
.alert div.desc a { text-decoration:underline;}
/* END FEATURE */

/* tibits */
#tidbits {
	background-color:#fff;
	/*background: url(/lib/img/clipArt/question100x145.jpg) no-repeat 2em 2em;*/
	background: url(/lib/img/icon/question50x56.jpg) no-repeat 0em 1.5em;
	font: normal .8em Arial, Helvetica, sans-serif;
	height: 175px;
	position: relative;
	}
#tidbits p { padding: 5px 5px 5px 5px; margin: 0px;}
/*#tidbits h3 {margin:0px -5px 5px -5px; padding:0px 3px; height:18px; font-weight:bold; font-size:10pt; background-color:#4D8DD5; filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#4D8DD5', endColorstr='#aaddff', gradientType='1'); color: #ffffff;}*/
#tidbits .more a {text-align:right; margin:2px; display:block;}
#tidbits .more a:hover { text-decoration:underline;}
#dykViewFacts a { position: absolute; bottom: 2px; text-align:center; margin: 0 auto; width: 100%; padding: 2px; font: normal .9em Arial, Helvetica, sans-serif;}

/* RESOURCES */
#pwResources { font: normal .8em Arial, Helvetica, sans-serif; border:1px solid #4D8DD5;padding: 0;margin-bottom:5px;background-color:#fff;}
#pwResources h3 {margin:0px 0px 5px 0px; padding-left:3px; padding-right:3px; height:18px; background-color:#4D8DD5; filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#4D8DD5', endColorstr='#aaddff', gradientType='1'); color:#ffffff; font-weight:bold; font-size:10pt;}
#pwResources ul {margin: 3px; padding: 0px;}
#pwResources li {list-style-type: none; margin-bottom: 17px; }
#pwResources li a { text-decoration:none; padding:0px;}
#pwResources li a:hover { text-decoration:underline;}
#pwResources li img {border: 1px solid silver; margin-right:6px; float:left; clear:both;}
#pwResources ul.noborder li img {border: none;}

#hpReqLinks { font:normal .8em Arial, Helvetica, sans-serif;}
#hpReqLinks ul {margin:0; padding:0;}
#hpReqLinks ul li {list-style-type: none; margin: 5px 0px;}
#hpReqLinks ul li img{ border:solid 1px #0099FF;}
/*#hpReqLinks ul li a:hover img{ border:solid 1px #990000;}*/
#hpReqLinks ul li a:hover img{ background:url(/lib/img/banner/CountySealHover.jpg) 0em 0em;}

.hpReqLinks {margin:0; padding:0; font: .7em Verdana, Arial, Helvetica, sans-serif; color: green; text-align:right;}
.hpReqLinks li { width: 160px; margin:7px 0; list-style-type: none;}
html>body .hpReqLinks li {margin-top: 10px; margin-bottom: 10px;} /* FireFox */
.hpReqLinks li a { display:block; padding:5px; border: 1px solid #4D8DD5; background-color:#FFFFFF;}
.hpReqLinks li.county a { background: url(/lib/img/banner/countysealhover.gif) no-repeat;}
.hpReqLinks li.dpw a { background: url(/lib/img/banner/dpwsealhover.gif) no-repeat;}
.hpReqLinks li.press a { background: url(/lib/img/banner/presshover.gif) no-repeat;}
.hpReqLinks li.green a { background: url(/lib/img/logo/green24.gif) no-repeat;}
.hpReqLinks li a:hover { text-decoration: none; border: 1px solid #5555AA; background-color:#4e8ed5; color: gold;}

#hpSurvey ul { margin:0; padding: 3px}

.addtionalLinks { clear:both; font: .8em Arial, Helvetica, sans-serif; margin-top: 10px; margin-bottom: 4px;}
.addtionalLinks ul li { background:url(/lib/img/bullet/666.gif) no-repeat 0em .7em; padding-left:.4em; list-style: none;}
.addtionalLinks ul li a{ margin-right: 3px; margin-left: 0px;}
.addtionalLinks a { text-decoration:underline;}

#iwt ul {margin: 0; padding: 3px; list-style-type: none;}
#iwt ul li {
background: url(/library/images/bullet/ListWt.gif) no-repeat 0 .2em;
padding-left: 1.0em;
}
html>body #iwt ul li {background-position: 0 0.1em; margin-bottom: .2em;}

@media print {
ul {list-style-type:square; margin-left: 10px; padding-left: 5px;}
ul li {padding:0 0 0 0;}
}