/********************************************************************************
 * Default Screen Styles
 ********************************************************************************/
@font-face {
	font-family: 'open-sans';
	src: url('/include/fonts/open-sans/open-sans.eot');
	src: url('/include/fonts/open-sans/open-sans.eot?#iefix') format('embedded-opentype'), 
		 url('/include/fonts/open-sans/open-sans.woff') format('woff'), 
		 url('/include/fonts/open-sans/open-sans.ttf') format('truetype'), 
		 url('/include/fonts/open-sans/open-sans.svg#open-sans') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* fix for poor font rendering in chrome */
 @media screen and (-webkit-min-device-pixel-ratio:0) {
 @font-face {
 font-family: 'open-sans';
 src: url('/include/fonts/open-sans/open-sans.svg') format('svg');
 }
}


@font-face {
    font-family: 'bitter-regular';
    src: url('/include/fonts/bitter-regular/bitter-regular-webfont.eot');
    src: url('/include/fonts/bitter-regular/bitter-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/include/fonts/bitter-regular/bitter-regular-webfont.woff') format('woff'),
         url('/include/fonts/bitter-regular/bitter-regular-webfont.ttf') format('truetype'),
         url('/include/fonts/bitter-regular/bitter-regular-webfont.svg#bitterregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* fix for poor font rendering in chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 @font-face {
 font-family: 'bitter-regular';
 src: url('/include/fonts/bitter-regular/bitter-regular.svg') format('svg');
 }
}



@font-face {
	font-family: 'FontAwesome';
	src: url('/include/fonts/font-awesome/fontawesome-webfont.eot');
	src: url('/include/fonts/font-awesome/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), 
		 url('/include/fonts/font-awesome/fontawesome-webfont.woff') format('woff'), 
		 url('/include/fonts/font-awesome/fontawesome-webfont.ttf') format('truetype'), 
		 url('/include/fonts/font-awesome/fontawesome-webfont.svg#fontawesome-webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* fix for poor font rendering in chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 @font-face {
 font-family: 'FontAwesome';
 src: url('/include/fonts/font-awesome/fontawesome-webfont.svg') format('svg');
 }
}

@media screen {

	body {
		background: #807248;
		color: #000;
		font: 80%/1.4 'open-sans', tahoma, arial, sans-serif;
		margin: 0;
		padding: 0;
	}

	html, body {
		height: 100%;
	}

	.skipLink {
		position: absolute;
		left: -3500px;
	}

	img {
		max-width: 100%;
		-ms-interpolation-mode: bicubic;
	}

	/* Background Wrappers
	 *************************************************************/
	.backgroundOuter {
		background: #ffffff url('/images/misc/texture-bg.jpg') center top repeat-x;
	}
	
	.backgroundInner {
		background: transparent url('/images/misc/statue.png') center top no-repeat;
	}
	
	.wrap {
		max-width: 950px;
		margin: 0 auto;
		position: relative;
	}

	/* Weather and Translate
	 *************************************************************/
	.weatherTranslate {
		position: absolute;
		right: 0;
		z-index: 10;
		top: 25px;
	}
		
	/* weather */
	#weatherContainer {
		float: left;
		color: #333;
		font-family: 'open-sans-light', tahoma, arial, sans-serif;
	}
	
		#weatherContainer .temperature {
			font-size: 1.3em;
			margin: 8px 4px 8px 0;
			position: relative;
			top: -6px;
		}
		
		#weatherContainer #weatherIcon {
			height: 24px;
			width: 24px;
			position: relative;
		}
		
		#weatherContainer a:link {
			color: #333;
			font-size: 1.1em;
			position: relative;
			top: -6px;
			padding-left: 8px;
			border-left: 1px solid #333;
		}
		
		#weatherContainer a:visited {
			color: #333;
		}


	/* google translate */
	#google_translate_element {
		float: right;		
		position: relative;
		top: 2px;
		margin-left: 10px;
	}
	

	/* Header
	 *************************************************************/
	#header {
		margin: 0 auto;
		position: relative;
		background: #DEDBC8;
		background: rgba(185, 176, 136, 0.45)
	}

	#header h2 {
		display: none;
	}

	#siteTitle {
		margin: 0;
		padding: 15px 0;
		float: left;
		height: 85px;
	}

	 #siteTitle h1 {
		height: 85px;
		width: 369px;
		overflow: hidden;
		position: relative;
		z-index: 10;
		margin: 0; 
	}

	#siteTitle h1 a {
		text-indent: -3500px;
		display: block;
		height: 85px;
		width: 369px;
		background: url('/images/header/site-title.png') left top no-repeat;
		background-size: 369px 85px;
		-ms-behavior: url(/include/css/backgroundsize.min.htc);
	}



	/* Search
	 *************************************************************/
	#searchContainer {
		position: absolute;
		right: 0;
		top: -52px;
		background: #fff;
		width: 316px;
		overflow: hidden;
	}

	#searchContainer #eGovQuickSearch {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
	}

	#searchContainer #eGovQuickSearch {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	#searchContainer #eGovQuickSearch label {
		position: absolute;
		left: -35000px;
	}

	#searchContainer #eGov_searchTerms {
		background: none;
		border: 0;
		width: 80%;
		color: #43a2b8;
		height: 23px;
		float: left;
		font-family: tahoma, arial, sans-serif;
		margin-left: 5px;
		padding: 0;
	}

	#searchContainer #eGov_buttonSearchSubmit {
		width: 16px;
		height: 16px;
		float: right;
		background-size: 16px 16px;
		position: relative;
		top: 3px;
		margin-right: 4px;
		-ms-behavior: url(/include/css/backgroundsize.min.htc);
	}

	/* some stuff to force the input to use the color specified */
	::-webkit-input-placeholder {
	    color: #7f2222;
	    opacity: 1 !important;
	}
	
	:-moz-placeholder { /* Firefox 18- */
	    color: #7f2222;
	    opacity: 1 !important;
	}
	
	::-moz-placeholder {  /* Firefox 19+ */
	    color: #7f2222;
	    opacity: 1 !important;
	}
	
	:-ms-input-placeholder {  
	   color: #7f2222;
	   opacity: 1 !important;
	}


	/* Breaking News
	*************************************************************/
	#breakingNewsContainer {
		color: #fff;
		background: #6b0000;
		padding: 10px;
		text-align: center;
		margin-bottom: 25px;
		
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}
	
		#breakingNewsContainer a {
			color: #fff;
			text-decoration: underline;	
		}
	

	/* Homepage Content Containers
	 *************************************************************/	
	.mainContent {
		background: transparent;
		padding-bottom: 25px;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhiOGM3NCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(top,  rgba(139,140,116,0.6) 0%, rgba(255,255,255,0) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(139,140,116,0.6)), color-stop(100%,rgba(255,255,255,0)));
		background: -webkit-linear-gradient(top,  rgba(139,140,116,0.6) 0%,rgba(255,255,255,0) 100%);
		background: -o-linear-gradient(top,  rgba(139,140,116,0.6) 0%,rgba(255,255,255,0) 100%);
		background: -ms-linear-gradient(top,  rgba(139,140,116,0.6) 0%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to bottom,  rgba(139,140,116,0.6) 0%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#998b8c74', endColorstr='#00ffffff',GradientType=0 );
	}
	
	.mainContent2 {
		background: #f2f1eb url('/images/misc/shadow-bar.png') center top no-repeat;
		padding: 25px 0 15px 0;
	}
	
	/* Homepage Columns
	 *************************************************************/
	/* Column Set 1 */
	.homeColumnSet1 {
		display: table;
		padding: 0;
		width: 100%;
		position: relative;
		border-collapse: separate;
  		border-spacing: 10px;
	}
	
	.homeColumnSetInner {
		display: table-row;
	}

	.homeColumnSet1 .col1,
	.homeColumnSet1 .col2 {
		display: table-cell;
		vertical-align: top;
		padding: 0;
		width: 33.33%;
	}

	.homeColumnSet1 .col1 {
		width: 66.66%
	}
	
	.homeColumnSet1 .col1 .colInner {
		padding-right: 20px;
	}
	
	
	/* Column Set 2 */
	.homeColumnSet2 {
		display: table;
		padding: 0;
		width: 100%;
		position: relative;
		border-collapse: separate;
  		border-spacing: 10px;
	}
	
	.homeColumnSetInner {
		display: table-row;
	}

	.homeColumnSet2 .col1,
	.homeColumnSet2 .col2,
	.homeColumnSet2 .col3 {
		display: table-cell;
		vertical-align: top;
		padding: 0;
		width: 33.33%;
	}
	
	.homeColumnSet2 .col2 .colInner {
		padding: 0 20px;
	}
	
	.homeColumnSet2 .col3 > img {
		position: relative;
		top: -35px;
	}
	
	/* Service Links
	 *************************************************************/
	.serviceLinks {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	.serviceLinks li {
		margin: 0 0 12px 0;
		padding: 0;
		list-style-type: none;
	}
	
	.serviceLinks li a {
		font-size: 1.8em;
		color: #505050;
		padding: 3px 0 3px 48px	;
		display: block;
		margin-left: 0;
		-webkit-transition: padding-left .3s, margin-left .3s;
		-moz-transition: padding-left .3s, margin-left .3s;
		-o-transition: padding-left .3s, margin-left .3s;
		-ms-transition: padding-left .3s, margin-left .3s;
		transition: padding-left .3s, margin-left .3s;
	}
	
	.serviceLinks li a:hover {
		text-decoration: none;
		padding-left: 58px;
		margin-left: 10px;
		-webkit-transition: padding-left .3s, margin-left .3s;
		-moz-transition: padding-left .3s, margin-left .3s;
		-o-transition: padding-left .3s, margin-left .3s;
		-ms-transition: padding-left .3s, margin-left .3s;
		transition: padding-left .3s, margin-left .3s;
	}
	
	.svcLink1 { background: url('/images/home/service-icons/payments.png') left center no-repeat; }
	.svcLink2 { background: url('/images/home/service-icons/agendas.png') left center no-repeat; }
	.svcLink3 { background: url('/images/home/service-icons/code.png') left center no-repeat; }
	.svcLink4 { background: url('/images/home/service-icons/gis.png') left center no-repeat; }
	.svcLink5 { background: url('/images/home/service-icons/hdi.png') left center no-repeat; }
	.svcLink6 { background: url('/images/home/service-icons/notices.png') left center no-repeat; }
	
	
	/* calendar date box */
	#cwEventsCalendarHome ul.cwList  {
		display: table;
		border-collapse: collapse;
		border-spacing: 0;
		width: 100%;
		margin-top: 10px;
	}
	
		#cwEventsCalendarHome  ul.cwList li {
			display: table-row;
		}
	
	#cwEventsCalendarHome  ul.cwList div.calBigDate {
		font-family: 'bitter', 'tahoma', sans-serif;
		display: table-cell;
		text-align: center;
	}
	
	#cwEventsCalendarHome  ul.cwList div.calBigDate > div {
		background: #6b0000;
		width: 4.3em;
		height: 4.3em;
		position: relative;
		top: -.6ex;
		margin: 0 6px 8px 0;
		
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	
	
	#cwEventsCalendarHome  ul.cwList div.calBigDate .month {
		color: #ffffff;
		text-transform: uppercase;
		text-align: center;
		font-size: .8em;
		padding: 0;
		margin: 3px 3px 5px 3px;
		position: relative;
		top: 1.5ex;
	} 
	
	#cwEventsCalendarHome  ul.cwList div.calBigDate .day {
		color: #fff;
		padding: 0;
		text-align: center;
		font-size: 2.1em;
		line-height: 1.05em;
		margin: 0;
		position: relative;
		top: .2ex;
	}
	
	#cwEventsCalendarHome  ul.cwList li .calTitleLink {
		display: table-cell;
		width: 100%;
		padding: 0 0 8px 8px;
	}



	/* Secondary Header
	 *************************************************************/
	#secondaryHeaderImage {
		position: relative;
		top: -100px;
		margin-bottom: -140px;
		z-index: 10;
	}

	#secondaryHeaderImage > div {
		background: url('/images/secondary/secondary-header.png') center top no-repeat;
		-ms-behavior: url(/include/css/backgroundsize.min.htc);
		background-size: contain;
		padding-top: 25.5%;
		height: 0;
	}

	/* Secondary Content Containers
	 *************************************************************/	
	#bodySecondary .mainContent {
		background: transparent;
		padding-bottom: 0;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhiOGM3NCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
		background: -moz-linear-gradient(top,  rgba(139,140,116,0.6) 0%, rgba(255,255,255,0) 215px);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(139,140,116,0.6)), color-stop(215px,rgba(255,255,255,0)));
		background: -webkit-linear-gradient(top,  rgba(139,140,116,0.6) 0%,rgba(255,255,255,0) 215px);
		background: -o-linear-gradient(top,  rgba(139,140,116,0.6) 0%,rgba(255,255,255,0) 215px);
		background: -ms-linear-gradient(top,  rgba(139,140,116,0.6) 0%,rgba(255,255,255,0) 215px);
		background: linear-gradient(to bottom,  rgba(139,140,116,0.6) 0%,rgba(255,255,255,0) 215px);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#998b8c74', endColorstr='#00ffffff',GradientType=0 );
	}
	
	
	/* Secondary Columns
	 *************************************************************/
	.secondaryColumnSet {
		display: table;
		padding: 0;
		width: 100%;
		position: relative;
		border-collapse: separate;
  		z-index: 9;
  		border-spacing: 7px;
	}
	
	.secondaryColumnSetInner {
		display: table-row;
	}

	.secondaryColumnSet .col1,
	.secondaryColumnSet .col2 {
		display: table-cell;
		vertical-align: top;
	}

	.secondaryColumnSet .col1 {
		width: 100%;
	}
	
	.secondaryColumnSet .col1 .colInner {
		padding: 45px 10px 20px 10px;
	}
	
	.secondaryColumnSet .col2 {
		background: #f5f3ed;
		background: rgba(191, 180, 148, 0.15);
	}

	.secondaryColumnSet .col2 .colInner {
		padding: 45px 15px 15px 15px;
		width: 250px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.secondaryColumnSet .col2 .colInner .cwHeader {
		text-transform: none;
		font-size: 1.7em;
	}
	
	.secondaryColumnSet .col2 .colInner .cwContainer {
		margin-bottom: 20px;
	}
	

	/* Tabs
	 ****************************************************/
	#tabContainer {
		margin-top: 15px;
		background: transparent url('/images/misc/tab-bg.png') center center no-repeat;
		background-size: 100% 100%;
		padding: 20px;
		-ms-behavior: url(/include/css/backgroundsize.min.htc);
	}

	.tabReturn {
		display: none;
	}

	ul.tabs {
		margin: 0;
		padding: 0;
		list-style-type: none;
		position: relative;
		z-index: 11;
		top: 1px;
	}

	li.tab {
		float: left;
		list-style-type: none;
		color: #6B0000;
		font-weight: 100;
		padding: 6px 10px;
		cursor: pointer;
		text-align: center;
		font-size: 1.3em;
		margin-right: 3px;
		font-family: 'bitter-regular', times, georgia, serif;
		border: 1px solid #bfb491;
		
		background: rgb(255,255,255);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGQ5YzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(224,217,197,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(224,217,197,1)));
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(224,217,197,1) 100%);
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(224,217,197,1) 100%);
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(224,217,197,1) 100%);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(224,217,197,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0d9c5',GradientType=0 );
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	li.tab:hover {
		background: #f5f4ef;
	}
	
	#tabsContent {
		background: #fefefd;
		border: 1px solid #bfb491;
	}

	li.tab.active {
		background: #ffffff;
		color: #6B0000;
		cursor: default;
		border: 1px solid #bfb491;
		border-bottom: none;
		font-weight: 900;
		padding: 6px 10px 7px 10px;
	}

	div.content {
		padding: 15px;
		margin: 0;
		background: #ffffff;
	}

	.splitTab {
		float: left;
		width: 49%;
	}

	div.content .cwHeader {
		background: none;
		color: #6b0000;
		padding-left: 0;
		font-weight: normal;
		font-size: 1.3em;
		text-transform: none;
	}

	/* Nav Menus */
	.cwNavContainerMenu {
		display: none;
	}

	.cwNavContainerMenu .cwContainerInner {
		background: #fff;
		padding: 15px 10px
	}

	.cwNavContainerMenu select {
		width: 100%;
	}

	/* Breadcrumbs
	 *************************************************************/
	#breadcrumbs {
		color: #333333;
		padding: 0;
		margin-bottom: 12px;
		font-size: .8em;
	}

	#breadcrumbsInner a {
		text-decoration: underline;
	}

	#breadcrumbsInner a:hover {
		text-decoration: none;
	}

	.breadArrow {
		position: relative;
		margin: 0 8px;
	}

	
	/* Award List
	 ****************************************************/
	.awards {
		display: table;
		width: 100%;
	}
	
	.awards ul {
		display: table-row;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	.awards ul li {
		display: table-cell;
		text-align: center;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	.awards ul li img {
		margin: 15px 0 10px 0;
	}
	
	

	/* Footer
	****************************************************/
	#footer {
		margin-bottom: 25px;
		background: rgb(141,132,87);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhkODQ1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YTcyNGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(141,132,87,1) 0%, rgba(122,114,75,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(141,132,87,1)), color-stop(100%,rgba(122,114,75,1)));
		background: -webkit-linear-gradient(top,  rgba(141,132,87,1) 0%,rgba(122,114,75,1) 100%);
		background: -o-linear-gradient(top,  rgba(141,132,87,1) 0%,rgba(122,114,75,1) 100%);
		background: -ms-linear-gradient(top,  rgba(141,132,87,1) 0%,rgba(122,114,75,1) 100%);
		background: linear-gradient(to bottom,  rgba(141,132,87,1) 0%,rgba(122,114,75,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d8457', endColorstr='#7a724b',GradientType=0 );
	}
	
	#footerInner {
		color: #fff;
		font-size: .8em;
		padding: 20px 0;
		margin: 0 auto;
		max-width: 950px;
	}
	
	
	#footerLeft {
		float: left;
	}
	
		#footerLeft p {
			float: left;
			margin-top: 3px;
		}
	
		#footerLeft #egovLogo {
			height: 31px;
			width: 70px;
			float: left;
			margin-right: 8px;
		}
		
	#footerRight {
		float: right;
	}
	
		#footerRight p {
			text-align: right;
			float: right;
			margin-right: 10px;
		}
		
	
	#legal {
		float: right;
		margin: 0;
		padding: 0;
		position: relative;
	}
	
	#legal li {
		float: left;
		padding: 0 10px 0 0;
		margin: 0 10px 0 0;
		border-right: 1px solid #fff;
		list-style-type: none;
	}
	
	#legal li:last-of-type {
		border: 0;
		margin: 0;
		padding: 0;
	}
	
	#footer a:link, #footer a:visited {
		color: #fff;
		text-decoration: underline;
	}
	
	#footer a:hover {
		text-decoration: none;
	}
	

	/* Navigation Lists
	 *************************************************************/
	ul.cwNavList {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	#bodyHome #discoverAbout .columnContainer .col1 li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	#bodyHome #discoverAbout .columnContainer .col1 li {
		margin: 0 0 8px 0;
		padding: 0 0 0 18px;
		background: transparent url('/images/misc/list-arrow.png') left center no-repeat;
		list-style-type: none;
	}

	/* Section List Styles
	 ****************************************************/
	.cwSectionList {
		border: 1px solid #d1d1d1;
		border-top: none;
	}

	.even {
		background-color: #ffffff;
		padding: 6px;
		border-top: 1px solid #d1d1d1;
	}

	.odd {
		background-color: #f9f9f9;
		padding: 6px;
		border-top: 1px solid #d1d1d1;
	}

	.even:hover, .odd:hover {
		background-color: #ffffcc;
	}

	.sectionLink {
		float: left;
	}

	.telephoneNumber {
		white-space: nowrap;
		float: right;
		display: block;
		width: 9.5em;
	}

	.emailAddress {
		white-space: nowrap;
		float: right;
		margin-right: 8px;
	}

	/* Content Windows
	 ****************************************************/
	.cwHeader {
		color: #6b0000;
		margin: 0;
		font-size: 1.9em;
		font-family: 'bitter-regular', times, georgia, serif;
		text-transform: uppercase;
	}

	.cwList {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}

	.cwList li {
		margin: 0 0 10px 0;
		padding: 0;
		list-style-type: none;
	}

	.cwHorizontalTable td a {
		margin: 0;
		display: inline;
	}

	.cwNavList, .cwNavList li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	.cwNavList li a {
		background-image: none;
		display: block;
		padding: 3px;
		transition: background .3s;
		-moz-transition: background .3s;
		-webkit-transition: background .3s;
		-o-transition: background .3s;
	}

	.cwNavList li a:hover {
		text-decoration: none;
		transition: background .3s;
		-moz-transition: background .3s;
		-webkit-transition: background .3s;
		-o-transition: background .3s;
	}

	a:link.sectionParent {
		color: #3c7f69;
		font-size: 1.2em;
		font-family: 'bitter-regular', times, georgia, serif;
		display: block;
		margin-bottom: 10px;
	}

	a:link.sectionParent:hover, a:link.sectionParent:hover:before {
		text-decoration: none;
		color: #9a640d;
	}

	a:link.sectionParent:before {
		font-family: 'FontAwesome';
		content: "\f015";
		color: #9e0b0f;
		font-size: 1.4em;
		margin: 0 6px 0 0;
		position: relative;
		top: 1px;
		transition: color .3s;
		-moz-transition: color .3s;
		-webkit-transition: color .3s;
		-o-transition: color .3s;
	}

	/* More Links
	 *************************************************************/
	.moreContainer {
	}

	.moreContainer img {
		margin-right: 8px;
		position: relative;
		top: -1ex;
	}

	.moreContainer a.more {
		color: #9e0b0f;
		position: relative;
		top: -1.6ex;
	}

	.cwNewsList {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}

	.cwNewsList li {
		margin: 0 0 10px 0;
		list-style-type: none;
	}

	/* Select List Navigation
	 *************************************************************/
	.cwNavSelect {
		width: 100%;
		font-size: 110%;
		margin: 10px 0;
	}

	/* Contact Info
	 ****************************************************/
	.cwContact.cwContainerHome .cwContainerInner {
		font-size: 1.2em;		
	}
	
	.cwContactHead .headPhoto {
		float: left;
		margin-right: 10px;
	}

	.cwContactHead .headPhoto img {
		max-width: 75px;
	}

	.cwContactHead .nameTitle {

	}

	.cwContactList {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.cwContactList li {
		margin: 0 0 6px 0;
		padding: 0;
	}

	.cwContactList li:before, .directions:before {
		text-decoration: none;
		font-family: 'FontAwesome';
		color: #72804e;
		font-size: 1.4em;
		margin: 0 6px 0 0;
		height: 16px;
		width: 16px;
		text-align: center;
		float: left;
		position: relative;
		top: -3px;
	}

	.tty:before {
		content: "\f1e4";
	}

	.telephone::before {
		content: "\f095";
	}
	.mobile::before {
		content: "\f10b";
	}
	.fax::before {
		content: "\f1ac";
	}
	.email::before {
		content: "\f0e0";
	}
	.hours::before {
		content: "\f017";
	}
	
	.directions::before{ 
		content: "\f041"
	}
	
	.staff::before {
		content: "\f0c0";
		font-size: 1.2em !important;
		position: relative;
		top: 3px;
	}


	

	/* Redefine some defaults
	 *************************************************************/
	/* redefine headers */
	h1, h2, h3, h4, h5, h6 {
		color: #6b0000;
		font-family: 'bitter-regular', times, georgia, serif;
		font-weight: normal;
	}

	h1 {
		font-size: 2.5em;
		margin-top: 0em;
		margin-bottom: 0em;
	}

	h2 {
		font-size: 2.0em;
	}

	h3 {
		font-size: 1.5em;
	}

	h4 {
		font-size: 1.3em;
	}

	h5 {
		font-size: 1.2em;
	}

	h6 {
		font-size: 1.0em;
	}

	.typeHeader {
		margin: 0;
		padding: 0;
	}

	img {
		max-width: 100%;
		height: auto !important; /* just in case, to force correct aspet ratio */
		-ms-interpolation-mode: bicubic;
		border: 0;
	}

	/* site-wide links */
	a:link {
		color: #72804e;
		text-decoration: none;
		transition: color 2s;
		-moz-transition: color .2s;
		-webkit-transition: color .2s;
		-o-transition: color .2s;
	}

	a:link:visited, a:visited {
		color: #6b0000;
	}

	a:link:hover, a:active, a:visited:hover {
		text-decoration: underline;
	}
	

	/* Special Classes
	 *************************************************************/
	.sectionTitle {
		color: #6b0000;
		font-size: 2.3em;
		font-weight: normal;
		margin: 0;
	}
}

