html {
	height:100%;	
}

body {
	height:100%;
	margin:0px;
	padding:0px;
	line-height:1;
	background-color:#5783be;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
}

/* TinyMCE specific rules */
body.mceContentBody {background:#FFF;}
.resizer a {color:#fff; text-decoration:none; vertical-align:text-bottom;}
.resizer .medium {font-size:15px;}
.resizer .large {font-size:17px;} 
.resizer .small {font-size:13px;}
.resizer .small a, .medium .resizer .medium a, .large .resizer .large a {color:#fff; text-decoration:underline;}
.medium .resizer .small a, .large .resizer .small a {color:#fff; text-decoration:none;}

#textresizer div{
	float:right;
	color:#fefefe;
	margin-top:20px;
	font-size:14px;
}

.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
}

.clearfix {display:inline-block;}

* html .clearfix {height:1%;}

.clearfix {display:block;}

a img {
	border:none!important;
	margin:0;
	padding:0;	
}

table {
	border-collapse:collapse;
	border:none;
}

input[type=text] {
	border:#999 1px solid;	
}

textarea {
	border:#999 1px solid;	
}

#midbgwrapper{
	background:#eae7d1 url(../images/bgdividerline.gif) repeat-x;
}

#shadowwrapper {
	background:url(../images/bgshadow1.jpg) center repeat-y;
}

#headerbgwrapper {
	background:url(../images/headerbg1.jpg) top center no-repeat;
	min-width:900px;
}

#headerbgbgwrapper {
	background:url(../images/headerbgbg.jpg) repeat-x;
}

#footerbgwrapper {
	background:url(../images/footerbg.jpg) bottom center no-repeat;
}

#footerbgbgwrapper {
	background:url(../images/footerbgbg.jpg) bottom repeat-x;
}

#container {
	width:900px;
	margin:0px auto 0px auto;
	overflow:hidden;
}

#header {
	height:130px;
	width:900px;
	float:left;
}

#Search {
	height:39px;
	width:236px;
	margin-top:10px;
	float:right;
}

#SearchBox {
	Width:185px;
	margin:8px 0px 0px 10px;	
	color:#fff;
	background:none;
	border:none;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	height:20px;
	float:left;
}

#SearchButton {
	background:url(../images/SearchButton.gif) top left no-repeat;	
	float:right;
	height:39px;
	width:36px;
}

#navbar {
	height:50px;
	float:left;	
	width:900px;
	background:#5783be url(../images/navbg.jpg) top left no-repeat;
}

#navshadow {
	background:url(../images/navdropshadow.png) top center no-repeat;
	float:left;
	width:900px;
	height:15px;
	position:absolute;
	top:180px;
	z-index:550;
}

#content {
	width:900px;
	float:left;
	min-height:750px;
	color:#000000;
	background-color:#fff;
}

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

#footer{
	height:59px;
	width:900px;
	float:left;
}

#footer ul {
	margin:0px;
	padding:10px 0 0 0;	
	width:900px;
}

#footer ul li {
	list-style:none;
	float:left;
	margin-right:10px;
	font-size:12px;
	margin-top:2px;	
}

.lastLI {
	margin-right:0px!important;	
	float:right!important;
	font-size:14px!important;
	margin-top:0px!important;
}

#footer, #footer a, #footer a:visited {
	color:#fff;	
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;	
}

#Contact {
	font-size:13px;
	line-height:20px;
}
	
/* FRONT PAGE CONTENT ===========================================================*/

#Rotation {
	width:900px;
	height:300px;
	float:left;
	margin-bottom:10px;
}

.SideCol {
	width:260px;
	float:left;	
}

#MidCol {
	width:360px;
	float:left;
	min-height:500px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 10px 0px 10px;
}

#MidCol h3 {
	font-weight:normal!important;
	font-size:1.2em!important;	
	color:#345988!important;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif!important;
	margin:0px;
	padding:0px;
}	

#MidCol h2 {
	width:100%;
	border-bottom:#98b5d2 solid 2px;
	font-weight:normal;
	font-size:18px;
	color:#5884be;
	margin-bottom:10px;
	margin-top:5px;
	padding-bottom:5px;
	line-height:22px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.medium #MidCol {
	font-size:15px;
	line-height:23px;	
}

.large #MidCol {
	font-size:17px;
	line-height:26px;	
}

.SecWrapper {
	width:240px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	background:url(../images/SecHeadShadow.gif) top center no-repeat;
}

.Section {
	width:240px;
	float:left;	
}

#FeaturedLinks {
	height:33px;
	width:240px;
	float:left;
	background:#70a4d7 url(../images/FeaturedLinksHeading.gif) top left no-repeat;
}

#CommunityLinks {
	height:33px;
	width:240px;
	float:left;
	background:#70a4d7 url(../images/CommLinksHeading.gif) top left no-repeat;
}

