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

@media screen {
	
	body {
		color: #000;
		background: #333333;
		font: 78%/1.4 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: #e5e2d9 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: 950px;
		margin: 5px auto 0 auto;
		position: relative;
	}
	
		#header h2 {
			display: none;
		}
	
	#siteTitle {
		height: 0;
		overflow: hidden;
	}
	
	#siteTitle, #siteTitle h1 {
		height: 123px;
		width: 436px;
		overflow: hidden;
	}
	
	#siteTitle {
		float: left;
	}
		
	#siteTitle h1 a {
		text-indent: -3500px;
		display: block;
		height: 123px;
		width: 433px;
		background: url('/images/header/site-title.png') left top no-repeat;
		background-size: 433px 123px;
		-ms-behavior: url(/include/css/backgroundsize.min.htc);
	}
	
	/* Header Utilities*/
	#headerUtilities {
		float: right;
		margin-top: 10px;
	}
	
	/* 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-top: 8px;
	}
	
	#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: #d2dce1; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZGNlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #d2dce1 0%, #ffffff 50%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2dce1), color-stop(50%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #d2dce1 0%,#ffffff 50%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #d2dce1 0%,#ffffff 50%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #d2dce1 0%,#ffffff 50%); /* IE10+ */
		background: linear-gradient(to bottom,  #d2dce1 0%,#ffffff 50%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2dce1', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	}

	#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: #64808f; 
	}
	
	#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;
	}	
	
		#homeColumnSet1Inner {
			display: table-row;
		}
	
		#homeColumnSet1 .col1 {
			display: table-cell;
			vertical-align: top;
		}
	
		#homeColumnSet1 .col2 {
			display: table-cell;
			width: 100%;
			vertical-align: top;
		}
		
		#homeColumnSet1 .col3 {
			display: table-cell;
			vertical-align: top;
		}
	
	#homeColumnSet1 .col2 #tabContainer {
		margin: 0 30px;
		padding-top: 12px;
	}
	
	#homeColumnSet1 .col2 #tabContainer  .content {
		padding-top: 12px;
	}
	
	#homeColumnSet1 .col2 #tabContainer .cwHeader {
		display: none;
	}
	
	
	/* Service Icons
	*************************************************************/
	#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 {
		background: #9e0b0f;
		color: #fff;
		font-family: 'lora-regular', georgia, times, serif;
		float: left;
		width: 3em;
		text-align: center;
		margin-right: 8px;
	}
	
	.calBigDate .month {
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		font-size: .8em;
		padding: 0;
		margin: 3px;
		
	} 
	
	.calBigDate .day {
		color: #fff;
		padding: 0;
		text-align: center;
		font-size: 2.1em;
		margin: 0;
		position: relative;
		margin-top: -10px;
	}
	
	.calTitleLink {
		float: left;
		width: 70%;
	}


	/* 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;
	}
	
	li.newsStoryContainer .newsLinkContainer {
		display: table-cell;
	}



	/* Secondary Header
	*************************************************************/
	#secondaryHeaderImage {
		max-width: 930px;
		border: 10px solid white;
		margin: 0 auto;
	}
	
	#secondaryHeaderImage > div {
		background: #ffffff url('/images/header/default-secondary-header.jpg') center top no-repeat;
		background-size: contain;
		display: block;
		height: 0px !important;
		padding-top: 22.5806%;
		
		-ms-behavior: url(/include/css/backgroundsize.min.htc);
	}
	
	/* Secondary Page Containers
	*************************************************************/
	#bodySecondary #contentContainer {
	}
	
	#bodySecondary #contentContainerInner {
	}

	/* Secondary Columns 
	*************************************************************/
	#secondaryColumnSet {
	 	margin-left: 240px;
	}
	
	 #secondaryColumnSet .col1 {
		float: right;
		width: 100%;
		
	}
	
	#secondaryColumnSet .col2 {
		float: left;
		width: 212px;
		margin-left: -240px;
		padding: 0;
		
	}
	
		#secondaryColumnSet .col2 .cwHeader {
			color: #fff;
			background: #64808F;
			border-left: 4px solid #9e0b0f;
			padding: 8px;
			font-size: 1.4em;
		}
		
		#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: transparent;
		float: left;
		list-style-type: none;
		color: #9e0b0f;
		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: -5px;
		border-top: 3px solid rgba(0,0,0,0.0);
		
		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: #9e0b0f;
		background-color: #ffffff;
		border-top: 3px solid #333333;
		
		-webkit-box-shadow: 0px 0px 3px 3px rgba(50,50,50,0.75);
		-moz-box-shadow: 0px 0px 3px 3px rgba(50,50,50,0.75);
		box-shadow: 0px 0px 3px 3px rgba(50,50,50,0.75);
	}
	
	li.tab:hover span {
		background: #fff;
	}
	
	#tabsContent {
		background: #fff;
	}
	
	#tabsContentShadow {
		background: #fff;
		
		-webkit-box-shadow: 0px 0px 3px 3px rgba(50,50,50,0.75);
		-moz-box-shadow: 0px 0px 3px 3px rgba(50,50,50,0.75);
		box-shadow: 0px 0px 3px 3px rgba(50,50,50,0.75);
	}	
	
	#tabsContentColor {
		padding: 0 10px 20px 10px;
		position: relative;
		top: 6px;
		margin: 0 -6px;
				
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(255,255,255,0) 10%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(255,255,255,0)), color-stop(70%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 10%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,255,255,0) 10%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,255,255,0) 10%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,255,255,0) 10%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	}
	
	
	li.tab.active {
		color: #9e0b0f;
		border-bottom: none;
		cursor: default;
		background: #ffffff;
		border-top: 3px solid #9e0b0f;
		
		-webkit-box-shadow: 0px 0px 3px 3px rgba(50,50,50,0.75);
		-moz-box-shadow: 0px 0px 3px 3px rgba(50,50,50,0.75);
		box-shadow: 0px 0px 3px 3px rgba(50,50,50,0.75);
	}
	
	li.tab.active span {
		background: #ffffff;
	}
	
	div.content {
		/*background: #fff;*/
	    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 {
		color: #333;
		padding: 0;
		margin-bottom: 8px;
		font-size: .8em;
	}
	
		#breadcrumbsInner a {
			color: #9e0b0f;
			text-decoration: underline;
		}
		
		#breadcrumbsInner a:hover {
			color: #9e0b0f;
			text-decoration: none;
		}	

	.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;
	}
	
	#coreLogo {
		float: left;
		height: 45px;
		margin-right: 8px;
		position: relative;
		width: 100px;
	}
	
	
	#footLeft {
		float: left;
		white-space: nowrap;
	}
	
	#footRight {
		float: right;
	}
	
	#legal {
		margin: 0;
		padding: 0;
	}
	
	#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;
	}

	#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: #9e0b0f;
		margin: 0;
		font-size: 1.6em;
		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, .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: '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: #9e0b0f;
	}

	.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
	****************************************************/
	.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: #9e0b0f;
		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";
	}
	.staff:before {
		content: "\f0c0";
	}
	.hours:before {
		content: "\f017";
	}

	
	/* Redefine some defaults
	*************************************************************/
	/* redefine headers */
	h1, h2, h3, h4, h5, h6 {
		color: #9e0b0f;
		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: #3d5867;
		text-decoration: none;
		transition: width 2s;
		-moz-transition: color .2s; 
		-webkit-transition: color .2s; 
		-o-transition: color .2s; 
	}
	
	a:link:visited, a:visited {
		color: #64808f;
	}
	
	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;
	}	
	
		#homeColumnSet1Inner {
			display: block;
		}
	
		#homeColumnSet1 .col1 {
			display: block;
		}
	
		#homeColumnSet1 .col2 {
			float: left;
			width: 70%;
			padding-right: 30px;
			-webkit-box-sizing: border-box;
  			-moz-box-sizing: border-box;
  			box-sizing: border-box;  
		}
		
		#homeColumnSet1 .col3 {
			float: right;
			width: 30%;
		}
	
	#homeColumnSet1 .col2 #tabContainer {
		margin: 10px 0 0 0;
	}


	/* Serice Links */
	#serviceIcons a {
		float: left;
		width: 48%;
	}
	
	#serviceIcons a:nth-child(even) {
		float: right;
	}
	
	#serviceIcons a:nth-child(1), #serviceIcons a:nth-child(2) {
		border-top: 2px dotted #3d5867;
	}
	
	
	/* 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;
	}
	
}


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

	body {
		-webkit-text-size-adjust:none;
	}
	
	
	#homeColumnSet1 .col2 {
		float: none;
		display: block;
		width: auto;
		padding: 0;
	}

	#homeColumnSet1 .col3 {
		float: none;
		display: block;
		width: auto;
	}

	.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;
		-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;
	}
	
	/* icons */
	#serviceIcons a:nth-child(even), #serviceIcons a:nth-child(odd) {
		float: none;
		width: 100%;
	}
	
	#serviceIcons:nth-child(odd) {
		border-top: none;
	}
	
	#serviceIcons a:nth-child(2) {
		border-top: none;
	}
	
	
	/* secondary columns */
	#secondaryColumnSet {
	 	margin-left: 0;
	}
	
	 #secondaryColumnSet .col1 {
		float: none;
		margin-bottom: 20px;
	}
	
	#secondaryColumnSet .col2 {
		float: none;
		width: auto;
		margin-left: 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;
	}
	
}	


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

	body {
		-webkit-text-size-adjust:none;
	}
	
	/* 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;
}