/* Import fonts */
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:700);

/* Import section stylesheets */

@import url("/data/css/tabs.css");								/* jquery tabbed content styles */
@import url("/data/css/resizer.css"); 							/* text resizer */
@import url("/data/css/dropdown.css"); 							/* jquery dropdown */
/*@import url("/data/css/jquery.megamenuoff.css"); 				 jquery mega menu */

@import url("/data/layout/css/contentstyle.css");
@import url("/data/layout/css/calstyle.css");
@import url("/data/layout/css/editor.css");

/* body */

body {
	background:#E3E8F3;
	margin: 0;
	padding: 0;
	font-family: 'Droid Sans', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
}

img {
	border:0;
	vertical-align: middle;
}

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1200px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

div,
.container,
#header,
#footer,
#content {
	position: relative;
}

.corners {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.ui-accordion .ui-accordion-li-fix {
	display:list-item!important;
}
.ui-accordion .ui-accordion-header .ui-icon {
margin-top:0!important;
padding:0!important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
 border: none!important;
 background: none!important;
}
.ui-widget-content {
border: none!important;
background: none!important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border: none!important;
background: none!important;
}
.ui-accordion .ui-accordion-header a {
padding:0!important;
}
.ui-accordion-icons a {
padding:0!important;
}
.ui-accordion-icons .menulevel2 a {
padding:0!important;
}

/** --------- HEADER ---------- **/
/* ----------------------------- */

#header {
	height: 125px;
}

#header .logo {
	float: left;
	width: 493px;
	height: 66px;
	margin-top: 30px;
}

#header .utility {
	float: right;
	margin-top: 10px;
}

#header .utility ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#header .utility > ul > li {
	display: inline;
	float: left;
	margin: 0 0 0 2px;
	padding: 0;
	line-height: 25px;
	height: 25px;
	width: 102px;
	text-align: center;
	background: #82A6C8;
	border-radius: 10px;
	
	-moz-box-shadow: inset 2px 2px 3px #4B607A;
	-webkit-box-shadow: inset 2px 2px 3px #4B607A;
	box-shadow: inset 2px 2px 3px #4B607A;
}

#header .utility > ul > li > a {
	text-decoration: none;
	color: white;
	font-size: 13px;
}

#header .utility > ul > li:hover {
	opacity: .75;
}

#header .utility > ul > li > a:hover {
	color: #18325C;
}

#header .search {
	position: absolute;
	right: 0;
	bottom: 44px;
}

#header .social {
	position: absolute;
	bottom: 12px;
	right: 0;
	line-height: 20px;
}

#header .social h5 {
	display: inline;
	line-height: 20px;
	color: #688AA9;
	font-size: 12px;
}

#header .social img {
	padding: 0 2px;
}

#header img:hover {
	opacity: .75;
}

/** ---------- PORTALS --------- **/
/* ------------------------------ */

#portals {
	margin-bottom: 10px;
	position: relative;
	min-height: 45px;
}

#portals ul#mainUL {
	background: url(/data/images/portal_bg.png) repeat-x;
	height: 45px;
	line-height: 45px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	
}

#portals.how li.nth-child1,
#portals.comm li.nth-child2,
#portals.serv li.nth-child3,
#portals.bus li.nth-child4,
#portals.gov li.nth-child5,
#portals.elect li.nth-child6 {
	background: #142C54;
}

#portals.how li.nth-child1 a,
#portals.comm li.nth-child2 a,
#portals.serv li.nth-child3 a,
#portals.bus li.nth-child4 a,
#portals.gov li.nth-child5 a,
#portals.elect li.nth-child6 a {
	color: #ffff99;
}

/* first level items */
ul#mainUL > li {
	height: 45px;
	font-weight: normal; 
	float: left; 
	zoom: 1; 
	position: relative; 
	padding: 0;
	margin: 0;
	border-right: 1px solid #556B8F;
	border-left: 1px solid #17274A;
}

ul#mainUL > li > div.menulevel1 > a {
	height: 45px;
	line-height: 45px;
	display: block; 
	padding: 0;
	text-align: center;
	color:white;
	font-weight: 400;
	font-size: 16px;
	text-decoration: none;
	position: relative;
}
#portals div.menulevel1 > .arrow {
	position: absolute;
	width: 7px;
	height: 6px;
	background: url(/data/images/arrow_down.png) no-repeat;
	top:21px;
	right: 28px;
}
#portals li {	
	list-style: none;
}

ul#mainUL > li.nth-child1 {
	border-left: 0;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-left: 8px;
}

