/********************************************************************************
* Default Screen Styles
********************************************************************************/

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

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

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

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

@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');
	}
}

@media screen {
	
	body {
		color: #000;
		font: 78%/1.4 'roboto', tahoma, sans-serif;
		margin: 0;
		padding: 0;
		background: #f6f4ea url('/images/misc/background-layer.jpg') center top no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}
	
	.bodySplash {
		background: #f6f4ea url('/images/misc/background-layer-splash.jpg') center top no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}
	
	.bodyCounty {
		background: #f6f4ea url('/images/misc/background-layer-county.jpg') center top no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	html, body{
		height: 100%;
	}

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

	
	/* Content Wrappers
	*************************************************************/
	#backgroundContainer {
	}
	
	#headerContainer {
		position: relative;
		z-index: 2;
		margin-bottom: -55px;
	}
	
	#bodyHome #headerContainer {
		margin-bottom: 0;
	}
	
	.wrap {
		max-width: 950px;
		margin: 0 auto;
	}
	
	/* Header
	*************************************************************/
	#header {
	}
	
		#siteTitle h2 {
			display: none;
		}
		
	#headerInner {
		padding-bottom: 15px;
		max-width: 940px;
		margin: 0 auto;
	}
	
	#siteTitle {
		height: auto;
		float: left;
		margin: 30px 3.16% 0 0;
		padding: 0;
		box-sizing: border-box;
		width: 36%;
	}
	
	#siteTitle h1 {
		height: auto;
		width: auto;
	}

	#siteTitle h1 a {
		text-indent: -3500px;
		display: block;
		height: 0 !important;
		width: 100%;
		padding-top: 19.4%;
		background: url('/images/header/site-logo.png') left top no-repeat;
		background-size: contain;
		background-position: center;
		-ms-behavior: url(/include/css/backgroundsize.min.htc);
	}	
	
	.bodySplash #siteTitle h1 a {
		background: url('/images/header/site-logo-splash.png') left top no-repeat;
	}
	
	.bodyCounty #siteTitle h1 a {
		background: url('/images/header/site-logo-county.png') left top no-repeat;
	}
	
	/* Header Utilities */
	
	#headerUtilities {
		float: right;
		margin-top: 15px;
		box-sizing: border-box;
		width: 60.84%;
	}
	
	/* Weather */
	
	#weatherContainer {
		color: #fff;
		overflow: hidden;
		margin-bottom: 5px;
		text-align: right;
	}
	
	#weatherContainer .temperature {
		font-size: 1em;
		line-height: 1em;
		border-right: 1px solid #fff;
		margin: 0 2px;
		padding-right: 8px;
		position: relative;
		top: -6px;
	}

	#weatherContainer #weatherIcon {
		height: 24px;
		width: 24px;
	}
	
	#weatherContainer a {
		color: #fff;
		font-size: 1em;
		line-height: 1em;
		position: relative;
		top: -6px;
		text-decoration: none;
	}
	
	#weatherContainer a:hover {
		text-decoration: underline;
	}
	
	/* Search */
	#searchContainer {
		background: #fff;
		overflow: hidden;
		max-width: 280px;
		margin: 0 0px 20px 25px;
	}
	
	#bodyHome #searchContainer {
		margin-top: -15px;
	}
			
	#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: #0e4152;
		height: 30px;
		float: left;
		font-family: tahoma, arial, sans-serif;
		margin-left: 5px;
		padding: 0;
	}
	
		#searchContainer #eGov_searchTerms::-webkit-input-placeholder {
		   color: #0e4152;
		}
		#searchContainer #eGov_searchTerms:-moz-placeholder {
		   color: #0e4152;  
		}
		#searchContainer #eGov_searchTerms::-moz-placeholder {
		   color: #0e4152;  
		}
		#searchContainer #eGov_searchTerms:-ms-input-placeholder {  
		   color: #0e4152;  
		}
	
	#searchContainer #eGov_buttonSearchSubmit {
		width: 41px;
		height: 30px;
		float: right;
		background-size: 41px 30px;
		-ms-behavior: url(/include/css/backgroundsize.min.htc);
	}

	/* Content Containers
	*************************************************************/
	
	#contentContainer {
		position: relative;
	}
	
	.cwNavContainerList {
		padding-top: 8px;
		/*background: url('/images/secondary/sidebar-seperator.png') center top no-repeat;*/
	}

	#contentContainerInner {
		padding: 0;
		max-width: 952px;
		margin: 0 auto;
		background: #f6f4ea url('/images/secondary/content-bg.jpg') center top no-repeat;
		background-size: 100%;
	}


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

	#breakingNewsContainer .bncol1 a {
		color: #fff;
		font-weight: normal;
	}
	
		#breakingNewsContainer .bncol1 .cwHeader {
			font: 1.9em 'roboto-medium', 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 'roboto-medium', georgia, times, serif;
		text-align: center;
		margin-bottom: 25px;
	}

	
	/* Homepage columns */
	#homeColumnSet1 {
		display: table;
		padding: 0;
		table-layout: fixed;
		width: 100%;
	}	
	
		#homeColumnSet1Inner {
			display: table-row;
		}

		#homeColumnSet1 .col1 {
			display: table-cell;
			vertical-align: top;
			width: 100%;
			padding-right: 20px;
		}
		
		#homeColumnSet1 .col2 {
			display: table-cell;
			width: 270px;
			vertical-align: top;
		}
	
	/* Homepage Banner
	****************************************************/	
	
	#bannerContainer {
		max-width: 940px;
		margin: 0 auto -66px;
		position: relative;
		z-index: 1;
	}
	
	#servicesContainer {
		float: left;
		background: rgba(14,65,82,0.8);
		width: 36.703%;
		margin-top: 10px;
	}
	
		.bodySplash #servicesContainer {
			background: rgba(81,71,33,0.8);
		}
		
		.bodyCounty #servicesContainer {
			background: rgba(25,82,14,0.8);
		}
	
		#services a {
			display: block;
			text-indent: -10000%;
			padding-top: 17.394%;
			height: 0;
		}
		
		#req {
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/req.png') left top no-repeat;
			transition: all .7s;
			-moz-transition: all .7s;
			-webkit-transition: all .7s;
			-o-transition: all .7s;
		}
		
		#how {
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/how.png') left top no-repeat;
			transition: all .7s;
			-moz-transition: all .7s;
			-webkit-transition: all .7s;
			-o-transition: all .7s;
		}
		
		#pub {
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/pub.png') left top no-repeat;
			transition: all .7s;
			-moz-transition: all .7s;
			-webkit-transition: all .7s;
			-o-transition: all .7s;
		}
		
		#news {
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/news.png') left top no-repeat;
			transition: all .7s;
			-moz-transition: all .7s;
			-webkit-transition: all .7s;
			-o-transition: all .7s;
		}
		
		#req:hover {
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/req.png') left top no-repeat, rgb(35,117,144);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/req.png') left top no-repeat, -moz-linear-gradient(-45deg,  rgba(35,117,144,1) 0%, rgba(14,65,82,1) 100%);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/req.png') left top no-repeat, -webkit-linear-gradient(-45deg,  rgba(35,117,144,1) 0%,rgba(14,65,82,1) 100%);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/req.png') left top no-repeat, linear-gradient(135deg,  rgba(35,117,144,1) 0%,rgba(14,65,82,1) 100%);
			transition: all .7s;
			-moz-transition: all .7s;
			-webkit-transition: all .7s;
			-o-transition: all .7s;
		}
		
		#how:hover {
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/how.png') left top no-repeat, rgb(35,117,144);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/how.png') left top no-repeat, -moz-linear-gradient(-45deg,  rgba(35,117,144,1) 0%, rgba(14,65,82,1) 100%);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/how.png') left top no-repeat, -webkit-linear-gradient(-45deg,  rgba(35,117,144,1) 0%,rgba(14,65,82,1) 100%);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/how.png') left top no-repeat, linear-gradient(135deg,  rgba(35,117,144,1) 0%,rgba(14,65,82,1) 100%);
			transition: all .7s;
			-moz-transition: all .7s;
			-webkit-transition: all .7s;
			-o-transition: all .7s;
		}
		
		#pub:hover {
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/pub.png') left top no-repeat, rgb(35,117,144);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/pub.png') left top no-repeat, -moz-linear-gradient(-45deg,  rgba(35,117,144,1) 0%, rgba(14,65,82,1) 100%);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/pub.png') left top no-repeat, -webkit-linear-gradient(-45deg,  rgba(35,117,144,1) 0%,rgba(14,65,82,1) 100%);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/pub.png') left top no-repeat, linear-gradient(135deg,  rgba(35,117,144,1) 0%,rgba(14,65,82,1) 100%);
			transition: all .7s;
			-moz-transition: all .7s;
			-webkit-transition: all .7s;
			-o-transition: all .7s;
		}
		
		#news:hover {
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/news.png') left top no-repeat, rgb(35,117,144);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/news.png') left top no-repeat, -moz-linear-gradient(-45deg,  rgba(35,117,144,1) 0%, rgba(14,65,82,1) 100%);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/news.png') left top no-repeat, -webkit-linear-gradient(-45deg,  rgba(35,117,144,1) 0%,rgba(14,65,82,1) 100%);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/news.png') left top no-repeat, linear-gradient(135deg,  rgba(35,117,144,1) 0%,rgba(14,65,82,1) 100%);
			transition: all .7s;
			-moz-transition: all .7s;
			-webkit-transition: all .7s;
			-o-transition: all .7s;
		}
		
		.bodySplash #req:hover {
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/req.png') left top no-repeat, rgb(133,122,81);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/req.png') left top no-repeat, -moz-linear-gradient(-45deg,  rgba(133,122,81,1) 0%, rgba(81,71,33,1) 100%);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/req.png') left top no-repeat, -webkit-linear-gradient(-45deg,  rgba(133,122,81,1) 0%,rgba(81,71,33,1) 100%);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/req.png') left top no-repeat, linear-gradient(135deg,  rgba(133,122,81,1) 0%,rgba(81,71,33,1) 100%);
			transition: all .7s;
			-moz-transition: all .7s;
			-webkit-transition: all .7s;
			-o-transition: all .7s;
		}
		
		.bodySplash #how:hover {
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/how.png') left top no-repeat, rgb(35,117,144);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/how.png') left top no-repeat, -moz-linear-gradient(-45deg,  rgba(133,122,81,1) 0%, rgba(81,71,33,1) 100%);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/how.png') left top no-repeat, -webkit-linear-gradient(-45deg,  rgba(133,122,81,1) 0%,rgba(81,71,33,1) 100%);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/how.png') left top no-repeat, linear-gradient(135deg,  rgba(133,122,81,1) 0%,rgba(81,71,33,1) 100%);
			transition: all .7s;
			-moz-transition: all .7s;
			-webkit-transition: all .7s;
			-o-transition: all .7s;
		}
		
		.bodySplash #pub:hover {
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/pub.png') left top no-repeat, rgb(35,117,144);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/pub.png') left top no-repeat, -moz-linear-gradient(-45deg,  rgba(133,122,81,1) 0%, rgba(81,71,33,1) 100%);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/pub.png') left top no-repeat, -webkit-linear-gradient(-45deg,  rgba(133,122,81,1) 0%,rgba(81,71,33,1) 100%);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/pub.png') left top no-repeat, linear-gradient(135deg,  rgba(133,122,81,1) 0%,rgba(81,71,33,1) 100%);
			transition: all .7s;
			-moz-transition: all .7s;
			-webkit-transition: all .7s;
			-o-transition: all .7s;
		}
		
		.bodySplash #news:hover {
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/news.png') left top no-repeat, rgb(35,117,144);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/news.png') left top no-repeat, -moz-linear-gradient(-45deg,  rgba(133,122,81,1) 0%, rgba(81,71,33,1) 100%);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/news.png') left top no-repeat, -webkit-linear-gradient(-45deg,  rgba(133,122,81,1) 0%,rgba(81,71,33,1) 100%);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/news.png') left top no-repeat, linear-gradient(135deg,  rgba(133,122,81,1) 0%,rgba(81,71,33,1) 100%);
			transition: all .7s;
			-moz-transition: all .7s;
			-webkit-transition: all .7s;
			-o-transition: all .7s;
		}
		
		.bodyCounty #req:hover {
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/req.png') left top no-repeat, rgb(54,118,42);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/req.png') left top no-repeat, -moz-linear-gradient(-45deg,  rgba(54,118,42,1) 0%, rgba(25,82,14,1) 100%);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/req.png') left top no-repeat, -webkit-linear-gradient(-45deg,  rgba(54,118,42,1) 0%,rgba(25,82,14,1) 100%);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/req.png') left top no-repeat, linear-gradient(135deg,  rgba(54,118,42,1) 0%,rgba(25,82,14,1) 100%);
			transition: all .7s;
			-moz-transition: all .7s;
			-webkit-transition: all .7s;
			-o-transition: all .7s;
		}
		
		.bodyCounty #how:hover {
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/how.png') left top no-repeat, rgb(35,117,144);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/how.png') left top no-repeat, -moz-linear-gradient(-45deg,  rgba(54,118,42,1) 0%, rgba(25,82,14,1) 100%);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/how.png') left top no-repeat, -webkit-linear-gradient(-45deg,  rgba(54,118,42,1) 0%,rgba(25,82,14,1) 100%);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/how.png') left top no-repeat, linear-gradient(135deg,  rgba(54,118,42,1) 0%,rgba(25,82,14,1) 100%);
			transition: all .7s;
			-moz-transition: all .7s;
			-webkit-transition: all .7s;
			-o-transition: all .7s;
		}
		
		.bodyCounty #pub:hover {
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/pub.png') left top no-repeat, rgb(35,117,144);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/pub.png') left top no-repeat, -moz-linear-gradient(-45deg,  rgba(54,118,42,1) 0%, rgba(25,82,14,1) 100%);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/pub.png') left top no-repeat, -webkit-linear-gradient(-45deg,  rgba(54,118,42,1) 0%,rgba(25,82,14,1) 100%);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/pub.png') left top no-repeat, linear-gradient(135deg,  rgba(54,118,42,1) 0%,rgba(25,82,14,1) 100%);
			transition: all .7s;
			-moz-transition: all .7s;
			-webkit-transition: all .7s;
			-o-transition: all .7s;
		}
		
		.bodyCounty #news:hover {
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/news.png') left top no-repeat, rgb(35,117,144);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/news.png') left top no-repeat, -moz-linear-gradient(-45deg,  rgba(54,118,42,1) 0%, rgba(25,82,14,1) 100%);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/news.png') left top no-repeat, -webkit-linear-gradient(-45deg,  rgba(54,118,42,1) 0%,rgba(25,82,14,1) 100%);
			background: url('/images/home/service-shadow.png') left top no-repeat, url('/images/home/news.png') left top no-repeat, linear-gradient(135deg,  rgba(54,118,42,1) 0%,rgba(25,82,14,1) 100%);
			transition: all .7s;
			-moz-transition: all .7s;
			-webkit-transition: all .7s;
			-o-transition: all .7s;
		}
		

	/* Homepage Service Links
	****************************************************/

	/* Date Box Styles / Homepage Events
	****************************************************/
	.cwCalList {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	.cwCalList li {
		margin: 0;
		padding: 0;
	}
	
	.calBigDate {
		color: #fff;
		font-family: 'roboto-medium', georgia, times, serif;
		float: left;
		width: 3em;
		text-align: center;
		margin-right: 15px;
		padding: 0 5px;
		background: #223d52;
	}
	
	.calBigDate .month {
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		font-size: 0.8em;
		padding: 0;
		margin: 3px 3px 5px;
		
	} 
	
	.calBigDate .day {
		color: #fff;
		padding: 0;
		text-align: center;
		font-size: 1.9em;
		margin: 0;
		position: relative;
		margin-top: -10px;
	}
	
	.calTitleLink {
		float: left;
		width: 70%;
	}

	
	/* Secondary Header
	*************************************************************/
	#secondaryHeaderImage {
		position: relative;
		max-width: 940px;
		margin: 0 auto;
		border: 3px solid #fff;
		box-sizing: border-box;
	}
	
	#secondaryHeaderImage > div {
		background: #ffffff url('/images/header/secondary-header-city.jpg') center top no-repeat;
		background-size: cover;
		display: block;
		height: 0px !important;
		padding-top: 32.796%;
		width: 100%;
		margin: 0 auto;
		-ms-behavior: url(/include/css/backgroundsize.min.htc);
	}
	
	.bodyCounty #secondaryHeaderImage > div {
		background: #ffffff url('/images/header/secondary-header-county.jpg') center top no-repeat;
		background-size: cover;
	}
	
	.bodySplash #secondaryHeaderImage > div {
		background: #ffffff url('/images/header/secondary-header-splash.jpg') center top no-repeat;
		background-size: cover;
	}
	
	#secondaryHeaderShadow {
		display: block;
		width: 950px;
		margin: 0 auto;
	}
	
	#secondaryHeaderImage h2.sectionTitle {
		position: absolute;
		bottom: -15px;
		left: 20px;
		margin: 0;
		color: #fff;
		font-size: 2.9em;
		font-variant: small-caps;
	}
	
	/* Secondary Page Containers
	*************************************************************/
	#contentContainer {
		max-width: 952px;
		margin: 0 auto;
	}
	
	/* Secondary Columns 
	*************************************************************/
	#secondaryColumnSet {
	 	margin-left: 340px;
	}
	
	 #secondaryColumnSet .col1 {
		float: right;
		width: 100%;
		padding-top: 8px;
		padding-bottom: 20px;
		padding-right: 25px;
		box-sizing: border-box;
	}
	
	#bodyHome #secondaryColumnSet .col1 {
		padding-top: 31px;
	}
	
	#secondaryColumnSet .col2 {
		float: left;
		width: 305px;
		margin-left: -340px;
		margin-bottom: 25px;
	}
	
		#secondaryColumnSet .col2 .cwHeader {
			color: #fff;
		}
		
		#secondaryColumnSet .col2 .cwContainerInner {
			padding: 10px 15px;
		}
		
		#secondaryColumnSet #welcomeImg {
			position: relative;
			top: -35px;
			padding-left: 25px;
		}
		
	#sidebarContainer {
		margin: 0 0 0 25px;
		background: #fff;
	}
	
	#bodyHome #sidebarContainer {
		background: none;
	}
	
	h3.cwHeaderHome {
		font-family: 'roboto', sans-serif;
		font-size: 1.9em;
		margin: 0;
	}
	
	#getConnected h3.cwHeaderHome {
		display: inline-block;
		padding-right: 5px;
	}
	
	#getConnected #facebook {
		padding-right: 5px;
	}
	
	#welcomeLinks, #welcomeQuickLinks {
		margin: 15px 0 0;
		padding: 0;
		list-style: none;
	}
	
	#welcomeQuickLinks {
		margin-bottom: 15px;
	}
	
	#welcomeQuickLinks a:link, #welcomeQuickLinks a:link:visited, #welcomeQuickLinks a:visited {
		color: #52490e;
		font-size: 1.3em;
		text-transform: uppercase;
	}
	
	#welcomeQuickLinks li {
		padding: 7px 0 7px 35px;
	}
	
	#wqlCityOffices {
		background: url('/images/home/form.png') left center no-repeat;
	}
	
	#wqlCountyOffices {
		background: url('/images/home/form.png') left center no-repeat;
	}
	
	#wqlBids {
		background: url('/images/home/doc.png') left center no-repeat;
	}
	
	#wqlGIS {
		background: url('/images/home/maps.png') left center no-repeat;
	}
	
	
	/* Tabs
	****************************************************/
	#tabContainer {
		margin-top: 15px;
		position: relative;
		margin-bottom: 15px;
	}
	
	.tabReturn {
		display: none;
	}
	
	ul.tabs {
	    margin: 0;
	    padding: 0;
	    list-style-type: none;
	    position: relative;
	    z-index: 1;
		background: #e3ddcd;
	}
	
	li.tab {
		background: #e3ddcd;
		float: left;
		list-style-type: none;
		color: #223d52;
		cursor: pointer;
		text-align: left;
		font-family: 'roboto-regular', georgia, times, serif;
		font-size: 1.2em;
		box-sizing: border-box;
		padding: 15px 10px;
		/* width: 25%; */
		
		transition: transform .5s, background .5s;
		-moz-transition: transform .5s, background .5s;
		-webkit-transition: transform .5s, background .5s;
		-o-transition: transform .5s, background .5s;
	}
	
	.bodySplash li.tab {
		color: #52490e;
	}
	
	li.tab:hover { 
		color: #223d52;
		background-color: #BDB9AC;
		transition: background .5s;
		-moz-transition: background .5s;
		-webkit-transition: background .5s;
		-o-transition: background .5s;
	}
	
	.bodySplash li.tab:hover {
		color: #52490e;
	}
	
	.tabArrow {
		font-family: 'font-awesome';
		font-style: normal;
		display: inline-block;
		padding: 0 0 0 10px;
		float: right;
	}
	
	#bodyHome .tabArrow {
