/************************************************************************
style.css
Main Style Sheet
Created by: Patricia Laurion
Date Created: 1/3/2008
************************************************************************/

/***********************************************************************/
/**************************** Basic Layout *****************************/

/* Set text align-center to center page for Browsers that dont support margin:auto */
body {
	text-align: center;
	min-width:780px;
	margin:0;
	padding:0;
	background-color:#003366;
	font-size:16px;
}

/* Box to hold Javascript Error warning */	
div#javascript_error {
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	margin-bottom:5px;
	width: 780px;
	padding-right:20px;
	padding-top:4px;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000; 
	font-weight: bold;
	background-color:#FFFF99;
	height:20px;
}

/* Box to hold links at top right of screen */	
div#linkContainer {
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	margin-bottom:5px;
	width: 800px;
	padding-right:20px;
	text-align: right;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFFFF; 
	font-weight: bold; 
}

#linkContainer a { color:#FFFFFF; font-weight:bold; text-decoration:none;}
#linkContainer a:link {  color:#FFFFFF; font-weight:bold; text-decoration:none;}
#linkContainer a:visited {  color:#FFFFFF; font-weight:bold; text-decoration:none;}
#linkContainer a:hover {  color:#FFFF00; font-weight:bold; text-decoration:underline;}

/* Large White Box on the Bottom Layer, acts as a container for other layers */	
div#container {
	margin-left: auto;
	margin-right: auto;
	margin-bottom:20px;
	width: 800px;
	text-align: left;
	background-color:#FFFFFF;
}

/* The inset container inside the main container on the outside */
div#background-container {
	color:#FFFFFF;
	background-image:url(../images/layout/seasonal_banners/winterFoliage2.jpg);
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:5px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	width:780px;
}

/* Container to hold the SC logo at the top */
div#logo {
	position:relative;
	margin-top:0px;
	margin-left:10px;
}
	
/* The inset container inside the main container on the outside */
div#short-background-container {
	color:#FFFFFF;
	background-image:url(../images/header_small2.jpg);
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-top:10px solid #FFFFFF;
	margin-left:10px;
	margin-right:auto;	
	width:780px;
}

/* Container to hold the SC logo at the top */
div#short-logo {
	float:left;
	width:auto;
}

/* Nav Bar Container */
div#nav {
	float:left; 
	z-index:500; 
	height:26px; 
	position:relative; 
	margin-left:15px;
	margin-right:auto; 
	top: 160px;
}

div#nav ul {
	margin:7px 0; 
	padding:0
}
	
div#nav li {position:relative; list-style:none; margin:0; float:left; line-height:1em; white-space:nowrap; font-family:Geneva, Arial, Helvetica, sans-serif}
div#nav li a:hover {color: #66CCFF; text-decoration:none;}
div#nav li.submenu:hover{background-color:transparent}
div#nav li a {display:block; padding:0.25em 0 0.25em 0em; margin:0; text-decoration:none; color:#fff;}
div#nav > ul a {width:auto}
div#nav ul ul {position:absolute;display:none}
div#nav ul ul li {border-bottom:0px solid #ccc; text-align:left; font-weight:normal; margin:0 3px; clear:both;}
div#nav li.submenu li.submenu {z-index:1000}
div#nav ul.level1 li.submenu:hover ul.level2, div#nav ul.level1 li.submenu:hover ul.level2-end, div#nav ul.level2 li.submenu:hover ul.level3 {display:block; z-index:1000; background:transparent url(/images/layout/background_nav.png); z-index:1000; padding-bottom:10px; border-color: #fff; border-width: 0 2px 2px 2px; border-style:solid;}
div#nav ul.level2 {top:2em; padding-left:5px; padding-top:.75em; width:200px; }
div#nav ul.level2-end {top:2em; right:10px; width:130px;}
div#nav ul.level2 li a, div#nav ul.level2-end li a {display:block; }

/* Nav Bar Container */
div#short_nav {
	float:left; 
	z-index:500; 
	height:26px; 
	position:relative; 
	margin-left:15px;
	margin-right:auto; 
	top: 50px;
}

div#short_nav ul {
	margin:7px 0; 
	padding:0
}
	