#UpcomingEvents {
	height:33px;
	width:240px;
	float:left;
	background:#70a4d7 url(../images/UpComEventHeading.gif) top left no-repeat;
}

#LocalWeather {
	height:33px;
	width:240px;
	float:left;
	background:#70a4d7 url(../images/LocalWeathHeading.gif) top left no-repeat;
}

.SecContent {
	width:240px;
	min-height: 207px;
	float:left;
	background:url(../images/SectionBgGrad.gif) top left repeat-x;		
}

.FrontLinks, .FontLinks li {
	list-style:none;
	padding-left:0px;
	margin:0px;
}

.FrontLinks {
	margin:15px 10px 10px 10px;
	font-size:13px;
}

.FrontLinks li {
	margin-top:10px;		
}

.FrontLinks a:hover, .FrontLinks a.hover {
	text-decoration:underline!important;	
}

.eventdate {
	font-size:11px!important;
	line-height:16px;
}

/* SUB PAGE CONTENT====================================== */

.left {
	float:left;
	margin-right:15px;
	margin-bottom:10px;	
}

.right {
	float:right;
	margin-left:15px;
	margin-bottom:10px;	
}

#leftnav {
	width:250px;
	background:url(../images/subpagenavbggrad.jpg) repeat-x;
	min-height:750px;
	float:left;
	font-size:13px;
}

#leftnav ul, #leftnav li {
	list-style:none;
	padding-left:0px;
	margin:0px;
}

#leftnav li {
	border-bottom:#9ec4f4 solid 1px;	
}

#leftnav li a {
	padding:10px 20px 7px 20px;
	display:block;
	width:210px;
}

#leftnav li li a {
	width:190px;
	padding:8px 20px 5px 40px!important;
	font-size:.9em;
}
	
#leftnav a:hover, #leftnav a.hover {
	color:#759ed1;
	background:#fff;
}

.firstli {
	padding-top:15px;	
}

.active {
	background:#c6e0fc;	
}

.activesub {
	border-bottom:none!important;	
}

.groupLink {
	border-bottom:#759ed1 1px solid!important;
	background:#a5caf2;
	padding-top:15px;
	font-size:14px;
}

.groupLink a {
	color:#345988!important;	
}

/*
	#main td, #main table, #main tr {
	margin:0px;
	padding:0px;	
}
*/

#main {
	width:610px;
	padding:20px;
	float:left;
	font-size:13px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
}

.medium #main {
	font-size:15px;
	line-height:23px;	
}

.large #main {
	font-size:17px;
	line-height:26px;	
}

#main a:hover, #main a.hover {
	text-decoration:underline;
}

#main h2 {
	width:100%;
	border-bottom:#98b5d2 solid 2px;
	font-weight:normal;
	font-size:22px;
	color:#5884be;
	margin:20px 0px 20px 0px;
	padding-bottom:10px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#main h3 {
	font-weight:normal!important;
	font-size:1.15em!important;	
	color:#345988!important;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif!important;
	margin:0px;
}

.top {
	margin-top:10px!important;	
}

/* Accordion Panels for Public Health FAQs page - added 06/18/2019*/

#PHaccordion {
	width:600px;
	margin:0px;
	padding:0px;
	list-style:none;
}

#PHaccordion.head2 {
	font-size:12pt;
	margin:0px;
	padding:10px;
	background:#ccc;
	border-bottom:1px solid #ddd;
}

#PHaccordion li > label + input {
	display:none;
}

#PHaccordion li > label {
	display:block;
	color:#fff;
	padding:10px;
	background:#999;
}

#PHaccordion li > div.AccContent {
	overflow:hidden;
	height:0px;
	background:rgba(206,210,239,.25);
	border:1px solid #ddd;
	transition:height 0.3s ease-in-out;
	-o-transition:height 0.3s ease-in-out;
	-moz-transition:height 0.3s ease-in-out;
	-webkit-transition:height 0.3s ease-in-out;
}

#PHaccordion li > label + input:checked + div.AccContent {
	height:auto;
}

.AccContent p {
	padding-left:10px;
}

/* CALENDAR ====================================================================*/

#calendar {
	font-family:Arial, Helvetica, sans-serif;	
}

.dialog, #dialog {
	font-size:13px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
}

.dialog title, #dialog title{
	font-weight:normal!important;	
	color:#345988!important;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif!important;
}

#ColorKey {
	float:left;
	margin-top:20px;	
}

#ColorKey fieldset {
	float:left;
	border:#a6c9e2 1px solid;
	padding:5px;
	width:840px;
}

#ColorKey fieldset legend {
	font-size:16px;
	color:#5884be;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#ColorKey ul {
	float:left;
	line-height:20px;
	padding:0px;
	margin:0px;
}

#ColorKey ul li {
	list-style:none;
	float:left;	
	margin:10px;
}

#ColorKey ul .ColorBlock {
	width:30px;
	height:20px;
	float:left;	
}