/* 		position: relative;
		bottom: 10px; */
	}
	
	.tabArrow:before {
		content: "\f054";
	}
	
	li.tab.active .tabArrow {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
		
		position: relative;
		bottom: 5px;
		left: 5px;
		transition: transform .5s;
		-moz-transition: transform .5s;
		-webkit-transition: transform .5s;
		-o-transition: transform .5s;
	}
	
	#bodyHome li.tab.active .tabArrow {
		/* bottom: 15px; */
	}
	
	#tabsContent {
		background: #fff;
	}
	
	#tabsContent a:link {
	}
	
	#tabsContentShadow {
	}	
	
	#tabsContentColor {
	}
	
	
	li.tab.active {
		color: #fff;
		cursor: default;
		background: rgb(35,117,144);
		background: -moz-linear-gradient(-45deg,  rgba(35,117,144,1) 0%, rgba(14,65,82,1) 100%);
		background: -webkit-linear-gradient(-45deg,  rgba(35,117,144,1) 0%,rgba(14,65,82,1) 100%);
		background: linear-gradient(135deg,  rgba(35,117,144,1) 0%,rgba(14,65,82,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#237590', endColorstr='#0e4152',GradientType=1 );
		transition: background .5s;
		-moz-transition: background .5s;
		-webkit-transition: background .5s;
		-o-transition: background .5s;
	}
	
		.bodySplash li.tab.active {
			background: rgb(35,117,144);
			background: -moz-linear-gradient(-45deg,  rgba(133,122,81,1) 0%, rgba(81,71,33,1) 100%);
			background: -webkit-linear-gradient(-45deg,  rgba(133,122,81,1) 0%,rgba(81,71,33,1) 100%);
			background: linear-gradient(135deg,  rgba(133,122,81,1) 0%,rgba(81,71,33,1) 100%);
		}
		
		.bodyCounty li.tab.active {
			background: rgb(35,117,144);
			background: -moz-linear-gradient(-45deg,  rgba(54,118,42,1) 0%, rgba(25,82,14,1) 100%);
			background: -webkit-linear-gradient(-45deg,  rgba(54,118,42,1) 0%,rgba(25,82,14,1) 100%);
			background: linear-gradient(135deg,  rgba(54,118,42,1) 0%,rgba(25,82,14,1) 100%);
		}
	
		
	li.tab.active:hover {
		color: #fff;
	}
	
	div.content {
		padding: 20px;
	}
	
	.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: 20px;
		font-size: .9em;
	}
	
	.breadArrow {
		position: relative;
		margin: 0 4px;	
	}
	
	#breadcrumbs strong {
		color: #223d52;
	}


	/* Footer
	****************************************************/
	#footer {
		color: #223d52;
		font-size: .9em;
	}
	
	#footer .wrap {
		padding: 20px 0;
		position: relative;
		overflow: hidden;
		background: #f6f4ea;
		max-width: 952px;
	}
	
	#egovLogo {
		float: right;
		margin: 0px 10px;
		position: relative;
		bottom: 3px;
	}
	
	#footerLogo {
		float: left;
	}
	
	#footLeft {
		float: left;
		/* white-space: nowrap; */
		margin: 0 0 0 15px;
	}
	
	#footRight {
		float: right;
		text-align: right;
		margin-top: 12px;
	}
	
	#legal {
		margin: 2px 0 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 #223d52;
	}
	
	#legal li:last-of-type {
		border: 0;
		margin: 0;
		padding: 0;
	}
	
	#legal a:link {
		font-weight: normal;
	}
	
	#staff {
		margin: 12px 0 0;
		padding: 0;
	}
	
	#staff li {
		display: inline;
		padding: 0 10px 0 0;
		margin: 0 10px 0 0;
		border-right: 1px solid #223d52;
	}
	
	#staff li:last-of-type {
		border: 0;
		margin: 0;
		padding: 0;
	}	
	
	#staff li:before {
	  text-decoration: none;
	  font-family: 'font-awesome';
	  color: #223d52;
	  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: #223d52;
		text-decoration: underline;
	}
	
	#footer a:hover {
		text-decoration: none;
	}


		
		
	/* Navigation Lists
	*************************************************************/
	
	
	/* 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: #f2f2f2;
	    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 {
		background: rgb(35,117,144);
		background: -moz-linear-gradient(-45deg,  rgba(35,117,144,1) 0%, rgba(14,65,82,1) 100%);
		background: -webkit-linear-gradient(-45deg,  rgba(35,117,144,1) 0%,rgba(14,65,82,1) 100%);
		background: linear-gradient(135deg,  rgba(35,117,144,1) 0%,rgba(14,65,82,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#237590', endColorstr='#0e4152',GradientType=1 );
		margin: 0;
		font-size: 1.4em;
		font-family: 'roboto-regular', georgia, times, serif;
		font-weight: normal;
		padding: 8px 15px; 
		color: #fff;
		text-transform: uppercase;
	}
	
	.bodySplash	.cwHeader {
		background: rgb(35,117,144);
		background: -moz-linear-gradient(-45deg,  rgba(133,122,81,1) 0%, rgba(81,71,33,1) 100%);
		background: -webkit-linear-gradient(-45deg,  rgba(133,122,81,1) 0%,rgba(81,71,33,1) 100%);
		background: linear-gradient(135deg,  rgba(133,122,81,1) 0%,rgba(81,71,33,1) 100%);
	}
	
	.bodyCounty	.cwHeader {
		background: rgb(35,117,144);
		background: -moz-linear-gradient(-45deg,  rgba(54,118,42,1) 0%, rgba(25,82,14,1) 100%);
		background: -webkit-linear-gradient(-45deg,  rgba(54,118,42,1) 0%,rgba(25,82,14,1) 100%);
		background: linear-gradient(135deg,  rgba(54,118,42,1) 0%,rgba(25,82,14,1) 100%);
	}
	
	#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;
  	list-style-type: none;
	}
	
	a:link.sectionParent {
		color: #3c7f69;
		font-size: 1.2em;
		font-family: 'roboto-medium', 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;
	}
	
	.cwNewsList li {
		margin: 0 0 12px 0;
		list-style-type: none;
	}
	


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

	
	/* Contact Info
	****************************************************/
	.cwContainerInner a:link {
	}
	
	.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 1px 0;
		padding: 0;
	}