/********************************************************************************
 * Small Monitors
 ********************************************************************************/
@media screen and (max-width: 950px) {
	body {
		-webkit-text-size-adjust: none;
	}

	.wrap {
		padding: 0 10px;
	}

	.weatherTranslate, #searchContainer {
		margin-right: 10px;
	}

	.serviceLinks li a {
		font-family: 'bitter-regular', times, georgia, serif;
		margin-right: 10%;
	}
	
	#footerInner {
		padding: 20px 10px;
	}
	
	#secondaryHeaderImage {
		top: 0;
		margin-bottom: -45px;
	}
}

/********************************************************************************
 * Portrait Tablets
 ********************************************************************************/
@media screen and (max-width: 800px) {

	body {
		-webkit-text-size-adjust: none;
	}

	/* Homepage Columns
	 *************************************************************/
	/* Column Set 2 */
	.homeColumnSet2, 
	.homeColumnSetInner {
		display: block;
		width: auto;
	}

	.homeColumnSet2 .col1 {
		display: block;
		width: 100%;
	}
 
	.homeColumnSet2 .col2,
	.homeColumnSet2 .col3 {
		float: left;
		width: 50%;
	}

	.homeColumnSet2 .col2 .colInner {
		padding: 0;
	}
	

	/* service links */
	.serviceLinks li:nth-child(odd) {
		float: left;
		width: 50%;
	}
	
	.serviceLinks li:nth-child(even) {
		float: right;
		width: 50%;
	}
	
	/* Homepage Columns
	 *************************************************************/
	.secondaryColumnSet {
		display: block;
		width: auto;
	}
	
	.secondaryColumnSetInner {
		display: block;
	}

	.secondaryColumnSet .col1,
	.secondaryColumnSet .col2 {
		display: block;
	}

	.secondaryColumnSet .col1 {
		width: auto;;
	}
	
	.secondaryColumnSet .col1 .colInner {
		padding: 45px 0 20px 0;
	}
	
	.secondaryColumnSet .col2 {
		background: transparent;
		margin-bottom: 20px;
	}

	.secondaryColumnSet .col2 .colInner {
		padding: 0;
		width: auto;
	}
	

	.tabReturn {
		display: block;
	}
}


