/********************************************************************************
* Default Screen Styles
********************************************************************************/
@font-face {
    font-family: 'lora-regular';
    src: url('/include/fonts/lora-regular/lora-regular-webfont.eot');
    src: url('/include/fonts/lora-regular/lora-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/include/fonts/lora-regular/lora-regular-webfont.woff') format('woff'),
         url('/include/fonts/lora-regular/lora-regular-webfont.woff2') format('woff2'),
         url('/include/fonts/lora-regular/lora-regular-webfont.ttf') format('truetype'),
         url('/include/fonts/lora-regular/lora-regular-webfont.svg#lora-regular-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: 'lora-regular';
		src: url('/include/fonts/lora-regular/lora-regular-webfont.svg') format('svg');
	}
}

@font-face {
    font-family: 'font-awesome';
    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: 'font-awesome';
		src: url('/include/fonts/font-awesome/fontawesome-webfont.svg') format('svg');
	}
}

@font-face {
    font-family: 'open-sans';
    src: url('/include/fonts/open-sans/OpenSans-Regular-webfont.eot');
    src: url('/include/fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/include/fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff'),
         url('/include/fonts/open-sans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('/include/fonts/open-sans/OpenSans-Regular-webfont.svg#OpenSans-Regular-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: 'open-sans';
		src: url('/include/fonts/open-sans/OpenSans-Regular-webfont.svg') format('svg');
    font-weight: normal;
		font-style: normal;
	}
}

@font-face {
    font-family: 'open-sans';
    src: url('/include/fonts/open-sans/OpenSans-Bold-webfont.eot');
    src: url('/include/fonts/open-sans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/include/fonts/open-sans/OpenSans-Bold-webfont.woff') format('woff'),
         url('/include/fonts/open-sans/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('/include/fonts/open-sans/OpenSans-Bold-webfont.svg#OpenSans-Bold-webfont') format('svg');
    font-weight: bold;
		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/OpenSans-Bold-webfont.svg') format('svg');
    font-weight: normal;
		font-style: normal;
	}
}

@font-face {
    font-family: 'open-sans';
    src: url('/include/fonts/open-sans/OpenSans-Light-webfont.eot');
    src: url('/include/fonts/open-sans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/include/fonts/open-sans/OpenSans-Light-webfont.woff') format('woff'),
         url('/include/fonts/open-sans/OpenSans-Light-webfont.ttf') format('truetype'),
         url('/include/fonts/open-sans/OpenSans-Light-webfont.svg#OpenSans-Light-webfont') format('svg');
    font-weight: lighter;
		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/OpenSans-Light-webfont.svg') format('svg');
    font-weight: lighter;
		font-style: normal;
	}
}