/* 	.cwContactList li:before {
		text-decoration: none;
		font-family: 'font-awesome';
		color: #223d52;
		font-size: 1.4em;
		margin: 0 10px 0 0;
		height: 16px;
		width: 16px;
		text-align: center;
		float: left;
		position: relative;
		top: -3px;
	}
	
	#bodySecondary .cwContactList li:before {
		color: #0374cb;
	}
	
	.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";
	}
	.directions:before {
		content: "\f041";
	} */

	
	/* Redefine some defaults
	*************************************************************/
	/* redefine headers */
	h1, h2, h3, h4, h5, h6 {
		color: #34757b;
		font-family: 'roboto-medium', georgia, times, serif;
		font-weight: normal;
	}
	
	.bodySplash h1, .bodySplash h2, .bodySplash h3, .bodySplash h4, .bodySplash h5, .bodySplash h6 {
		color: #52490e;
	}
	
	
	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: #2ba6cf;
		text-decoration: none;
		transition: width 2s;
		-moz-transition: color .2s; 
		-webkit-transition: color .2s; 
		-o-transition: color .2s; 
	}
	
	a:link:visited, a:visited {
		color: #2ba6cf;
	}
	
	a:link:hover, a:active, a:visited:hover {
		text-decoration: underline;
	}

	.cwLink {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 1.2em;
		letter-spacing: 0.06em;
	}

	/* Special Classes
	*************************************************************/
	.sectionTitle {
		font-family: 'roboto-medium';
		font-size: 2.3em;
		font-weight: normal;
		padding: 0 0 3px;
		margin: 0 0 15px 0;
	}
	
	#descContain {
		margin-bottom: 20px;
	}
	
}