/********************************************************************************
 * Special Break-point for Header
 ********************************************************************************/
@media screen and (max-width: 730px) {

	.backgroundInner > .wrap {
		margin: 0;
		padding: 0;
	 	background: rgba(185, 176, 136, 0.45);
	}
	
	.weatherTranslate, #searchContainer {
		margin-right: 0;
	}
	
	.weatherTranslate {
		position: static;
		right: auto;
		top: auto;
		padding: 10px 10px 0 10px;
	}
	
	#google_translate_element {
		margin: 0;
	}
	
	/* site title*/
	#siteTitle, #siteTitle h1 {
		height: auto;
		width: auto;
		float: none;
	}

	#siteTitle h1 a {
		height: 0;
		width: 100%;
		padding-top: 22.9%;
		background-size: cover;
		-ms-behavior: url(/include/css/backgroundsize.min.htc);
	}

	/* search */
	#searchContainer {
		position: static;
		width: auto;
		max-width: none;
		margin: 0 10px;
		border-bottom: 10px solid rgba(185, 176, 136, 0.45);
	}
	
	#searchContainer #eGov_searchTerms {
		height: 46px;
		font-size: 1.3em;
	}

	
	#searchContainer #eGov_buttonSearchSubmit {
		width: 24px;
		height: 24px;
		float: right;
		background-size: 24px 24px;
		top: 10px;
		-ms-behavior: url(/include/css/backgroundsize.min.htc);
	}
	
	
	/* Footer
	****************************************************/
	#footerLeft, #footerRight, #footerLeft p, #footerRight p, #legal {
		float: none;
		display: block;
		text-align: center;
	}
	
	#footerLeft #egovLogo {
		float: none;
		display: block;
		margin: 0 auto 8px auto;
	}
	
	#legal li {
		float: none;
		display: inline;
	}
	
	
}