div#short_nav li {position:relative; list-style:none; margin:0; float:left; line-height:1em; white-space:nowrap; font-family:Geneva, Arial, Helvetica, sans-serif}
div#short_nav li a:hover {color: #66CCFF; text-decoration:none;}
div#short_nav li.submenu:hover{background-color:transparent}
div#short_nav li a {display:block; padding:0.25em 0 0.25em 0em; margin:0; text-decoration:none; color:#fff;}
div#short_nav > ul a {width:auto}
div#short_nav ul ul {position:absolute;display:none}
div#short_nav ul ul li {border-bottom:0px solid #ccc; text-align:left; font-weight:normal; margin:0 3px; clear:both;}
div#short_nav li.submenu li.submenu {z-index:1000}
div#short_nav ul.level1 li.submenu:hover ul.level2, div#short_nav ul.level1 li.submenu:hover ul.level2-end, div#short_nav ul.level2 li.submenu:hover ul.level3 {display:block; z-index:1000; background:transparent url(/images/layout/background_nav.png); z-index:1000; padding-bottom:10px; border-color: #fff; border-width: 0 2px 2px 2px; border-style:solid;}
div#short_nav ul.level2 {top:2em; padding-left:5px; padding-top:.75em; width:200px; }
div#short_nav ul.level2-end {top:2em; right:10px;  width:130px;}
div#short_nav ul.level2 li a, div#short_nav ul.level2-end li a {display:block; }
	
/* White content block inset from the banner, will be split into two divs */
div#maincontent {
	background: #fff repeat-y 0 0; 
/*	background: #fff url(http://www.utah.gov/images/background-content.gif) repeat-y 0 0; */
	border-bottom:1px solid #efefef; 
	margin-top:215px; 
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
	border-style:groove;
	width:750px;
}

#maincontent p {
	font-family:Verdana, Arial, Helvetica, sans-serif
}
	
#maincontent h3 {
	padding:0 10px; 
	margin-left:5px;
	margin-bottom:5px; 
	font-weight: bold; 
	color:#003366;
	font-size:16px;
	font-style:normal;
	text-align:left;
	padding-top:3px;
	border-bottom:1px;
	border-bottom-style:solid;
}
	
#maincontent h4 {
	padding:0 10px; 
	margin-left:5px;
	margin-bottom:5px; 
	font-weight: bold; 
	color:#003366;
	font-size:14px;
	font-style:normal;
	text-align:center;
}

/* Container for the search box */
div#searchbox {
	text-align:right;
	float:left;
	margin-left:245px;
}
	
/* Container for the search box */
div#homesearchbox {
	text-align:right;
}
	
/* Container for the left content in the maincontent div, keeps it seperate from the sidebar */
div#leftcontent {
	margin-top:25px;
	margin-bottom:25px; 
	margin-left:0px;
	width:500px;
	float:left
}

/* Container for the right content in the maincontent div, keeps the sidebar seperate from the left content*/
div#rightcontent {
	margin-top:25px;
	margin-bottom:25px; 
	margin-left:50px;
	width:200px;
	float:left;
}

/* Container for the right content in the maincontent div, keeps the sidebar seperate from the left content*/
div#rightcontent h2 {
	margin-left:5px;
	text-decoration:underline;
}
	
/* Container for the right content in the maincontent div, keeps the sidebar seperate from the left content*/
div#rightcontent img {
	margin-left:5px;
}	
	
/* Container for the right content in the maincontent div, keeps the sidebar seperate from the left content*/
div#rightcontent ul {
	margin-left:15px;
}
	
/* Container for the left content in the maincontent div, keeps it seperate from the sidebar */
div#backstageleftcontent {
	margin-top:25px;
	margin-bottom:25px; 
	margin-left:10px;
	width:250px;
	float:left
}

/* Container for the right content in the maincontent div, keeps the sidebar seperate from the left content*/
div#backstagerightcontent {
	margin-top:25px;
	margin-bottom:25px; 
	margin-left:10px;
	width:250px;
	float:left
}
	
/* Container for the validated icons on the main page*/
div#validatedIconContainer {
	margin-left:25px;
	width:175px;
	text-align:center;
	float:left
}

/* Container for the printable verion link*/
.printablelink {
	float:right; clear:both; width:130px; font-size:16px; }
.printablelink img {border:none;}

/*Pagination Styling*/
div.paginationContainer{width:542px; padding:5px 0px 5px 0px; height:15px;}
div.pageNumbering {float:right; width:307px; text-align:right; margin:auto; font-size:16px;}
div.displayingResults {float:left; width:235px; font-size:16px}

div.paginationContainerMS{width:491px; padding:5px 0px 5px 0px; height:15px;}
div.pageNumberingMS {float:right; width:271px; text-align:right; margin:auto; font-size:16px;}
div.displayingResultsMS {float:left; width:210px; font-size:16px}

div.pageNumberingBottom {text-align:right; padding:5px 0px 5px 0px; font-size:16px;}

/*Previous Years Drop Down Box */
.dhtmlgoodies_contentBox{
		border:1px solid #317082;
		height:0px;
		visibility:hidden;
		position:absolute;
		background-color:#E2EBED;
		overflow:hidden;
		padding:2px;
		width:120px;
				
	}
.dhtmlgoodies_content{
		position:relative;		
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		width:100%;
		font-size:16px;
		
	}
	