@media screen {
	
	body {
		color: #333;
		background: #0D4277;
		font: lighter 78%/1.4 'open-sans', tahoma, sans-serif;
		margin: 0;
		padding: 0;
	}

	html, body{
		height: 100%;
	}

	.skipLink {
		position: absolute;
		left: -3500px;
	}
	
	img {
    	max-width: 100%;
    	-ms-interpolation-mode: bicubic;
    }

	
	/* Content Wrappers
	*************************************************************/
	#backgroundContainer {
		background: #79aed6 url('/images/misc/site-bg.jpg') center top no-repeat;
		background-size: cover;
		padding-top: 1px;
		margin-top: -1px;
	}
	
	.wrap {
		max-width: 950px;
		margin: 0 auto;
	}
	
	
	
	/* Header
	*************************************************************/
	#header {
		max-width: 910px;
		margin: 15px auto 25px auto;
		position: relative;
	}
	
	#bodySecondary #header {
		margin: 0 auto;
	}
	
		#header h2 {
			display: none;
		}
	
	#siteTitle {
		height: 0;
		overflow: hidden;
	}
	
	#siteTitle, #siteTitle h1 {
		height: 73px;
		width: 440px;
		overflow: hidden;
	}
	
	#siteTitle {
		float: left;
	}
		
	#siteTitle h1 a {
		text-indent: -3500px;
		display: block;
		height: 73px;
		width: 440px;
		background: url('/images/header/site-title.png') left top no-repeat;
		background-size: 440px 73px;
		-ms-behavior: url(/include/css/backgroundsize.min.htc);
	}
	
	/* Header Utilities*/
	#headerUtilities {
		float: right;
	}
	
	/* Search */
	#searchContainer {
		background: #fff;
		overflow: hidden;
		width: 173px;
		margin-bottom: 5px;
		float: right;
	}
			
	#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: #666;
		height: 23px;
		float: left;
		font-family: tahoma, arial, sans-serif;
		margin-left: 5px;
		padding: 0;
	}
	
	#searchContainer #eGov_buttonSearchSubmit {
		width: 15px;
		height: 15px;
		float: right;
		background-size: 15px 15px;
		margin: 5px 5px 0 0;
		-ms-behavior: url(/include/css/backgroundsize.min.htc);
	}
	
	
	/* Google Translate*/
	#google_translate_element {
		border: 0;
		width: 173px;
		margin-bottom: 12px;
	}
	
	.goog-te-gadget {
		border: 0 !important;
		width: 173px;
	}
	
	.goog-te-gadget-simple {
		width: 173px;
		border: 0 !important;
		text-align: center;
	}
	
	.goog-te-gadget-simple > img {
		float: left;
	}
	
	.goog-te-gadget-simple > span {
		float: right;
	}
	
	
	/* Weather */
	#weatherContainer {
		color: #fff;
		overflow: hidden;
		margin-bottom: 5px;
	}
	
	#weatherContainer .temperature {
		font-size: 1.2em;
		line-height: 1.2em;
		font-family: tahoma, arial, sans-serif;
		border-right: 1px solid #fff;
		margin: 0 8px;
		padding-right: 8px;
		position: relative;
		top: -6px;
	}

	#weatherContainer #weatherIcon {
		height: 24px;
		width: 24px;
	}
	
	#weatherContainer a {
		color: #fff;
		font-size: 1.2em;
		line-height: 1.2em;
		font-family: tahoma, arial, sans-serif;
		position: relative;
		top: -6px;
		text-decoration: underline;
	}
	
	#weatherContainer a:hover {
		text-decoration: none;
	}
	
	

	/* Content Containers
	*************************************************************/
	#contentContainer {
		max-width: 950px;
		margin: 0 auto;
		
		background: #fff;
	}

	#contentContainerInner {
		background: transparent url('/images/misc/curved-shadow.png') top center no-repeat;
		padding: 25px 20px 20px 20px;
	}


	/* Breaking News
	*************************************************************/
	#breakingNewsContainer {
		margin-bottom: 20px;
	}
	
	
	#breakingNewsContainer .wrap {
		position: relative;
		background: #0D4277; 
	}
	
	#breakingNewsContainer .bncol1 {
		width: 19em;
		padding: 20px;
	}

	#breakingNewsContainer .bncol1 a {
		color: #fff;
		font-weight: normal;
	}
	
		#breakingNewsContainer .bncol1 .cwHeader {
			font: 1.9em 'lora-regular', tahoma, sans-serif;
			color: #fff;
			text-transform: uppercase;
		}
	
		#breakingNewsContainer .bncol1 .moreContainer {
			padding: 0;
		}
	
	
	#breakingNewsContainer .bncol1 {
		width: 19em;
		left: 0;
		padding: 20px;
		position: absolute; 
		top: 0; 
	}
	
	#breakingNewsContainer .bncol2 { 
		margin-left: 19em; 
		padding: 15px 10px 15px 15px;
	}
	
	#breakingNewsContainer .bncol2 a {
		color: #fff;
		text-decoration: underline;
		font-weight: bolder;
	}
	
	.cwBreakingNewsList {
		min-height: 75px;
	}


	#tagLine {
		color: #64808f;
		font: 1.8em 'lora-regular', georgia, times, serif;
		text-align: center;
		margin-bottom: 25px;
	}

	
	/* Homepage columns */
	#homeColumnSet1 {
		display: table;
		padding: 0;
		background: url('/images/home/home-column-bg.png') repeat-y;
		background-size: 100%;
	}	
	
		#homeColumnSet1Inner {
			display: table-row;
		}
	
		#homeColumnSet1 .col1 {
			display: table-cell;
			vertical-align: top;
			width: 100%;
			padding-right: 30px;
		}
	
		#homeColumnSet1 .col2 {
			/*display: table-cell;*/
			width: 265px;
			vertical-align: top;
			padding-left: 30px;
		}
	
	/* Service Links
	*************************************************************/
	
	#serviceLinks {
		background: transparent url('/images/misc/curved-shadow.png') top center no-repeat;
	}
	
	#serviceLinks a {
		width: 16.666%;
		padding-top: 8%;
		padding-bottom: 11px;
		float: left;
		text-align: center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-family: lora-regular, georgia, times, serif;
		font-size: 1.2em;
		color: #8b887e;
		text-decoration: none;
		font-weight: normal;
	}
	
	#voting { 
		background: rgb(233,229,216);
		background-image: url('/images/home/service/voting.png');
		background-image: url('/images/home/service/voting.png'), -moz-linear-gradient(left,  rgba(233,229,216,1) 0%, rgba(242,239,230,1) 100%);
		background-image: url('/images/home/service/voting.png'), -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(233,229,216,1)), color-stop(100%,rgba(242,239,230,1)));
		background-image: url('/images/home/service/voting.png'), -webkit-linear-gradient(left,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
		background-image: url('/images/home/service/voting.png'), -o-linear-gradient(left,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
		background-image: url('/images/home/service/voting.png'), -ms-linear-gradient(left,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
		background-image: url('/images/home/service/voting.png'), linear-gradient(to right,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e5d8', endColorstr='#f2efe6',GradientType=1 );
		background-position: center 16px, center;
		background-repeat: no-repeat;
		background-size: 22%, auto;
	}
	#roads {
		background: rgb(233,229,216);
		background-image: url('/images/home/service/road.png');
		background-image: url('/images/home/service/road.png'), -moz-linear-gradient(left,  rgba(233,229,216,1) 0%, rgba(242,239,230,1) 100%);
		background-image: url('/images/home/service/road.png'), -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(233,229,216,1)), color-stop(100%,rgba(242,239,230,1)));
		background-image: url('/images/home/service/road.png'), -webkit-linear-gradient(left,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
		background-image: url('/images/home/service/road.png'), -o-linear-gradient(left,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
		background-image: url('/images/home/service/road.png'), -ms-linear-gradient(left,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
		background-image: url('/images/home/service/road.png'), linear-gradient(to right,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e5d8', endColorstr='#f2efe6',GradientType=1 );
		background-position: center 18px, center;
		background-repeat: no-repeat;
		background-size: 33%, auto;
	}
	#minutes {
		background: rgb(233,229,216);
		background-image: url('/images/home/service/agendas.png');
		background-image: url('/images/home/service/agendas.png'), -moz-linear-gradient(left,  rgba(233,229,216,1) 0%, rgba(242,239,230,1) 100%);
		background-image: url('/images/home/service/agendas.png'), -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(233,229,216,1)), color-stop(100%,rgba(242,239,230,1)));
		background-image: url('/images/home/service/agendas.png'), -webkit-linear-gradient(left,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
		background-image: url('/images/home/service/agendas.png'), -o-linear-gradient(left,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
		background-image: url('/images/home/service/agendas.png'), -ms-linear-gradient(left,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
		background-image: url('/images/home/service/agendas.png'), linear-gradient(to right,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e5d8', endColorstr='#f2efe6',GradientType=1 );
		background-position: center 18px, center;
		background-repeat: no-repeat;
		background-size: 28%, auto;
	}
	#payments {
		background: rgb(233,229,216);
		background-image: url('/images/home/service/bill.png');
		background-image: url('/images/home/service/bill.png'), -moz-linear-gradient(left,  rgba(233,229,216,1) 0%, rgba(242,239,230,1) 100%);
		background-image: url('/images/home/service/bill.png'), -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(233,229,216,1)), color-stop(100%,rgba(242,239,230,1)));
		background-image: url('/images/home/service/bill.png'), -webkit-linear-gradient(left,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
		background-image: url('/images/home/service/bill.png'), -o-linear-gradient(left,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
		background-image: url('/images/home/service/bill.png'), -ms-linear-gradient(left,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
		background-image: url('/images/home/service/bill.png'), linear-gradient(to right,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e5d8', endColorstr='#f2efe6',GradientType=1 );
		background-position: center 22px, center;
		background-repeat: no-repeat;
		background-size: 45%, auto;
	}
	#tax {
		background: rgb(233,229,216);
		background-image: url('/images/home/service/taxes.png');
		background-image: url('/images/home/service/taxes.png'), -moz-linear-gradient(left,  rgba(233,229,216,1) 0%, rgba(242,239,230,1) 100%);
		background-image: url('/images/home/service/taxes.png'), -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(233,229,216,1)), color-stop(100%,rgba(242,239,230,1)));
		background-image: url('/images/home/service/taxes.png'), -webkit-linear-gradient(left,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
		background-image: url('/images/home/service/taxes.png'), -o-linear-gradient(left,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
		background-image: url('/images/home/service/taxes.png'), -ms-linear-gradient(left,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
		background-image: url('/images/home/service/taxes.png'), linear-gradient(to right,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e5d8', endColorstr='#f2efe6',GradientType=1 );
		background-position: center 19px, center;
		background-repeat: no-repeat;
		background-size: 33%, auto;
	}
	#code {
		background: rgb(233,229,216);
		background-image: url('/images/home/service/forms.png');
		background-image: url('/images/home/service/forms.png'), -moz-linear-gradient(left,  rgba(233,229,216,1) 0%, rgba(242,239,230,1) 100%);
		background-image: url('/images/home/service/forms.png'), -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(233,229,216,1)), color-stop(100%,rgba(242,239,230,1)));
		background-image: url('/images/home/service/forms.png'), -webkit-linear-gradient(left,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
		background-image: url('/images/home/service/forms.png'), -o-linear-gradient(left,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
		background-image: url('/images/home/service/forms.png'), -ms-linear-gradient(left,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
		background-image: url('/images/home/service/forms.png'), linear-gradient(to right,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e5d8', endColorstr='#f2efe6',GradientType=1 );
		background-position: center 20px, center;
		background-repeat: no-repeat;
		background-size: 24%, auto;
	}
	
	/* hover states */
	
	#voting:hover { 
		background: rgb(230, 215, 167);
		background-image: url('/images/home/service/voting.png');
		background-position: center 16px;
		background-repeat: no-repeat;
		background-size: 22%;
	}
	#roads:hover {
		background: rgb(230, 215, 167);
		background-image: url('/images/home/service/road.png');
		background-position: center 18px;
		background-repeat: no-repeat;
		background-size: 33%;
	}
	#minutes:hover {
		background: rgb(230, 215, 167);
		background-image: url('/images/home/service/agendas.png');
		background-position: center 18px;
		background-repeat: no-repeat;
		background-size: 28%;
	}
	#payments:hover {
		background: rgb(230, 215, 167);
		background-image: url('/images/home/service/bill.png');
		background-position: center 22px;
		background-repeat: no-repeat;
		background-size: 45%;
	}
	#tax:hover {
		background: rgb(230, 215, 167);
		background-image: url('/images/home/service/taxes.png');
		background-position: center 19px;
		background-repeat: no-repeat;
		background-size: 33%;
	}
	#code:hover {
		background: rgb(230, 215, 167);
		background-image: url('/images/home/service/forms.png');
		background-position: center 20px;
		background-repeat: no-repeat;
		background-size: 24%;
	}
	
	
	
	/*#serviceIcons {
		margin-bottom: 12px;
	}
	
	#serviceIcons a {
		font-family: lora-regular, georgia, times, serif;
		font-size: 1.4em;
		color: #3d5867;
		text-decoration: none;
		display: block;
		padding: 10px 0 10px 40px;
		border-bottom: 2px dotted #3d5867;
		background-size: 32px 32px;
		-webkit-box-sizing: border-box;
  		-moz-box-sizing: border-box;
  		box-sizing: border-box; 
	}
	
	#icon1 { background: transparent url('/images/home/request-center.png') center left no-repeat;	}
	#icon2 { background: transparent url('/images/home/recorded-meetings.png') center left no-repeat;	}
	#icon3 { background: transparent url('/images/home/meeting-agendas.png') center left no-repeat;	}
	#icon4 { background: transparent url('/images/home/municipal-code.png') center left no-repeat;	}
	#icon5 { background: transparent url('/images/home/bill-pay.png') center left no-repeat;	}
	#icon6 { background: transparent url('/images/home/permits.png') center left no-repeat;	}
	
	#codeRed {
		display: block;
		width: 186px;
		height: 27px;
	}
	
	
	#socialMedia h3 {
		color: #8d0a0e;
		margin-bottom: 0;
	}*/
	

	/* Date Box Styles / Homepage Events
	****************************************************/*
	.cwCalList {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	.cwCalList li {
		margin: 0;
		padding: 0;
	}
	
	.calBigDate {
		color: #333;
		font-family: 'lora-regular', georgia, times, serif;
		float: left;
		width: 3em;
		text-align: center;
		margin-right: 28px;
	}
	
	.calBigDate .month {
		color: #333;
		text-transform: uppercase;
		text-align: center;
		font-size: 1em;
		padding: 0;
		margin: 3px 3px 5px;
		
	} 
	
	.calBigDate .day {
		color: #333;
		padding: 0;
		text-align: center;
		font-size: 1.4em;
		margin: 0;
		position: relative;
		margin-top: -10px;
	}
	
	.calTitleLink {
		float: left;
		width: 100%;
	}


	/* news with images */
	#bodyHome .cwList li {
		margin-left: 0;
		padding-left: 0;
		margin-bottom: 10px;
		padding-bottom: 0;
		background: none;
	}
	
	li.newsStoryContainer {
		margin-bottom: 10px;
		padding-bottom: 12px;
	}
	
	li.newsStoryContainer img {
		float: left;
		width: 105px;
		height: 70px;
		margin-right: 8px;
	}
	
	#bodyHome .cwNewsList li {
		display: table;
		width: 100%;
	}
	
	li.newsStoryContainer .newsLinkContainer {
		display: table-cell;
		padding-top: 2px;
		vertical-align: middle;
		width: 100%;
	}

	.newsLink, .cwLink {
		font-size: 1.2em;
	}


	/* Secondary Header
	*************************************************************/
	#secondaryHeaderImage {
		max-width: 950px;
		margin: 0 auto;
		border-bottom: 5px solid #b8382e;
		position: relative;
	}
	
	#secondaryHeaderImage > div {
		/*background: #ffffff url('/images/header/default-secondary-header.jpg') center top no-repeat;*/
		background-size: cover;
		display: block;
		height: 0px !important;
		/*padding-top: 22.5806%;*/
		padding-top: 5%;
		
		-ms-behavior: url(/include/css/backgroundsize.min.htc);
	}
	
	#secondaryHeaderImage h2.sectionTitle {
		position: absolute;
		bottom: -15px;
		left: 20px;
		margin: 0;
		color: #fff;
		font-size: 2.9em;
		font-variant: small-caps;
	}
	
	/* Secondary Page Containers
	*************************************************************/
	#bodySecondary #contentContainer {
	}
	
	#bodySecondary #contentContainerInner {
	}

	/* Secondary Columns 
	*************************************************************/
	#secondaryColumnSet {
	 	margin-right: 288px;
	}
	
	 #secondaryColumnSet .col1 {
		float: left;
		width: 100%;
		
	}
	
	#secondaryColumnSet .col2 {
		float: right;
		width: 260px;
		margin-right: -288px;
		padding: 0;
	}
	
		#secondaryColumnSet .col2 .cwHeader {
			color: #8b887e;
			background: rgb(233,229,216);
			background: -moz-linear-gradient(45deg,  rgba(233,229,216,1) 0%, rgba(242,239,230,1) 100%);
			background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(233,229,216,1)), color-stop(100%,rgba(242,239,230,1)));
			background: -webkit-linear-gradient(45deg,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
			background: -o-linear-gradient(45deg,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
			background: -ms-linear-gradient(45deg,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
			background: linear-gradient(45deg,  rgba(233,229,216,1) 0%,rgba(242,239,230,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e5d8', endColorstr='#f2efe6',GradientType=1 );
			padding: 4px 8px;
			font-size: 2em;
		  font-variant: small-caps;
		}
		
		#secondaryColumnSet .col2 .cwContainerInner {
			padding: 10px 0;
		}
	
	
	/* Tabs
	****************************************************/
	#tabContainer {
		margin-top: 15px;
		position: relative;
	}
	
	.tabReturn {
		display: none;
	}
	
	ul.tabs {
	    margin: 0;
	    padding: 0;
	    list-style-type: none;
	    position: relative;
	    z-index: 3;
	}
	
	li.tab {
		background: #e9e5d8;
		float: left;
		list-style-type: none;
		color: #356fa2;
		cursor: pointer;
		text-align: center;
		font-family: 'lora-regular', georgia, times, serif;
		font-size: 1.6em;
		size: border-box;
		margin-right: 6px;
		position: relative;
		top: 1px;
		border: 1px solid #e9e5d8;
		
		transition: all .2s;
		-moz-transition: all .2s; 
		-webkit-transition: all .2s; 
		-o-transition: all .2s; 
	}
	
	li.tab span {
		padding: 0 15px 15px 15px;
		display: block;
		position: relative;
		top: 10px
	}
	
	li.tab:hover { 
		color: #356fa2;
		background-color: #ffffff;
	}
	
	li.tab:hover span {
		background: #fff;
	}
	
	#tabsContent {
		background: rgb(255,255,255);
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(233,229,216,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(233,229,216,1)));
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(233,229,216,1) 100%);
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(233,229,216,1) 100%);
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(233,229,216,1) 100%);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(233,229,216,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e5d8',GradientType=0 );
		border: 1px solid #e9e5d8;
	}
	
	#tabsContent a:link {
		font-weight: bold;
	}
	
	#tabsContentShadow {
	}	
	
	#tabsContentColor {
		padding: 0 10px 20px 10px;
		position: relative;
		top: 6px;
		margin: 0 -6px;
	}
	
	
	li.tab.active {
		color: #356fa2;
		border-bottom: none;
		cursor: default;
		background: #ffffff;
	}
	
	li.tab.active span {
		background: #ffffff;
	}
	
	div.content {
	    padding: 1px 15px 0 15px;
	    margin: -1px 0 0 0;
	}
	
	.splitTab {
		float: left;
		width: 49%;
	}



	/* Nav Menus */
	.cwNavContainerMenu {
		display: none;
	}
	
	.cwNavContainerMenu .cwContainerInner {
		background: #fff;
		padding: 15px 10px		
	}
	
	.cwNavContainerMenu select {
		width: 100%;
	}
	
	
	/* Breadcrumbs
	*************************************************************/
	#breadcrumbs {
		padding: 0;
		margin-bottom: 8px;
	}
	
	.breadArrow {
		position: relative;
		margin: 0 8px;	
	}


	/* Footer
	****************************************************/
	#footer {
		color: #fff;
		font-size: .9em;
	}
	
	#footer .wrap:before,
	#footer .wrap:after {
	    content:"";
	    position:absolute;
	}
	  
	#footer .wrap:before {
	    top: -44px;
	    left: 50px;
	    right: 50px;
	    height: 20px;
	    -webkit-box-shadow:0 25px 15px #000;
	       -moz-box-shadow:0 25px 15px #000;
	            box-shadow:0 25px 15px #000;
	    -moz-border-radius: 200px / 20px;
	         border-radius: 200px / 20px;
	}
	
	
	#footer .wrap {
		padding: 20px 0;
		position: relative;
		overflow: hidden;
	}
	
	#egovLogo {
		width: 70px;
		height: 31px;
		float: right;
		margin: 0px 10px;
	}
	
	
	#footLeft {
		float: left;
		white-space: nowrap;
		margin: 0 0 0 20px;
	}
	
	#footRight {
		float: right;
		text-align: right;
	}
	
	#legal {
		margin: 0;
		padding: 0;
		font-size: 0.9em;
	}
	
	#legal li {
		display: inline;
		padding: 0 10px 0 0;
		margin: 0 10px 0 0;
		border-right: 1px solid #fff;
	}
	
	#legal li:last-of-type {
		border: 0;
		margin: 0;
		padding: 0;
	}
	
	#legal a:link {
		font-weight: normal;
	}
	
	#staff {
		margin: 0;
		padding: 0;
	}
	
	#staff li {
		display: inline;
		padding: 0 10px 0 0;
		margin: 0 10px 0 0;
		border-right: 1px solid #fff;
	}
	
	#staff li:last-of-type {
		border: 0;
		margin: 0;
		padding: 0;
	}	
	
	#staff li:before {
	  text-decoration: none;
	  font-family: 'font-awesome';
	  color: #fff;
	  font-size: 1.4em;
	  margin: 0 6px 0 0;
	  height: 16px;
	  width: 16px;
	  text-align: center;
	  position: relative;
	  top: 1px;
	}

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


		
		
	/* Navigation Lists
	*************************************************************/
	
	
	/* Section List Styles
	****************************************************/
	.cwSectionList {
	    border: 1px solid #d1d1d1;
	    border-top: none;
	}
	
	#bodyHome .even {
	    background-color: #ffffff;
	    padding: 0 6px 0 20px;
	}
	
	#bodyHome .odd {
	    background-color: #ecf9fc;
	    padding: 0 6px 0 20px;
	}	
	
	#bodySecondary .even {
	    background-color: #ffffff;
	    padding: 6px;
	    border-top: 1px solid #d1d1d1;
	}
	
	#bodySecondary .odd {
	    background-color: #ecf9fc;
	    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: #b8382e;
		margin: 0;
		font-size: 2.1em;
		font-family: 'lora-regular', georgia, times, serif;
		font-weight: normal;
	}
	
	#tabContainer .content .cwHeader {
		margin: 12px 0;
	}
	
	.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  {
		margin: 0;
  	padding: 0 0 0 20px;
	}

	/*.cwNavList li a {
		background-image: none;
		display: block;
		padding: 3px;
		font-size: 1.2em;
		
		transition: background .3s;
		-moz-transition: background .3s; 
		-webkit-transition: background .3s; 
		-o-transition: background .3s; 
	}
	
	.cwNavList li a:hover {
		
		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: 'lora-regular', georgia, times, 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: 'font-awesome';
		content: "\f015";
		color: #3c7f69;
		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 {
		position: relative;
		top: .3ex;
		margin-right: 8px;
	}
	
	.moreContainer a:link {
		color: #333;
		font-weight: normal;
		text-transform: uppercase;
	}

	.cwNewsList {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	
	#bodyHome .cwNewsList {
		margin: 0 0 15px;
	}
	
	.cwNewsList li {
		margin: 0 0 12px 0;
		list-style-type: none;
	}
	
	#bodyHome .cwNewsList li {
		margin: 0;
	}
	


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

	
	/* Contact Info
	****************************************************/
	.cwContainerInner a:link {
		font-weight: normal;
	}
	
	.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 {
		text-decoration: none;
		font-family: 'font-awesome';
		color: #356fa2;
		font-size: 1.4em;
		margin: 0 10px 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";
	}
	.staff:before {
		content: "\f0c0";
	}
	.hours:before {
		content: "\f017";
	}

	
	/* Redefine some defaults
	*************************************************************/
	/* redefine headers */
	h1, h2, h3, h4, h5, h6 {
		color: #356fa2;
		font-family: 'lora-regular', georgia, times, 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: #356fa2;
		font-weight: bold;
		text-decoration: none;
		transition: width 2s;
		-moz-transition: color .2s; 
		-webkit-transition: color .2s; 
		-o-transition: color .2s; 
	}
	
	a:link:visited, a:visited {
		color: #0d4277;
	}
	
	a:link:hover, a:active, a:visited:hover {
		text-decoration: underline;
	}

	.cwLink {
		font-weight: 700;
	}

	/* Power Styles
	 ****************************************************/
	#powerContainer {
		margin: 0 0 10px 0;	
	}
	
	#powerHeader {
		background: #64808f;
	    border-left: 4px solid #9e0b0f;
	    color: #fff;
	    font-size: 1.4em;
	    padding: 8px;
	}
	
	#powerValue {
		font-size: 250%;
		color: #64808f;
		text-align: center;
		padding: 0 12px;
	}
	
	#powerUpdate {
		font-size: .8em;
		color: #64808f;
		text-align: center;
		padding: 0 0 12px 0;
	}


	/* Special Classes
	*************************************************************/
	.sectionTitle {
		color: #006681;
		font-family: 'lora-regular';
		font-size: 2.3em;
		font-weight: normal;
		margin: 0 0 10px 0;
	}
	
	#descContain {
		margin-bottom: 20px;
	}
	
	.shadow {
		position: relative;
		height: 20px;
		margin-bottom: 20px;
	}
	
	.shadow > div {
		height: 20px;
		background: #fff;
		position: relative;
	    z-index: 1;
	}
	
	.shadow:before,
	.shadow:after {
	    content:"";
	    position:absolute;
	}
	  
	.shadow:after {
	    top: -15px;
	    left: 50px;
	    right: 50px;
	    height: 15px;
	    -webkit-box-shadow:0 25px 14px #a0a0a0;
	       -moz-box-shadow:0 25px 14px #a0a0a0;
	            box-shadow:0 25px 14px #a0a0a0;
	    -moz-border-radius: 200px / 10px;
	         border-radius: 200px / 10px;
	}
	
	
	#mangoLogo {
		margin-bottom: 10px;
		margin: 0 auto;
	}
	
}


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

}


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

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

	/* Header
	*************************************************************/
	#menuToggleContainer a {
		top: 28px;
	}

	/* Containers 
	*************************************************************/
	#contentContainerInner {
		padding: 10px;
	}

	/* Homepage Columns 
	*************************************************************/
	#homeColumnSet1 {
		display: block;
		padding: 0;
		background: none;
	}	
	
		#homeColumnSet1Inner {
			display: block;
		}
	
	#homeColumnSet1 .col1, #homeColumnSet1 .col2 {
		float: none;
		display: block;
		width: auto;
		padding: 0 0 15px;
	}
		
	#homeColumnSet1 .col2 #tabContainer {
		margin: 10px 0 0 0;
	}


	/* Serice Links */

	#serviceLinks a {
		width: 33.333%;
		border-bottom: 1px solid #ddd;
		padding-top: 9%;
    padding-bottom: 2px;
	}
	
	#voting { 
		background-position: center 16px, center;
		background-repeat: no-repeat;
		background-size: 11%, auto;
	}
	#roads {
		background-position: center 18px, center;
		background-repeat: no-repeat;
		background-size: 16%, auto;
	}
	#minutes {
		background-position: center 18px, center;
		background-repeat: no-repeat;
		background-size: 14%, auto;
	}
	#payments {
		background-position: center 22px, center;
		background-repeat: no-repeat;
		background-size: 22%, auto;
	}
	#tax {
		background-position: center 19px, center;
		background-repeat: no-repeat;
		background-size: 16%, auto;
	}
	#code {
		background-position: center 20px, center;
		background-repeat: no-repeat;
		background-size: 12%, auto;
	}
	
	/* hover states */
	
	#voting:hover { 
		background-position: center 16px;
		background-repeat: no-repeat;
		background-size: 11%;
	}
	#roads:hover {
		background-position: center 18px;
		background-repeat: no-repeat;
		background-size: 16%;
	}
	#minutes:hover {
		background-position: center 18px;
		background-repeat: no-repeat;
		background-size: 14%;
	}
	#payments:hover {
		background-position: center 22px;
		background-repeat: no-repeat;
		background-size: 22%;
	}
	#tax:hover {
		background-position: center 19px;
		background-repeat: no-repeat;
		background-size: 16%;
	}
	#code:hover {
		background-position: center 20px;
		background-repeat: no-repeat;
		background-size: 12%;
	}
	
	
	/* Secondary Columns 
	*************************************************************/
	#bodySecondary #contentContainerMain .secondaryColumns {
	 	margin-left: 0;
	}
	
	 #bodySecondary #contentContainerMain .secondaryColumns .col1 {
		float: none;
		width: 100%;
		
	}
	
	.col1Inner {
		margin-left: 0;
	}
	
	#bodySecondary #contentContainerMain .secondaryColumns .col2 {
		float: none;
		width: 100%;
		margin-left: 0;
		
	}
	
	/*.tabReturn {
		display: block;
	}*/
	
	/* Footer
	*************************************************************/
	#footer {
		padding-bottom: 15px 15px 0 15px;	
	}
	
	#footLeft, #footRight {
		width: auto;
		float: none;
		margin-bottom: 15px;
		text-align: center;
	}
	
	#footLeft {
		max-width: 35em;
		margin: 0 auto;
	}
	
	#egovLogo {
	  float: none; 
	  display: block;
	  margin: 10px auto;
	}	
	
}