ul#mainUL > li.home > a {
	display: block;
	position: relative;
	background: url(/data/images/icon_home.png) center no-repeat;
	height: 43px;
	width: 24px;
	padding: 0 25px;
}

ul#mainUL > li.nth-child2 > div.menulevel1 > a {
	width: 196px;
}

ul#mainUL > li.nth-child3 > div.menulevel1 > a {
	width: 147px;
}

ul#mainUL > li.nth-child4 > div.menulevel1 > a {
	width: 151px;
}

ul#mainUL > li.nth-child5 > div.menulevel1 > a {
	width: 174px;
}

ul#mainUL > li.nth-child6 > div.menulevel1 > a {
	width: 198px;
}


ul#mainUL > li.nth-child6 {
	border-right: 0;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

ul#mainUL > li.nth-child6 > ul:first-child {
	display: none;
}

ul#mainUL > li.hover,
ul#mainUL > li:hover { 
	position: relative; 
	background: #142C54;
}

ul#mainUL > li > div.menulevel1 > a:hover,
ul#mainUL > li:hover > div.menulevel1 > a { 
	color: #ffff99;
}

/* LEVEL TWO */
		/* level 2 container */
		ul#mainUL > li > ul { 
			width: 922px;
			max-width: 962px; 
			min-height: 232px;
			display:none; 
			position: absolute; 
			left: 0; 
			top: 45px;
			margin: 0;
			padding: 20px;
			z-index: 999;
			overflow: hidden;
			list-style: none;
			background: #193769;
			box-shadow: inset 0 0 25px rgba(0,0,0,.55);
		}
		
		/* move each level 2 container to start at beginning of content area */
		ul#mainUL > li.nth-child2 > ul {		/* community */
			margin-left: -85px;
		}
		
		ul#mainUL > li.nth-child3 > ul {		/* services */
			margin-left: -285px;
		}
		
		ul#mainUL > li.nth-child4 > ul {		/* business */
			margin-left: -433px;
		}
		
		ul#mainUL > li.nth-child5 > ul {		/* gov */
			margin-left: -585px;
		}
		
		ul#mainUL > li.nth-child6 > ul {		/* elected */
			margin-left: -762px;
		}
		
		/* level 2 items */		
		ul#mainUL > li > ul > li { 
			float: left; 
			margin: 20px 0 0 20px;
			padding: 0 10px 0 0;
			height: 35px;
			width: 200px;
			position: relative;
			font-weight: bold;
			color: #fff;
			font-size: 15px;
			line-height: 1;
		}
		
		#portals .menulevel2 a {
			color: #fff !important;
			text-decoration: none;
		}
		
		#portals .menulevel2 a:hover {
			color: #ffffcc !important;
		}
		
		#portals .menulevel3{
			display: none;	
		}
		
		#portals .menulevel4{
			display: none;	
		}
		
		ul#mainUL > li > ul > li:hover,
		ul#mainUL > li > ul > li > a:hover {
			color: #ffffcc;
		}
		
		ul#mainUL > li > ul > li > a {
			text-decoration: underline;
			color: #4679B2;
		}

		/* level 3 */
		ul#mainUL > li > ul > li > ul {
			list-style: none;
			margin: 0;
			padding: 5px 10px;
		}

		ul#mainUL > li > ul > li > ul > li {
			font-size: 13px;
			padding: 4px 3px 4px 10px;
		/*	background: url(/data/images/arrow_right.png) left 5px no-repeat; */
			color: #D8EFFF;
		}
		ul#mainUL > li > ul > li > ul > li > a {
			color: #D8EFFF;
		}
		ul#mainUL > li > ul > li > ul > li:hover,
		ul#mainUL > li > ul > li > ul > li > a:hover {
			color: white;
		}
		
/** ---------- BANNER --------- **/
/* ------------------------------ */

#banner {
	-moz-box-shadow: 0 0 5px #18325C;
	-webkit-box-shadow: 0 0 5px #18325C;
	box-shadow: 0 0 5px #18325C;
	margin-bottom: 10px;
	width: 962px;
	height: 262px;
	z-index: 0;
	border-radius: 10px;
	
}

#banner img {
	overflow: hidden;
	width: 956px;
	height: 256px;
	z-index: 0;
	border-radius: 10px;
	border:3px solid #2E4C7A;
}

/** ---------- CONTENT --------- **/
/* ------------------------------ */

#content {
	position: relative;
	width: 960px;
}

#tools {
	background: #F6F9FC;
	padding: 7px 15px;
	margin: 0 0 10px 0;
	line-height: 20px;
}