.dhtmlgoodies_contentBoxpr{
		border:1px solid #317082;
		height:0px;
		visibility:hidden;
		position:absolute;
		left:555px;
		background-color:#E2EBED;
		overflow:hidden;
		padding:2px;
		width:90px;
	}
	
	.dhtmlgoodies_contentpr{
		position:relative;		
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		width:100%;
		font-size:16px;
	}
div#roundmaincontent ul.dhtmlgoodiesListpr {margin-left:20px; margin-bottom:10px;}
div#roundmaincontent ul.dhtmlgoodiesListpr a {font-size:16px;}
/***********************************************************************/
/**************************Side Menu (Right Side)***********************/

.sidemenu {
	/*margin-top:25px;*/
	/*_margin-left:0px;
	margin-left:10px;*/
	margin-bottom:15px;
	margin-right:5px;
	float:left;
	width: 175px;
	/*background-color: #EEEEEE;*/
	color: #fff;
} 

.sidemenu_content {	
	width: 175px;
	background-color: #EEEEEE;
}

/*Hack for IE 7 to ignore the following code */
html>/**/body .sidemenu_content {	
	width: 173px;
	background-color: #EEEEEE;
	border: thin solid #EEEEEE;
} 

.sidemenu p {
	margin: 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	font-weight: bold; 
	color:#003366;
	font-size:16px;
	/*font-style:normal;*/
	text-align:center;
	padding-top:0px;
	/*border:1px;
	border-style:solid;*/
}

.sidemenu h4, .sidemenu h3{
	margin:0px; 
	font-weight: bold; 
	color:#FFFFFF;
	font-size:16px;
	font-style:normal;
	text-align:center;
	padding-top:0px;
	background: url(/images/layout/accordion_toggle.png) no-repeat top left !important;
	background: url(/images/layout/accordion_toggle.gif) no-repeat top left;
	border-bottom-color: #003366;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
	
.sidemenu h5 {
	padding-top:0px;
	margin-top: 0px;
	font-weight: bold; 
	color:#FFFFFF;
	font-size:16px;
	font-style:normal;
	text-align:center;
	padding-top:0px;
	border:1px;
	border-style:solid;
}

.sidemenu ul {
	padding:2px 10px;
	font-weight:normal; 
	color:#003366;
	font-size:15px;
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	margin-left:15px;
	margin-bottom:10px;
	margin-top:5px;
}
	
.sidemenu li {
	margin-bottom:10px;
	border-bottom-color:#003366;
	border-bottom-style:dashed;
	border-bottom-width:.10em;
	padding-bottom:5px;
}

.sidemenu li:hover{
	list-style-type:circle;
}
	
.sidemenu li a{
	color:#003366;
}

.sidemenu li a:hover{
	font-style:normal;
	list-style-type:circle;
}
	
dt.stretchtoggle {
	margin: 0px !important;
	padding: 0px 0px 0px 0px !important;
	padding-top:0px;
	border: none !important;
	color: #FFFFFF;
	width: 178px;
	height: 23px;
	text-align:center;
	background: url(/images/layout/accordion_toggle.png) no-repeat top left !important;
	background: url(/images/layout/accordion_toggle.gif) no-repeat top left;
	background-position:center;
	cursor: pointer;
	font-weight:bold;
	font-size:16px;
	/*behavior: url(iepngfix.htc);
	background behavior*/
}

dt.stretchtoggleRed {
	margin: 0px !important;
	padding: 0px 0px 0px 0px !important;
	padding-top:0px;
	border: none !important;
	color: #FFFFFF;
	width: 178px;
	height: 23px;
	text-align:center;
	background: url(/images/layout/accordion_toggle_red.png) no-repeat top left !important;
	background: url(/images/layout/accordion_toggle_red.gif) no-repeat top left;
	background-position:center;
	cursor: pointer;
	font-weight:bold;
	font-size:12px;
	/*behavior: url(iepngfix.htc);
	background behavior*/
}

dt.stretchtoggle p {
	display: inline;
	margin: 0px;
	padding: 0px;
	color:#FFFFFF;
}

dd.stretcher {
	margin:0px !important;
	/*margin-bottom:0px;
	_margin-bottom:0px;*/
	padding: 0px 0px 0px 0px !important;
	margin-left:15px;
}

dd.stretcherRed {
	margin:0px !important;
	/*margin-bottom:0px;
	_margin-bottom:0px;*/
	padding: 0px 0px 0px 0px !important;
	margin-left:15px;
}


/***********************************************************************/
/********Rules for the Rounded Text Boxes on start page(Grey)***********/

.roundcont {
	/*margin-top:12px;*/
	margin-left:20px;
	margin-bottom:20px;
	float:left;
	width: 510px;
	/*background-color: #EEEEEE;*/
	color: #ffffff;
}

.roundcont_content {
	float:left;
	width: 510px;
	background-color: #EEEEEE;
	color: #fff;
}

.roundcont ul{
	padding:5px 10px;
	padding-left:10px;  
	font-weight: normal; 
	color:#003366;
	font-size:16px;
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	margin-left:10px;
	margin-bottom:20px;
	margin-top:5px;
}

.roundcont li {
	margin-bottom:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
	color: #000000;
	padding-bottom:5px;
	margin:0;
}

.roundcont p {
	margin: 0 10px;
}

.roundcontLeftSide {
	/*margin-top:12px;
	margin-left:20px;
	_margin-left:10px;
	margin-bottom:20px;*/
	float:left;
	width: 300px;
	background-color: #EEEEEE;
	color: #fff;
	padding-bottom:0px;
}

.roundcontLeftSide h4{
	font-size:18px;
}

.roundcontRightSide {
	/*margin-top:12px;
	margin-left:20px;
	_margin-left:10px;
	margin-bottom:20px;*/
	float:left;
	width: 200px;
	background-color: #EEEEEE;
	color: #fff;
	/*height:200px;*/
	padding-bottom:0px;
}

.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#EEEEEE; margin:0 5px;}
.b2f {height:1px; background:#EEEEEE; margin:0 3px;}
.b3f {height:1px; background:#EEEEEE; margin:0 2px;}
.b4f {height:2px; background:#EEEEEE; margin:0 1px;}
.contentf {background: #EEEEEE;}
.contentf div {margin-left: 0px;}


/***********************************************************************/
/******Rules for the Rounded Content Boxes (Content Pages- 2 Col)*******/

div#roundmain {
	margin-top:100px; 
	margin-left:20px;
	margin-right:10px;
	width:560px;
	float:left;
	margin-bottom:25px;
	display:inline;
}

div#roundmain p {
	margin: 0 10px;
}

div#roundmaintop {
	width:560px;
}
	
div#roundmaincontent {
	width:542px;
	background-color:#FFFFFF;
	padding-left:18px;
	padding-bottom:20px;
	float:left;
	color:#003366;
	display:inline;
}

div#roundmaincontent h4 {
	padding:0 10px; 
	margin:5px 0 0; 
	font-weight: bold; 
	color:#003366;
	font-size:14px;
	font-style:normal;
	text-align:left;
}
	