/********************************************************************************
* Header Break
********************************************************************************/
@media screen and (max-width: 950px) {

	body {
		-webkit-text-size-adjust:none;
	}
	
	#siteTitle {
		float: none;
		width: 36%;
		margin-left: 15px;
	}
	
		#siteTitle h1 a {
			padding-top: 20.4%;
			background-size: 100% !important;
		}
	
	#headerUtilities {
		float: none;
		width: auto;
	}
	
	#weatherContainer {
		position: absolute;
		top: 0;
		right: 15px;
	}
	
	#headerInner {
		padding-bottom: 0;
	}
	
	#servicesContainer {
		margin-top: 0;
	}
	
	#services a {
		padding-top: 18.394%;
		background-size: 100% !important;
	}
	
	#secondaryColumnSet .col2 {
		margin-top: 25px;
	}

}


/********************************************************************************
* Tab Break
********************************************************************************/
@media screen and (max-width: 890px) {
	
	body {
		-webkit-text-size-adjust:none;
	}
	
	#servicesContainer {
	}
	
}

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

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

	/* Header
	*************************************************************/
	
	/* Service Links
	*************************************************************/

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

/********************************************************************************
* Tab Break
********************************************************************************/
@media screen and (max-width: 800px) {
	body {
		-webkit-text-size-adjust:none;
	}
	
	li.tab {
		font-size: 1em;
	}
	
}