#tools .breadcrumbs {
	float: left;
	width: 520px;
	color: #666;
	font-size: 10px;
	font-weight: 500;
}

#tools .breadcrumbs a {
	color: #777;
	text-decoration: none;
}

#tools .icons { 
	width: 110px;
	float: right;
	position: relative;
}

#tools .icons a {
	padding-right: 5px;
	cursor: pointer;
}

#tools .icons a:hover img {
	opacity: .75;
}

#tools .icons .stLarge {
	background: url(/data/images/icon_share.png) !important;
	width: 16px !important;
	height: 16px !important;
	margin-top: 2px;
}

#tools .icons .stButton {
	top: 3px !important;
	right: 0;
}

/** Sidebar **/
/** ------- **/

#sidebar {
	background: #F6F9FC;
	width: 220px;
	padding: 10px;
	min-height: 345px;
	overflow: hidden;
}

.popular-links {
	
}

.popular-links h2,
.contactbox h3 {
	font-family: 'Droid Sans', Arial, sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #18325C;
	margin: 0;
	padding: 0;
	line-height: 24px;
	text-transform: none;
}

.popular-links h2 img,
.contactbox h3 img {
	width: 24px;
	float: left;
	margin-right: 5px;
}


/* sub nav heading */
#sidebar h3 {
	width: 100%;
	margin-left: -10px;
	background: #7598B8;
	color: #fff;
	position: relative;
	padding: 5px 0 5px 30px;
	text-transform: none;
	font-weight: bold;
	font-size: 15px;
}

#sidebar h3 a {
	text-decoration: none;
	color: #fff;
}

#sidebar h4 {
	background: #C4D2DF;
	width: 100%;
	margin: 0;
	margin-left: -10px;
	color: #0A2B46;
	padding: 5px 0 5px 30px;
}

#sidebar h4 a {
	color: #0A2B46;
	text-decoration: none;
}

#sidebar h3:before {
	content: "";
	position: absolute;
	width: 6px;
	height: 5px;
	left: 15px;
	top: 14px;
	background: url(/data/images/arrow_down_sm.png) no-repeat;
}

#sidebar #content-section {
	margin-left: -10px;
	width: 110%;
	padding: 0;
	background: #D4DFE9;
}

#sidebar #newmain-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar #newmain-nav > li {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #1B396A;
	font-weight: normal;
	padding: 5px 0 5px 30px;
	position: relative;
	border-bottom: 1px dotted #fff;
}

#sidebar #newmain-nav > li:after {
	position: absolute;
	content: "";
	bottom:-3px;
	left:0;
	width:100%;
	height:1px;
	border-top: 1px dotted #9FAFC5;
}


#sidebar #newmain-nav > li > .menulevel1 > a {
	text-decoration: none;
	color: #1B396A;
	display: block;
}

#sidebar #newmain-nav > li > .menulevel1 .ui-icon {
	width: 6px;
	height: 7px;
	position: absolute;
	background: url(/data/images/accordion_right.png) no-repeat;
	left: -12px;
	top: 6px;
}

#sidebar #newmain-nav > li > .menulevel1.ui-state-active .ui-icon {
	width: 6px;
	height: 7px;
	position: absolute;
	background: url(/data/images/accordion_down.png) no-repeat;
	left: -12px;
	top: 6px;
}

#sidebar #newmain-nav > li:hover {
	background: #EBF7FD;
}

#sidebar #newmain-nav > li > .menulevel1 > a:hover {
	color: #92441E;
}

/* second */
#sidebar #newmain-nav > li > ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
}

#sidebar #newmain-nav > li > ul > li {
	padding: 3px 0 3px 15px;
	color: #92441E;
	background: url(/data/images/arrow_right.png) left 8px no-repeat;
}

#sidebar #newmain-nav > li > ul > li > .menulevel2 > a {
	color: #92441E;
	text-decoration: none;
}

#sidebar #newmain-nav > li > ul > li > .menulevel2 > a:hover {
	color: #333;
}

/* third */
#sidebar #newmain-nav > li > ul > li > ul {
	padding: 0;
	margin: 0 0 0 10px;
	list-style: none;
	color: #92441E;
}

#sidebar #newmain-nav > li > ul > li > ul > li {
	padding: 3px 0 3px 15px;
	color: #92441E;
	text-decoration: underline;
	background: url(/data/images/accordion_right.png) left 8px no-repeat;
}

/** Main **/
/** ---- **/

#main {
	background: #F6F9FC;
	width: 450px;
	padding: 10px;
	min-height: 347px;
}