div#roundmaincontent ul {
	padding:0 10px;  
	font-weight: normal; 
	color:#003366;
	font-size:16px;
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	margin-left:40px;
	margin-bottom:20px;
}

div#roundmaincontent ul li {
	margin-bottom:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
	color: #000000;
	padding-bottom:5px;
	margin:0;
}

div#roundmaincontent ol {
	padding-top:5px;  
	font-weight: normal; 
	color:#003366;
	font-size:22px;
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	margin-left:30px;
	margin-bottom:5px;
}

div#roundmaincontent ol li {
	margin-bottom:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px;
	color: #000000;
	padding-bottom:5px;
	margin:0;
}

div#roundmaincontent li {
	margin-bottom:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
	color: #000000;
	padding-bottom:5px;
	margin:0;
}

img.corner2 {
   width: 560px;
   height: 28px;
   border: none;
   display: block !important;
}

img.corner3 {
   width: 738px;
   height: 28px;
   border: none;
   display: block !important;
}

/* Container for the left content in the maincontent div, keeps it seperate from the sidebar */
div#innerleftcontent {
	margin-top:25px;
	margin-bottom:25px; 
	margin-left:10px;
	width:300px;
	float:left;
}

/* Container for the right content in the maincontent div, keeps the sidebar seperate from the left content*/
div#innerrightcontent {
	margin-top:25px;
	margin-bottom:25px; 
	margin-left:10px;
	width:150px;
	float:left;
	height:250px;
}
	
/* Container for the top content in the maincontent div, used esp for the photo album */
div#innertopcontent {
	margin-top:25px;
	margin-bottom:5px; 
	margin-left:10px;
	width:520px;	
	float:left;
}

div#innertopcontent img {
	height:auto;
	width:520px;
}	

/* Container for the bottom content in the maincontent div, used esp for the photo album*/
div#innerbottomcontent {
	margin-top:25px;
	margin-bottom:0px;
	padding-bottom:5px; 
	margin-left:10px;
	width:520px;
	float:left;
	height:130px;
	overflow:auto;
}

div#innerbottomcontent img {
	min-height:93px;
	width:125px;
}

div#innerbottomcontent a img {
	border: 1px solid #EEEEEE; /* Set image border color */
}

div#innerbottomcontent a:hover img {
	border: 1px solid navy; /* Set image border hover color */
	/*opacity:.4;
	filter:alpha(opacity=40);*/
}