/********************************************************************************
* Content break for events and tabs
********************************************************************************/
@media screen and (max-width: 650px) {

	body {
		-webkit-text-size-adjust:none;
	}
	
	.tab, .tab span {
		background: #ffffff;
	}

}

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

	/* prenav */
	#preNav {
		padding: 4px;
	}

	/* weather */
	#weatherContainer {
		float: left;
		margin-right: 0;
	}

		#weatherContainer a, #weatherContainer .temperature {
			font-size: 1em;
			line-height: 1em
		}
		
		#weatherContainer .temperature {
			margin-right: 0;
			padding-right: 2px;	
		}
	
	/* header */
	#header {
	}

	/* site title*/
	#siteTitle {
		margin: 15px auto 0 auto;
		float: none;
		height: auto;
		width: auto;
		padding: 0 10px;
	}
	
	#siteTitle h1 {
		height: auto;
		width: auto;
		margin: 0 auto;
	}
	
	#siteTitle h1 a {
		height: 0 !important;
		padding-top: 28.21%;
		background-size: contain;
		margin: 0 auto;
		float: none;
		width: 100%;
		-ms-behavior: url(/include/css/backgroundsize.min.htc);
	}

	#headerUtilities {
		float: none;
		padding: 0 10px
	}

	/* search */
	#searchContainer {
		width: 100%;
	}
	
	#searchContainer #eGov_searchTerms {
		font-size: 1.4em;
		height: 30px;
	}
		
	#searchContainer #eGov_buttonSearchSubmit {
		height: 20px;
		width: 20px;
	}

	#weatherContainer {
		float: right;
		margin-top: 0;
	}

	#google_translate_element {
		float: left;
		width: auto;
	}

	.goog-te-gadget {
		border: 0 !important;
		width: auto;
	}
	
	.goog-te-gadget-simple {
		width: auto;
		border: 0 !important;
	}


	/* breaking news */
	#breakingNewsContainer {
		margin-bottom: 15px;
	}
	
	#breakingNewsContainer .wrap {
		padding: 0;
	}
	
	#breakingNewsContainer .bncol1 {
		position: static;
		width: auto;
		padding: 15px 15px 10px 15px;
	}
	
	#breakingNewsContainer .bncol2 {
		margin-left: 0;	
		background: none;
		padding-top: 0;
	}
	
	/* Serice Links */

	#serviceLinks a {
		width: 50%;
		padding-top: 13.5%;
	}
	
	/* secondary columns */
	#secondaryColumnSet {
	 	margin-right: 0;
	}
	
	 #secondaryColumnSet .col1 {
		float: none;
		margin-bottom: 20px;
	}
	
	#secondaryColumnSet .col2 {
		float: none;
		width: auto;
		margin-right: 0;
	}
	
	
	.cwNavContainerList {
		display: none;
	}
	
	.cwNavContainerMenu {
		display: block;
	}
	
}	