#default.grid_16 {		/* wide template */
	width: 960px;
}

#default.grid_12 {
	width: 710px;
}

a.more {
	font-weight:700;
	color:white;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	width: 100px;
	background: #82A6C8;
	border-radius: 10px;
	
	-moz-box-shadow: inset 2px 2px 3px #4B607A;
	-webkit-box-shadow: inset 2px 2px 3px #4B607A;
	box-shadow: inset 2px 2px 3px #4B607A;
	padding: 1px;
	border-radius: 10px;
	float: right;
	clear: both;
	margin-top: 10px;
}

a.more:hover {
	opacity: .75;
	color: #18325C;
}


/** Aside **/
/** ----- **/

#aside {
	width: 220px;
	padding: 0;
	min-height: 390px;
}

.aside-section {
	background: #F6F9FC;
	width: 210px;
	padding: 10px;
	margin-bottom: 10px;
	border-top: 1px solid white;
	border-bottom: 1px solid #688AA9;
}

#aside .cal-date {
	position: absolute;
	left: 2px;
	top: 4px;
	font-size: 16px;
	color: #601516;
	display: inline-block;
	width: 26px;
	text-align: center;
}

.calendar-button {
	background:#90ADCB url(/data/images/blue_button.png) bottom repeat-x;
	background-size: 100% 100%;
	margin: 0 0 10px 0;
	width: 210px;
	border-radius: 10px;
	height: 40px;
	font-size:17px;
	font-weight: 700;
	color: #162759;
	line-height: 40px;
}

.calendar-button a {
	display: block;
	margin-left: 10px;
	text-decoration: none;
	position: relative;
	padding-left:40px;
	background: url(/data/images/icon_calendar.png) left no-repeat;
}

.calendar-button:hover {
	background: #7188A2;
}

.calendar-button:hover a {
	color: white;
}


#aside a.mapit img {
	width: 210px;
}
#aside a.mapit:hover img {
	opacity: .8;
}

#aside .contactbox {
	font-weight: bold;
	line-height: 1.35;
	text-shadow: 1px 1px 0 white;
}

#aside .contactbox h3 {
	text-align: center;
	margin-bottom: 5px;
}

#aside .contactbox h3 span {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(/data/images/icon_keepintouch.png) no-repeat;
	padding-right:3px;
	vertical-align: top;
}

#aside .contactbox .address {
	padding-bottom: 5px;
	border-bottom: 1px solid white;
}

#aside .contactbox .phone {
	padding-top: 5px;
	border-top: 1px solid #DCE3EA;
}

.contactbox a.directions,
.contactbox a.directory,
.contactbox a.notify {
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	font-family: Arial;
	color:#92441E;
	padding: 5px;
	margin: 5px 0 0 0;
	background: #D0D8E1 url(/data/images/icon_directions.png) 95% 50% no-repeat;
	border-radius: 5px;
}

.contactbox a.directory {
	background: #D0D8E1 url(/data/images/icon_directory.png) 95% 50% no-repeat;
}

.contactbox a.notify {
	background: #D0D8E1 url(/data/images/icon_notifyme.png) 95% 50% no-repeat;
}

.contactbox a:hover {
	color: #2B1614;
	background-color: white;
}

/** Carousel **/
/** ------- **/

#carousel-section {
	background: #F6F9FC;
	padding: 5px;
	clear: both !important;
	float: left;
	margin-top: -10px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 20px;
	width: 950px;
}

.ie7 #carousel-section {
	float: left;
}



/** Footer **/
/** ------ **/

#footer {
	clear:both !important;
	display: block;
	line-height: 1.5;
	text-align: center;
	margin: 20px auto;
	height: 91px;
	color: white;
	background: url(/data/images/footer_bg.png) repeat-x;
}

#footer .container {
	padding-top: 15px;
	padding-right: 140px;
}

#footer img {
	vertical-align: middle;
}

#footer a {
	color: white;
	text-decoration: none;
}

#footer a:hover {
	color: #ffffcc;
}

#FB_AP h2 {
	display: none;
}
.FooterLogo {
	float: left;
	top: 0px;
	left: 120px;
}
.FooterSeal {
	float: right;
	bottom: 55px;
	right: 70px;
}

#translate-this .translate-this-button {
   background-image: url(/data/images/translate_button.png) !important;
   width: 102px !important;
   height: 25px !important;
}
#accordionsub h2 {
	margin: 10px;
}
.gsc-cursor-box {
background-color: #F6F9FC!important;
}