div#thumbnails {
	position:absolute;
	left:0;
	top:0;
	white-space:nowrap;
}

/* Gallery Styles */

#motioncontainer {
	/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
	width: 520px; /* Set to gallery width, in px or percentage */
	height: 130px; /* Set to gallery height */
	overflow:auto;
	position:relative;
}

#motioncontainer a img {
	border: 1px solid #EEEEEE; /* Set image border color */
}

#motioncontainer a:hover img {
	border: 1px solid navy; /* Set image border hover color */
	/*opacity:.4;filter:alpha(opacity=40);*/
}

#motiongallery {
	position:absolute;
	left:0;
	top:0;
	margin-top:0px;
	padding-top:0px;
	white-space: nowrap;
}

#statusdiv {
	background-color: #FFFFCC;
	border: 1px solid gray;
	padding: 2px;
	position: absolute; /* Stop Editing Gallery Styles */
	left: -300px;
	visibility: hidden;
}

#motioncontainer a:hover {
	color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */


/***********************************************************************/
/******Rules for the Rounded Content Boxes (Content Pages 3 Columns)****/

div#roundmaincontent3Col {
	width:332px;
	background-color:#FFFFFF;
	padding-left:18px;
	padding-bottom:20px;
	float:left;
	color:#003366;
	display:inline;
}

div#roundmaincontent3Col ul {
	padding:0 10px;  
	font-weight: normal; 
	color:#003366;
	font-size:16px;
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	margin-left:40px;
	margin-bottom:20px;
}
	
div#roundmaincontent3Col li {
	margin-bottom:5px;
}


div#thirdColumn {
	width:205px;
	background-color:#FFFFFF;
	padding-right:5px;
	float:left;
	display:inline;
	/*border:thin;
	border-color:#000000;
	border-style:solid;*/
}


/***********************************************************************/
/*********Rules for the Left Side Menu Bar (Department Pages)***********/

/* Wrapper used for left content menus */
.contentLeft2 {
	width:170px;
	margin-top:150px;
	margin-bottom:10px;
	margin-left:10px;
	float:left;
	/*background-color: #EEEEEE;*/
	color: #fff;
}

.contentLeft2_content {
	width:170px;
	background-color: #EEEEEE;
} 

.contentLeft2 p {
	margin: 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	font-weight: bold; 
	color:#003366;
	font-size:16px;
	/*font-style:normal;*/
	text-align:center;
	padding-top:0px;
	/*border:1px;
	border-style:solid;*/
}

.contentLeft2 h4, .contentLeft h3{
	margin:0px; 
	font-weight: bold; 
	color:#003366;
	font-size:16px;
	font-style:normal;
	text-align:center;
	padding-top:3px;
	border-bottom-color: #003366;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
	
.contentLeft2 h5 {
	padding-top:0px;
	margin-top: 0px;
	font-weight: bold; 
	color:#003366;
	font-size:16px;
	font-style:normal;
	text-align:center;
	padding-top:3px;
	border:1px;
	border-style:solid;
}

.contentLeft2 ul {
	padding:2px 10px;
	padding-right:5px;  
	font-weight: normal; 
	color:#003366;
	font-size:16px;
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	margin-left:10px;
	margin-top:0px;
	margin-bottom:0px;
}

.contentLeft2 li:hover {
	color:#8A9AB9;
	list-style-type:circle
}
	
.contentLeft2 li {
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom-color:#003366;
	border-bottom-style:dashed;
	border-bottom-width:.09em;
	font-weight:bold;
}

.contentLeft2 li ul li{
	margin-bottom:0px;
	padding-bottom:8px;
	border-bottom:none;
	font-weight:normal;
}

.contentLeft2 li ul li:hover{
	color:#8A9AB9;
	list-style-type:disc;
}

.contentLeft2 li a{
	color:#003366;
}

.contentLeft2 li a:hover{
	font-style:normal;
	color:#003366;
	text-decoration:underline;
}
	
div#contentLeft {
	width:178px;
	margin-top:120px;
	margin-bottom:0px;
	margin-left:10px;
	float:left;
}

#contentLeft a:link {text-decoration:none;color:#003366;}
#contentLeft a:visited {text-decoration:none;color:#003366;}
#contentLeft a:hover {text-decoration:underline;color:#003366;}
#contentLeft a:active {text-decoration:none;color:#003366;}

div#footer {  
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #FFFFFF; 
	font-weight: bold; 
	text-decoration: none;
	background-color:#003366; 
	padding-bottom:15px; 
	width:800px;
}

#footer a { color:#FFFFFF; font-weight:bold; text-decoration:none;}
#footer a:link {  color:#FFFFFF; font-weight:bold; text-decoration:none;}
#footer a:visited {  color:#FFFFFF; font-weight:bold; text-decoration:none;}
#footer a:hover {  color:#FFFF00; font-weight:bold; text-decoration:underline;}