/********************************************************************************
 * Small Tablets Portrait
 ********************************************************************************/
@media screen and (max-width: 600px) {

	/* service links */
	#serviceLinks li:nth-child(odd) {
		float: left;
		width: 49%;
		margin-right: 0;
	}
	
	#serviceLinks li:nth-child(even) {
		float: right;
		width: 49%;
		margin-right: 0;
	}


	#bodySecondary #contentMain {
		background: #ffffff;		
	}

	/* Homepage Columns
	 *************************************************************/
	/* Column Set 1 */
	.homeColumnSet1, 
	.homeColumnSetInner, 
	.homeColumnSet1 .col1,
	.homeColumnSet1 .col2 {
		display: block;
		width: auto;
	}

	.homeColumnSet1 .col1 {
		margin-bottom: 15px;
	}

	/* Column Set 2 */
	.homeColumnSet2, 
	.homeColumnSetInner, 
	.homeColumnSet2 .col1,
	.homeColumnSet2 .col2,
	.homeColumnSet2 .col3 {
		display: block;
		width: auto;
	}

	.homeColumnSet2 .col2 .colInner {
		padding: 0;
	}


	/* Secondary Columns
	 *************************************************************/
	.secondaryColumnSet {
		margin-right: 0;
		background: none;
	}

	.secondaryColumnSet .col1 {
		float: none;
		width: auto;
		margin-bottom: 10px;
	}

	.secondaryColumnSet .col2 {
		float: none;
		width: auto;
		margin: 0;
	}


	.cwNavContainerList {
		display: none;
	}

	.cwNavContainerMenu {
		display: block;
	}

	.tabReturn {
		display: none;
	}

	/* awards */
	.awards, .awards ul {
		display: block;
		margin: 0;
		padding: 0;
	}
	
	.awards ul li {
		float: left;
		width: 33%;
		text-align: center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.awards ul li img {
		margin-left: auto;
		margin-right: auto;
	}

}

/********************************************************************************
 * mobile landscape
 ********************************************************************************/
@media screen and (max-width: 415px) {

	/* service links */
	.serviceLinks li:nth-child(odd), .serviceLinks li:nth-child(even) {
		float: none;
		width: auto;
	}
	
	/* tabs */
	ul.tabs {
		margin: 0;
		padding: 0;
		list-style-type: none;
		position: relative;
		z-index: 11;
		top: 1px;
	}

	li.tab {
		float: none;
		width: auto;
		margin-right: 0;
	}
	
	li.tab.active {
		border-bottom: 1px solid #bfb491;
	}
}

/********************************************************************************
 * Smart Phones Portrait
 ********************************************************************************/
@media screen and (max-width: 385px) {

	body {
		-webkit-text-size-adjust: none;
	}

	#weatherContainer, #google_translate_element	 {
		float: none;
		width: 13em;
		margin: 0 auto;
		text-align: center;
		
	}
	

}

/* Clear Fix
 ****************************************************/
.clearfix:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
	display: block;
}
/* End hide from IE Mac */
* html .clearfix {
	height: 1px;
}

.printOnly {
	display: none;
}