/********************************************************************************
* Content break for header
********************************************************************************/
@media screen and (max-width: 700px) {

	body {
		-webkit-text-size-adjust:none;
	}
	
	#serviceLinksContainer a, #serviceLinksContainer a:link {
		width: 16.6667%;
	}
	
	/* secondary columns */
	
	#headerContainer {
		margin-bottom: -7%;
	}
	
	#sidebarContainer {
		margin: 0 25px;
	}
	
	#secondaryColumnSet {
	 	margin-left: 0;
	}
	
	#secondaryColumnSet .col1 {
		float: none;
		margin-bottom: 20px;
		padding-right: 0;
	}
	
	#secondaryColumnSet .col2 {
		float: none;
		width: auto;
		margin-left: 0;
	}
	
	.cwNavContainerList {
		display: none;
	}
	
	.cwNavContainerMenu {
		display: block;
	}
	
	li.tab {
		font-size: 1.6em;
	}
		
	#servicesContainer {
		float: left;
		width: 100%;
	}
	
	#services a {
		padding-top: 8.394%;
		width: 50%;
		float: left;
	}
	
	#searchContainer {
		max-width: none;
		margin-right: 25px;
	}
	
}


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

	body {
		-webkit-text-size-adjust:none;
	}
	
	#header {
	}
	
	#siteTitle {
	  float: none;
	  margin: 0 auto;
	  padding: 0;
	}
	
	#headerUtilities {
	}
	
	/* site title*/
	
	#siteTitle {
		margin: 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: 20.21%;
		background-size: contain;
		background-position: center;
		margin: 0 auto;
		float: none;
		width: 100%;
		-ms-behavior: url(/include/css/backgroundsize.min.htc);
	}

	#siteTitle {
		width: 60%;
		padding-top: 10px;
	}

	/* search */
	#searchContainer {
	}
		
	#searchContainer #eGov_buttonSearchSubmit {
	}
	
	li.tab {
		font-size: 1em;
	}
	
	#weatherContainer {
		position: static;
		top: 0;
		right: 0;
		text-align: center;
	}
	
}