/***********************************************************************/
/*********************************** Main Content Rules ****************/

a {color: #0101C5; text-decoration: none}
a:link {color: #0101C5; text-decoration: none}
a:visited {color: #0101C5; text-decoration: none}
a:hover {color: #FF3366; text-decoration: underline}

h1 {
	font-size:22px;
	color:#003366;
	border-bottom-color: #003366;
	border-bottom-style:solid;
	border-bottom-width:1px;
	margin-right:10px;
}

h2 {
	font-size:18px;
	color:#003366;
	padding-top:5px;
	padding-bottom:10px;
	margin:0;
	list-style-image:url(/images/arrow_down.gif);
}

h3 {
	font-size:16px;
	font-style:italic;
	color:#003366;
	padding-top:5px;
	padding-bottom:10px;
	margin:0;
	list-style-image:url(/images/arrow_down.gif);
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
	color: #000000;
	/*font-size:12px;
	font-family:Arial, Helvetica, sans-serif;*/
	padding:0px 10px 10px 0px;
	margin:0;
}

ul {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
}

ol {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
}

ul.serviceslist {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: .92em;
	margin-left: 33px;
	padding-left: 0px;
}

li.deserviceslist {
	list-style-type: none;
	list-style-image: url(/images/delaware.gif);
	padding-bottom: 2px;
}

li.scserviceslist  {
	list-style-type: none;
	list-style-image: url(/images/county.gif);
	padding-bottom: 2px;
}

li.bothserviceslist  {
	list-style-type: none;
	list-style-image: url(/images/county.gif);
	padding-bottom: 2px;
}

li.otherserviceslist {
	list-style-type: none;
	list-style-image: url(/images/county_outline.gif);
	padding-bottom: 2px;
}

ul.bulletlist {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: .92em;
	margin-left: 33px;
	padding-left: 0px;
}

.bulletlist li {
	list-style-type: none;
	list-style-image: url(/images/layout/blue_box.gif);
	padding-bottom: 2px;
}

.bulletlist li  a:hover {
	color: #E4752B;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
}

ul.smallbulletlist {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	margin-left: 33px;
	padding-left: 0px;
}

.smallbulletlist li {
	list-style-type: none;
	list-style-image: url(/images/layout/blue_box.gif);
	margin-bottom: 3px;
	margin-top: 2px;
}

.smallbulletlist li  a:hover {
	color: #E4752B;
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	list-style-image: url(/images/layout/blue_box.gif);
	padding-bottom: 2px;
}

ul.newslist {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-left: 33px;
	padding-left: 0px;
}

.newslist li {
	list-style-type: disc;
	padding-bottom: 4px;
}

.newslist li  a:hover {
	color: #E4752B;
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: disc;
	padding-bottom: 2px;
}

.newslist li ul {
	list-style-type:circle;
}

.breadcrumbs {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 15px; 
	font-weight: bold; 
	color: #929497; 
	text-decoration: none; 
	vertical-align : top;
}

.breadcrumbs a{ color: #929497; text-decoration:none;}
.breadcrumbs a:link {  color: #929497; text-decoration:none;}
.breadcrumbs a:visited {  color: #929497; text-decoration:none;}
.breadcrumbs a:hover {  color: #929497; text-decoration:underline;}


/************************************************************************/
/************************** Main Page Rules  ****************************/


/************************************************************************/
/******************* Generic Main Content Page Rules  *******************/

.bulletContainer {
	float:right;
	font-family:Arial, Helvetica, sans-serif; 
	padding-bottom:2%; 
	padding-top:2%;
}

/* Classes for the Phone Listing */
.phoneBlock {
	width:450px; 
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}

.phoneBlockTitle { 
	width:450px;
	color:#003366; 
	font-weight:bold; 
	text-align:left; 
	font-size:19px;
	padding-bottom:1px;
	border-bottom-width:1px;
	border-bottom-color:#000000;
	border-bottom-style:solid;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}

.phoneBlockHeading { 
	width:200px;
	color:#003366; 
	font-weight:bold; 
	text-align:left; 
	font-size:16px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;	
}

.phoneBlockContent { 
	width:250px;
	color:#000000;
	font-size:16px;
	font-weight: normal;
	padding-bottom:5px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	float:left; 
}

/* Classes for the Contact Container */
.contactBlock {
	width:300px; 
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}

.contactBlockTitle { 
	width:300px;
	color:#003366; 
	font-weight:bold; 
	text-align:left; 
	font-size:18px;
	padding-bottom:1px;
	border-bottom-width:1px;
	border-bottom-color:#000000;
	border-bottom-style:solid;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}

.contactBlockHeading { 
	width:125px;
	color:#003366; 
	font-weight:bold; 
	text-align:left; 
	font-size:16px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;	
}

.contactBlockContent { 
	width:175px;
	color:#000000;
	font-size:16px;
	font-weight: normal;
	padding-bottom:5px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	float:left; 
}

/* Classes for the Small Contact Container */
.smallcontactBlock {
	float:left;
	width:250px; 
	padding-bottom:10px;
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
}

.smallcontactBlockTitle { 
	width:250px;
	color:#003366; 
	font-weight:bold; 
	text-align:left; 
	font-size:18px;
	padding-bottom:1px;
	border-bottom-width:1px;
	border-bottom-color:#000000;
	border-bottom-style:solid;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}

.smallcontactBlockHeading { 
	width:100px;
	color:#003366; 
	font-weight:bold; 
	text-align:left; 
	font-size:16px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;	
}

.smallcontactBlockContent { 
	width:150px;
	color:#000000;
	font-size:16px;
	font-weight: normal;
	padding-bottom:5px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	float:left; 
}


/* Classes for larger contact container */
.largecontactBlock {
	width:400px; 
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}

.largecontactBlockTitle { 
	width:390px;
	color:#003366; 
	font-weight:bold; 
	text-align:left; 
	font-size:14px;
	padding-bottom:1px;
	border-bottom-width:1px;
	border-bottom-color:#000000;
	border-bottom-style:solid;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}

.largecontactBlockHeading { 
	width:200px;
	color:#003366; 
	font-weight:bold; 
	text-align:left; 
	font-size:12px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;	
}

.largecontactBlockContent { 
	width:190px;
	color:#000000;
	font-size:12px;
	font-weight: normal;
	padding-bottom:5px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}


/***********************************************************************/
/************ Rules For Tabular Data (Not tabular layout) **************/

table.contenttable {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 15px;
	color: #003366;
	border: 2px solid #003366;
	border-collapse:collapse;
	line-height: 1.8em;
} 

table.contenttable td {
 	padding: 2px 10px 2px 10px;
	empty-cells:show;
	border: 1px solid #D9CDAA;
}

table.contenttable th {
	background-color:#003366;
	color:#FFFFFF;
	text-align:center;
}

.largeCalendar {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 15px;
	color: #003366;
	/*border: 2px solid #003366;*/
	border-collapse:collapse;
	width:504px;
} 

.largeCalendarHeader {
 	padding-top:5px;
	font-size: 18px;
	font-weight:bold;
	float:left;
	width:504px;
	text-align:center;
	height:30px;
	background-color:#003366;
	color:#FFFFFF;
}

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

.largeCalendarMonth {
 	padding: 0px 0px 0px 0px;
	float:left;
	width:72px;
	height:15px;
	color:#FFFFFF;
	background-color:#003366;
	text-align:center;
}

.largeCalendarDay {
	background-color:#FFFFFF;
	color:red;
	text-align:center;
	float:left;
	width:70px;
	height:50px;
	color:#FFFFFF;
	border:1px;
	border-style:solid;
	border-color:#000000;
}

.largeCalendarDay2 {
	background-color:#FFFFFF;
	color:red;
	text-align:center;
	float:left;
	width:70px;
	height:50px;
	color:#FFFFFF;
	border:1px;
	border-style:solid;
	border-color:#000000;
	background-color:#FFFFCC;
}

.calendarNumbers {
	float:left;
	width:15px;
	/*border:1px;
	border-style:solid;
	border-color:#000000;*/
	text-align:center;
	height:15px;
	color:#003366;
}

.calendarContent {
	float:left;
	width:70px;
	/*border:1px;
	border-style:solid;
	border-color:#000000;*/
	text-align:center;
	font-size:22px;
}

.calendarContentHighlight {
	float:left;
	width:70px;
	/*border:1px;
	border-style:solid;
	border-color:#000000;*/
	text-align:center;
	font-size:22px;
	background-color:#FFFFCC;
}

.calendarContent a{
	color:inherit;
}

.small_largeCalendar {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 15px;
	color: #003366;
	/*border: 2px solid #003366;*/
	border-collapse:collapse;
	width:196px;
} 

.small_largeCalendarHeader {
 	padding-top:5px;
	font-size: 18px;
	font-weight:bold;
	float:left;
	width:196px;
	text-align:center;
	height:30px;
	background-color:#003366;
	color:#FFFFFF;
}

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

.small_largeCalendarMonth {
 	padding: 0px 0px 0px 0px;
	float:left;
	width:28px;
	height:15px;
	color:#FFFFFF;
	background-color:#003366;
	text-align:center;
	font-size:14px;
}

.small_largeCalendarDay {
	background-color:#FFFFFF;
	color:red;
	text-align:center;
	float:left;	
	height:20px;
	color:#FFFFFF;
	border:.60pt;
	border-style:solid;
	border-color:#000000;
	width:19.5pt;
	font-size:13px;
}

.small_largeCalendarDay2 {
	background-color:#FFFFFF;
	color:red;
	text-align:center;
	float:left;
	height:20px;
	color:#FFFFFF;
	border:.60pt;
	border-style:solid;
	border-color:#000000;
	width:19.5pt;
	background-color:#FFFFCC;
	font-size:13px;
}

.small_largeCalendarDay3 {
	background-color:#FFFFFF;
	color:red;
	text-align:center;
	float:left;
	height:20px;
	color:#FFFFFF;  
	border:.025em;
	border-style:solid;
	border-color:#000000;
	width:26.5px;
	background-color:#FF6666;
	font-size:13px;
}

.small_calendarNumbers {
	float:left;
	width:15px;
	/*border:1px;
	border-style:solid;
	border-color:#000000;*/
	text-align:center;
	height:15px;
	color:#003366;
}

.small_calendarContent {
	float:left;
	width:27px;
	/*border:1px;
	border-style:solid;
	border-color:#000000;*/
	text-align:center;
	font-size:22px;
}

.small_calendarContentHighlight {
	float:left;
	width:28px;
	/*border:1px;
	border-style:solid;
	border-color:#000000;*/
	text-align:center;
	font-size:22px;
	background-color:#FFFFCC;
}

.small_calendarContent a{
	color:inherit;
}

table.listtable {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	font-size: 14px;
	color: #003366;
	line-height: 1.8em;
} 

table.listtable td {
 	padding: 2px 5px 2px 5px;
	empty-cells:show;
}

table.listtable th {
	background-color:#003366;
	color:#FFFFFF;
	text-align:center;
}

.firstrow {
	padding: 5px 10px 5px 10px;
	text-align:center;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #003366;
	color:#FFFFFF;
	background-position: top left;
	font-size: 18px;
	line-height: normal;
}

.blueHighlight {
	background-color:#BEDBE9;
	color:#003366;
	text-align:left;
}

.lightBlueHighlight {
	background-color:#E3ECF4;
	color:#003366;
	text-align:left;
}

.bluewordhighlight {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 16px;
	color: #003366;
	padding-bottom:10px;
}

.lightbluewordhighlight {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 16px;
	color: #8A9AB9;
	padding-bottom:5px;
}

.yellowwordhighlight {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 1em;
	color: #B6B345;
}

.grayunder {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	color: #999999;
	padding-top:5px;
	padding-left: 40px;
}

.bulletnotes {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:normal;
	line-height: 1.5em;
	color: #999999;
	padding-left: 30px;
	padding-bottom:5px;
}

.highlight { 
   font-family: Geneva, Arial, Helvetica, sans-serif; 
   color: #E48028;
   line-height: 1.50em;
   font-size: .75em;
   font-weight: bold;
}


/***********************************************************************/
/*************** Rules For Floating Pictures/Captions ******************/

/* Captions that will appear longer than the picture is wide will stretch
out the div, use line breaks or simply keep captions short */

div.floatright {
	float:right; 
	padding-left:5px; 
	padding-right:10px;
}

div.floatleft {
	float:left;  
	padding-right:10px;
}

div.caption {
	margin:0;
	padding-top:3px;
	padding-bottom:2px;
	color: #003366;
	font-size:15px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


/***********************************************************************/
/************ Rules For Sections Where Layout is Tabular ***************/

.navmenu {	background-color: #FFFFFF;	color: #000000; font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 15px;	font-weight: bold; }
.content {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 15px; color: #000000;}
.footer {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; font-weight: bold; text-decoration: none}



/* Styles for jQuery tablesorter*/

table.tablesorter {
    background-color: #CDCDCD;
    font-family: arial;
    font-size: 8pt;
    margin: 10px 0 15px;
    text-align: left;
    width: 100%;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #E6EEEE;
    border: solid #FFFFFF;
    font-size: 8pt;
    padding: 2px;
}
table.tablesorter thead tr .header {
    background-image: url("/images/bg.gif");
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
}
table.tablesorter tbody td {
    background-color: #FFFFFF;
    color: #3D3D3D;
    padding: 2px;
    vertical-align: top;
}
table.tablesorter tbody tr.odd td {
    background-color: #F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url("/images/asc.gif");
}
table.tablesorter thead tr .headerSortDown {
    background-image: url("/images/desc.gif");
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #8DBDD8;
}


/* Styles for PDF links (displays PDF graphic at beginning of link) */
a.pdfLink {
    background-image: url("/images/pdf.gif");
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 25px;
    padding-top: 0.5em;
}
a.pdfLink {
    color: #0066CC;
    text-decoration: none;
}
a.pdfLink:hover {
    text-decoration: underline;
}