/********************************************************************************
* fix tabs
********************************************************************************/
@media screen and (max-width: 415px) {

	/* tabs */
	li.tab {
		float: none;
		margin-right: 0;
	}
	
	.splitTab {
		float: none;
		width: auto;
	}
	
	.content .splitTab:first-of-type {
		margin-bottom: 15px;
	}
	
	/* Header */
	
	#secondaryHeaderImage h2.sectionTitle {
	  font-size: 2.4em;
	}
	
}	


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

	body {
		-webkit-text-size-adjust:none;
	}
	
	/* Serice Links */

	#serviceLinks a {
		width: 100%;
		padding: 4.5% 0;
	}	
	
	#voting { 
		background-position: 4% center, center;
		background-repeat: no-repeat;
		background-size: 8%, auto;
	}
	#roads {
		background-position: 2.5% center, center;
		background-repeat: no-repeat;
		background-size: 12%, auto;
	}
	#minutes {
		background-position: 3% center, center;
		background-repeat: no-repeat;
		background-size: 10%, auto;
	}
	#payments {
		background-position: 2.3% center, center;
		background-repeat: no-repeat;
		background-size: 16%, auto;
	}
	#tax {
		background-position: 3% center, center;
		background-repeat: no-repeat;
		background-size: 12%, auto;
	}
	#code {
		background-position: 5% center, center;
		background-repeat: no-repeat;
		background-size: 9%, auto;
	}
	
	/* hover states */
	
	#voting:hover { 
		background-position: 4% center;
		background-repeat: no-repeat;
		background-size: 8%;
	}
	#roads:hover {
		background-position: 2.5% center;
		background-repeat: no-repeat;
		background-size: 12%;
	}
	#minutes:hover {
		background-position: 3% center;
		background-repeat: no-repeat;
		background-size: 10%;
	}
	#payments:hover {
		background-position: 2.3% center;
		background-repeat: no-repeat;
		background-size: 16%;
	}
	#tax:hover {
		background-position: 3% center;
		background-repeat: no-repeat;
		background-size: 12%;
	}
	#code:hover {
		background-position: 5% center;
		background-repeat: no-repeat;
		background-size: 9%;
	}	
	
	/* Header */
	
	#secondaryHeaderImage h2.sectionTitle {
	  font-size: 2.0em;
	}
	
	
	
	
	/* Footer
	*************************************************************/
	#footLeft {
		max-width: 0;
		margin: 0;
		text-align: center;
	}

	#egovLogo {
		display: none;
	}

}



/* 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;
}