/********************************************************************************
* Small Tablets Portrait
********************************************************************************/
@media screen and (max-width: 600px) {
	
	#messageContainer {
		float: none;
		width: auto;
		padding: 10px 20px;
	}

	#eventsContainer {
		float: none;
    width: auto;
    position: static;
    margin: 0;
	}
	
	#serviceLinksContainer a, #serviceLinksContainer a:link {
		width: 25%;
	}
	
}	



/********************************************************************************
* Service Link Break
********************************************************************************/
@media screen and (max-width: 550px) {
	
}

/********************************************************************************
* Service Link Break
********************************************************************************/
@media screen and (max-width: 525px) {
	
	#weatherContainer {
		float: none;
		margin: 0 auto;
		width: auto;
		text-align: center;
	}
	
	#google_translate_element {
    float: none;
    margin: 5px auto 10px;
    width: auto;
    text-align: center;
	}
	
}

/********************************************************************************
* Header Break
********************************************************************************/
@media screen and (max-width: 450px) {

	#siteTitle {
		width: 85%;
	}
	
	#headerUtilities {
	}
	
	/* Section Lists */
	
	.cwSectionList div span {
		float: left !important;
		clear: left;
		width: auto !important;
		margin: 0 5px !important;
	}
	
	.cwSectionList > div > a {
		font-size: 1.3em;
		padding-bottom: 5px;
	}
	
}	


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

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


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

	body {
		-webkit-text-size-adjust:none;
	}
	
	#serviceLinksContainer a, #serviceLinksContainer a:link {
		width: 33.3%;
	}
	
	/* Header */
	
	#secondaryHeaderImage h2.sectionTitle {
	  font-size: 2.0em;
	}
	
}


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

	#services a {
		padding-top: 17.394%;
		width: 100%;
	}

}

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

	body {
		-webkit-text-size-adjust:none;
	}
	
	#serviceLinksContainer a, #serviceLinksContainer a:link {
		width: 50%;
	}
	
}


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