/********************************************************************************
* Default Screen Styles
********************************************************************************/
@font-face {
    font-family: 'open-sans-light';
    src: url('/include/fonts/open-sans-light/OpenSans-Light-webfont.eot');
    src: url('/include/fonts/open-sans-light/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/include/fonts/open-sans-light/OpenSans-Light-webfont.woff') format('woff'),
         url('/include/fonts/open-sans-light/OpenSans-Light-webfont.ttf') format('truetype'),
         url('/include/fonts/open-sans-light/OpenSans-Light-webfont.svg#OpenSans-Light-webfont') format('svg');
    font-weight: normal;
}

/*fix for poor font rendering in chrome */	
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'open-sans-light';
		src: url('/include/fonts/open-sans-light/OpenSans-Light-webfont.svg') format('svg');
	}
}


@media screen {
	body {
		color: #000;
		background: #f1f0eb;
		font: 78%/1.4 tahoma, sans-serif;
		margin: 0;
		padding: 0;
	}

	.skipLink {
		position: absolute;
		left: -3500px;
	}

	.wrap {
		max-width: 950px;
		margin: 0 auto;
	}

	hr.shadowBar {
       border : 0;
       height : 30px;
       background : url('/images/misc/shadow-bar.png') center top no-repeat;
       background-size: 100% 100%;
       margin: 30px 0 0 0; 
    }
    
    img {
    	max-width: 100%;
    }

	/* Header
	*************************************************************/
	#header {
		background: url('/images/header/header-texture.jpg') left top repeat-x;
	}
	
	#header .wrap {
		position: relative;
		padding-top: 15px;
	}
		
	#header h1 {
		position: absolute;
		left: -3500px;
		white-space: nowrap;
		overflow: hidden;
	}
	
	
	#siteTitle a {
		display: block;
	}
	
	#siteTitle img {
		width: 100%;
		display: block;
	}
	

	/* Pre Nav
	*************************************************************/
	#preNav {
		padding: 15px 0;
		position: absolute;
		right: 0;
		top: 0;
	}

	#preNav #searchTextContainer #searchContainer {
		float: right;
	}
	
	#preNav ul {
		float: left;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	#preNav ul li {
		float: left;
		margin-right: 6px;	
		padding: 0 6px 0 0;
		border-right: 1px solid #672626;
	}
	
	#preNav ul li:first-child a {
		display: block;
		height: 18px;
		width: 18px;
		overflow: hidden;
		white-space: nowrap;
		background: url('/images/header/house.png') center center no-repeat;
		background-size: 18px 18px;
		text-indent: 500px;
	}
	
	#preNav ul li:last-child {
		border: 0;
		margin-right: 10px;
	}
	
	#preNav ul li a {
		text-transform: uppercase;
		color: #672626;
		font-size: .9em;
	}
	
	
	/* Search
	*************************************************************/
	#searchContainer {
		background: url('/images/header/search-bg.png') left top no-repeat;
		background-size: 170px 23px;
		position: relative;
		top: -3px; 
	}
			
	#searchContainer #eGovQuickSearch {
	    margin: 0;
	    padding: 0;
	    float: right;
	    box-sizing: border-box;
	}
	
	#searchContainer #eGovQuickSearch label {
		position: absolute;
		left: -35000px;
	}
	
	#searchContainer #eGov_searchTerms {
	    background: none;
		border: 0;
		width: 155px;
		font-size: 11px;
		color: #666666;
		height: 23px;
		float: left;
		margin-left: 15px;
		padding: 0;
		text-transform: uppercase;
	}
	
	#searchContainer #eGov_buttonSearchSubmit {
		width: 26px;
		height: 23px;
	}
	
	/* Slideshow Columns
	*************************************************************/
	#slideshowContainer {
		background: url('/images/misc/slideshow-texture.jpg') center bottom repeat-x;
	}
	
	#slideshowContainer .wrap {
		background: #18485e;
		position: relative;
		min-height: 305px;
	}
		
	#slideshow { 
		margin-right: 270px; 
	}
	
	#contactWeather { 
		position: absolute; 
		top: 0; 
		right: 0; 
		width: 240px;
		padding: 15px;
		color: #fff;
		font-family: 'open-sans-light', tahoma, sans-serif;
		float: right;
	}   

		#contactWeather .cwContainer {
			font-size: 150%;
		}
	
		#contactWeather .cwHeader {
			text-align: left;
			color: #75baca;
			margin: 0 0 10px 0;
		}
		
		#contactWeather a {
			color: #fff;
			text-decoration: underline;
		}
		
		#contactWeather a:hover {
			color: #76b8c7;
			text-decoration: none;
		}


	/* Weather
	*************************************************************/
	#weatherContainer {
		color: #fff;
		font-size: 165%; 
		font-family: 'open-sans-light', tahoma, sans-serif;
		margin-bottom: 10px;
	}
	
	.weatherSeparator {
		margin: 0 5px;
		position: relative;
		top: -2px;
	}

	#weatherContainer #weatherIcon {
		height: 24px;
		width: 24px;
		position: relative;
		top: 4px;
		margin-right: 5px;
	}
	
	
	/* Content Wrappers
	*************************************************************/
	#contentContainerMain {
		background: #fff url('/images/misc/slideshow-shadow.png') center top no-repeat;
		padding: 40px 0 20px 0;
	}
	
	#contentContainerSupport {
		border-top: 20px solid #686762;
	}
	
	#bodyHome #contentContainerSupport {
		background: #e4e1d8;
		min-height: 386px;
	}
	
		#contentContainerSupport .cwHeader {
			color: #307793;
			text-align: left;
			font-size: 2em;
			margin-bottom: 20px;	
		}

	
	#bodySecondary #contentContainerSupport {
		background: #f1f0eb;
		padding-top: 20px;
		min-height: 386px;
	}
	
	/* Breaking News
	*************************************************************/
	#breakingNewsContainer {
		background: #672626;
		color: #fff;
		margin-bottom: 30px;
		
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	
	#breakingNewsContainer {
		position: relative;
	}
	
	#breakingNewsContainer a:link {
		color: #fff;
		font: 'open-sans-light','tahoma', sans-serif;
		text-decoration: underline;
	}
	
	#breakingNewsContainer a:visited {
		color: #e9e6df;
		font: 'open-sans-light','tahoma', sans-serif;
		text-decoration: underline;
	}
	
	#breakingNewsContainer .bncol1 {
		width: 18em;
		left: 0;
		padding: 20px;
		position: absolute; 
		top: 0; 
	}
	
		#breakingNewsContainer .bncol1 h3 {
			font: 2.2em 'open-sans-light',tahoma, sans-serif;
			color: #fff;
			text-align: left;
			margin-bottom: -8px;
			margin-top: 0;
		}
	
		#breakingNewsContainer .bncol1 .moreContainer {
			padding: 0;
		}
	
		#breakingNewsContainer .bncol1 .moreContainer a:link {
			color: #fff;
		}
	
	
	#breakingNewsContainer .bncol2 { 
		margin-left: 18em; 
		padding: 10px;
	}
	
	.cwBreakingNewsList {
		min-height: 95px;
	}
	
	.cwBreakingNewsList a {
		font-size: 1.3em;
	}
	

	/* Breaking News Scroller Classes
	****************************************************/
	#scrollList {
		position: relative; 
		height: 95px;
		overflow: auto;
		width: auto;
	}
	
	.scrollItem { 
		display: block; 
		height: 95px;
		text-overflow: ellipsis;
		right: 0;
		margin-right: 10px;
	}
	
	.prevBtn {
		position: relative;
	}
	
	.nextBtn {
		position: relative;
		top: 135px;
	}


	/* Homepage Columns
	*************************************************************/
	.homeColumns  {
		display: table-row;
		position: relative;
	} 
	
	.homeColumns .col1 {
		width: 100%;
		display: table-cell;
		padding: 0 40px 30px 0;
	}
	
	.homeColumns .col2 {
		display: table-cell;
		min-width: 340px;
		padding-bottom: 30px;
	}
	
	.homeColumns .col2 h2, .homeColumns .col2 h2 {
		margin-top: 0;
	}


	/* Service List
	*************************************************************/
	#serviceList {
		margin: 0 0 30px 0;
		padding: 0;
		list-style-type: none;
	}
	
	#serviceList li {
		float: left;
		width: 48%;
		margin-bottom: 10px;
		padding: 0;
		list-style-type: none;
	}

	#serviceList li:nth-child(even) {
		margin-left: 15px;
		float: right;
	}
	
	#serviceList li a {
		font-size: 1.6em;
		font-family: 'open-sans-light', tahoma, sans-serif;
		background-size: 28px;
		padding-left: 35px;
		display: block;
		color: #000;
		text-decoration: none;
	}
	
	#svcProp {background: url('/images/home/services/property-tax.png') left center no-repeat;}
	#svcPaym {background: url('/images/home/services/payments.png') left center no-repeat;}
	#svcElec {background: url('/images/home/services/election.png') left center no-repeat;}
	#svcOrdi {background: url('/images/home/services/ordinances.png') left center no-repeat;}
	#svcEnot {background: url('/images/home/services/enotify.png') left center no-repeat;}
	#svcMeet {background: url('/images/home/services/meetings.png') left center no-repeat;}
	#svcPerm {background: url('/images/home/services/permits.png') left center no-repeat;}
	#svcRepo {background: url('/images/home/services/report-it.png') left center no-repeat;}
	#svcGis  {background: url('/images/home/services/gis.png') left center no-repeat;}
	#svcNews {background: url('/images/home/services/news.png') left center no-repeat;}
	
	.serviceBreak {
		display: none;
	}
	
	/* Secondary Header
	*************************************************************/
	#secondaryHeaderImage {
		background: url('/images/secondary/default-secondary.jpg') center center no-repeat;
		background-size: cover;
		position: relative;
		max-width: 950px;
		margin: 0 auto;
		max-height: 1px;
		padding-top: 24.105%;
	}
	
		#secondaryHeaderImage .sectionTitle {
			color: #fff;
			background: rgba(0,0,0,.5);
			bottom: 0;
			font-family: 'open-sans-light',tahoma, sans-serif;
			font-size: 2.5em;
			font-weight: normal;
			left: 0;
			margin: 0;
			padding: 5px 5px 5px 10px;
			position: absolute;
			right: 0;
		}
	
	
	/* Secondary Wrappers
	*************************************************************/
	#secondaryHeaderContainer {
		background: url('/images/misc/slideshow-texture.jpg') center bottom repeat-x;
	}
	
		#secondaryHeaderContainer .wrap {
			
		}
	
	
	/* Secondary Columns 
	*************************************************************/
	#bodySecondary #contentContainerMain .wrap {
		max-width: 950px;
		margin: 0 auto;
	}

	#bodySecondary #contentContainerMain .secondaryColumns {
	 	margin-left: 265px;
	}
	
	 #bodySecondary #contentContainerMain .secondaryColumns .col1 {
		float: right;
		width: 100%;
		
	}
	
	.col1Inner {
		margin-left: 40px;
	}
	
	#bodySecondary #contentContainerMain .secondaryColumns .col2 {
		float: left;
		width: 265px;
		margin-left: -265px;
		
	}

	
	
	
	/* Nav Menus */
	.cwNavContainerMenu {
		display: none;
		margin-bottom: 15px;
	}
	
	
	/* Breadcrumbs
	*************************************************************/
	#breadcrumbs {
		padding: 0;
		margin-bottom: 8px;
		font-size: .8em;
	}
	
		#breadcrumbsInner a {
			text-decoration: underline;
		}
		
		#breadcrumbsInner a:hover {
			text-decoration: none;
		}	

	.breadArrow {
		position: relative;
		margin: 0 8px;	
	}




	/* Footer
	****************************************************/
	#footer {
		background: #f1f0eb;
		color: #686762;
		font-size: .8em;
		padding: 15px;
	}
	
	
	#footInner {
		max-width: 950px;
		margin: 0 auto;
	}
	
	#footLeft {
		float: left;
		width:  43em;
	}
	
		#footLeft p {
			float: left;
			margin-top: 3px;
		}
	
		#footLeft #cityLogo {
			float: left;
			margin-right: 10px;
			height: 53px;
			width: 65px;
		}

	#footRight {
		float: right;
		width: 30em;
	}
	
	#eGovLogo {
		margin-right: 8px;
		float: left;
		height: 41px;
		width: 88px;
	}
		
	#legal {
		float: right;
		margin: 0;
		padding: 0;
	}
	
	#legal li {
		display: inline;
		padding: 0 10px 0 0;
		margin: 0 10px 0 0;
		border-right: 1px solid #686762;
	}
	
	#legal li.last {
		border: 0;
		margin: 0;
		padding: 0;
	}
	
	#copyright {
		float: right;
	}
	
	#copyright p {
		float: right;
	}
	
	#footer a:link, #footer a:visited {
		color: #686762;
		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;
	}
		
	
	/* Tabs
	****************************************************/
	#tabContainer {
		margin-top: 15px;
	}
	
	.tabReturn {
		display: none;
	}
	
	ul.tabs {
	    margin: 0;
	    padding: 0 0 0 10px;
	    list-style-type: none;
	}
	
	li.tab {
		float: left;
		list-style-type: none;
		color: #317793;
		padding: 1ex 0;
		cursor: pointer;
		text-align: center;
		background: #e4e1d8;
		font: 1.2em 'open-sans-light',tahoma, sans-serif;
		size: border-box;
		margin-right: 4px;
		width: 22%;
		
		/*box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,.5);
		-moz-box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,.5);
		-webkit-box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,.5);*/
		
		transition: all .2s;
		-moz-transition: all .2s; /* Firefox 4 */
		-webkit-transition: all .2s; /* Safari and Chrome */
		-o-transition: all .2s; /* Opera */
		
		border-radius: 10px 10px 0px 0px;
		-moz-border-radius: 10px 10px 0px 0px;
		-webkit-border-radius: 10px 10px 0px 0px;
	}
	
	li.tab:hover { 
		color: #fff;
		background-color: #43a2b8;
	}
	
	#tabsContent {
		background: #686762;
		border: 4px solid #686762;
		margin-bottom: 20px;
		
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	
	li.tab.active {
		color: #fff;
		border-bottom: none;
		background: #686762;
		cursor: default;
		
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}
	
	
	div.content {
		background: #fff /*url('/images/misc/tab-content-background.jpg') left center repeat-x*/ ;
	    padding: 15px;
	    margin: 0;
	    
	    border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	}
	
	div.content .cwHeader {
		margin: 0;
	}
	
	#tabsContent .cwList {
	}
	
	.splitTab {
		float: left;
		width: 49%;
	}
	
		
	/* Section List Styles
	****************************************************/
	.cwSectionList {
	    border: 1px solid #e0ded2;
	    border-top: none;
	}
	
	.even {
	    background-color: #ffffff;
	    padding: 6px;
	    border-top: 1px solid #e0ded2;
	}
	
	.odd {
	    background-color: #efecde;
	    padding: 6px;
	    border-top: 1px solid #e0ded2;
	}
	
	.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;
	}
	
	
	
	/* Nav Menus */
	#bodySecondary #column2 .cwNavContainerMenu {
		display: none;
		padding: 10px;
	}
	
		.cwMenuHeader {
			display: none;
		}
	
	.cwNavContainerMenu select {
		width: 100%;
	}
	
	
	/* Content Windows
	 ****************************************************/
	#bodySecondary #contentContainerMain .col2 .cwHeader {
		background: #43a2b8;
		color: #fff;
		margin: 0;
		padding: 12px;
		font-size: 1.6em;
		font-family: 'open-sans-light',tahoma, sans-serif;
		font-weight: normal;
		
		border-radius: 10px 10px 0px 0px;
		-moz-border-radius: 10px 10px 0px 0px;
		-webkit-border-radius: 10px 10px 0px 0px;
	}
	
	.cwContainerInner {
		background: #e9e6df;
		padding: 12px;
		margin-bottom: 20px;
		
		border-radius: 0px 0px 10px 10px;
		-moz-border-radius: 0px 0px 10px 10px;
		-webkit-border-radius: 0px 0px 10px 10px;
	}
	
	.cwList {
		padding: 10px;
		margin: 0;
		list-style-type: none;
	}
	
	.cwList li {
		margin: 0 0 3px 0;
		padding: 0;
		list-style-type: none;
	}
	
	.cwHorizontalTable td a {
		margin: 0;
		display: inline;
	}


	.cwNavList {
	}
	
	.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; /* Firefox 4 */
		-webkit-transition: background .3s; /* Safari and Chrome */
		-o-transition: background .3s; /* Opera */
	}
	
	.cwNavList li a:hover {
		/*background: #fff2d2;*/
		text-decoration: none;
		
		transition: background .3s;
		-moz-transition: background .3s; /* Firefox 4 */
		-webkit-transition: background .3s; /* Safari and Chrome */
		-o-transition: background .3s; /* Opera */
	}

	.subText {
		font-size: 0.8em;
		color: #999999;
	}

	/* More  */
	.moreContainer {
		padding: 0 10px 15px 10px;
	}

	.moreContainer img {
		position: relative;
		top: 1.5ex;
		margin-right: 8px;
	}
	.moreContainer a:link {
		color: #000;
		font-size: .9em;		
	}
	

	.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
	****************************************************/
	.address {
		background: url('/images/cw/house.png') no-repeat scroll 4px 0 transparent;
		padding: 0 0 0 29px;
		font-size: 0.9em;
	}
	.cwContactList {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.telephone {
		background: transparent url('/images/cw/telephone.png') left .5em no-repeat;
		padding: 4px 0 4px 25px;
	}
	.fax {
		background: transparent url('/images/cw/fax.png') left .5em no-repeat;
		padding: 4px 0 4px 25px;
	}
	.email {
		background: transparent url('/images/cw/email.png') left .5em no-repeat;
		padding: 4px 0 4px 25px;
	}
	.staff {
		background: transparent url('/images/cw/staff.png') left .5em no-repeat;
		padding: 4px 0 4px 25px;
	}
	.hours {
		background: transparent url('/images/cw/clock.png') left .5em no-repeat;
		padding: 4px 0 4px 25px;
	}

	
	/* Date Box Styles / Homepage Events
	****************************************************/*
	#cwEventsHome .cwHeader {
		padding: 0;
	}
	
	.cwCalList {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	.cwCalList li {
		margin: 0;
		padding: 0;
	}
	
	.calBigDate {
		font-family: 'open-sans-light', 'tahoma', sans-serif;
		float: left;
		width: 3em;
		text-align: center;
		margin-right: 8px;
		position: relative;
		top: -5px;
	}
	
	.calBigDate .month {
		text-transform: uppercase;
		text-align: center;
		font-size: 1em;
		padding: 0;
		margin: 3px;
		
	} 
	
	.calBigDate .day {
		color: #000;
		padding: 0;
		text-align: center;
		font-size: 2.3em;
		margin: 0;
		position: relative;
		top: -10px;
	}
	
	.calTitleLink {
		float: left;
		width: 80%;
	}
	
	
	
			
	/* Redefine some defaults
	*************************************************************/
	/* redefine headers */
	h1, h2, h3, h4, h5, h6 {
		color: #000000;
		font-family: 'open-sans-light',tahoma, sans-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: #275c6e;
		text-decoration: underline;
		transition: width 2s;
		-moz-transition: color .2s; /* Firefox 4 */
		-webkit-transition: color .2s; /* Safari and Chrome */
		-o-transition: color .2s; /* Opera */
	}
	
	a:link:visited, a:visited {
		color: #0b5566;
		text-decoration: none;
	}
	
	a:link:hover, a:active, a:visited:hover {
		text-decoration: underline;
	}

	/* Special Classes
	*************************************************************/
	.divTypeHeader {
		color: #2e8ba0;
		margin: 0;
		padding: 0;
		font-size: 1.2em;
	}

}


/********************************************************************************
* Small Monitors
********************************************************************************/
@media screen and (max-width: 988px) {

	body {
		-webkit-text-size-adjust:none;
	}

	.serviceBreak {
		display: block;
	}

}


/********************************************************************************
* Portrait Tablets
********************************************************************************/
@media screen and (max-width: 820px) {

	body {
		-webkit-text-size-adjust:none;
	}

	/* Header
	*************************************************************/
	#menuToggleContainer a {
		top: 28px;
	}
	
	#contentContainerMain {
		padding: 40px 10px 20px 10px;
	}
	
	#contentContainerSupport {
		padding: 30px 10px 10px 10px;
	}
	
	#contactWeather {
		position: static;
		width: 100%;
		float: none;
	}

	#slideshow {
		margin: 0 auto 0 auto;
	}
	

	#contactWeather .headAddresses {
		float: left;
		width: 47%;
	}
	
	#contactWeather .cwContactList {
		float: right;
		width: 47%;
	}

	
	/* Homepage Columns
	*************************************************************/
	.homeColumns {
		display: block;
	}
	
	.homeColumns .col1, .homeColumns .col2 {
		display: block;
		width: auto;
		padding: 0;
		float: none;
	}
	
	/* 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;
		
	}
	
	
}


/********************************************************************************
* Content-based break to correct tab display
********************************************************************************/
@media screen and (max-width: 800px) {

	body {
		-webkit-text-size-adjust:none;
	}

	

	.tabReturn {
		display: block;
	}

	.homeColumns .col1 {
		position: static;
		margin-right: 0;
	}
	
	.homeColumns .col2 {
		position: static;
	}
	
	.serviceBreak {
		display: none;
	}
}



/********************************************************************************
* Small Tablets Portrait
********************************************************************************/
@media screen and (max-width: 600px) {
	
	/* homepage columns */
	#homeColumns .col2,
	#homeColumns .col3 {
		float: none;
		margin: 0 0 15px 0;
		width: auto;
	}
	
	
	/* secondary columns */
	#secondaryColumns {
		float: none;
	}
	
	#secondaryColumns #contentColumn {
		margin: 0;
	}
	
	#bodySecondary #sidebar {
		float: none;
		width: auto;
		margin-left: 0;
	}
	
	/* Section List Styles */
	.sectionLink {
		float: none;
		margin-bottom: 8px;
	}
	
	.telephoneNumber {
		float: none; 
		display: block;
		margin: 8px 0; 
	}
	
	.emailAddress {
		float: none;
		display: block; 
		margin-bottom: 8px;
	}
	

	/* Division / Subtopic / Subcategory Navigation */
	#footer #footLeft, #footer #footRight, #copyright, #copyright p {
		float: none;
		margin: 0 auto 10px auto;
		text-align: center;
		width: auto;
	}
	
	#copyright img {
		display: block;
		float: none;
		margin: 0 auto 10px auto;
	}
	
	#footRight #legal, #footRight #legal li {
		margin: 0 auto;
		text-align: center;
		float: none;
	}

	
	/* Division / Subtopic / Subcategory Navigation
	****************************************************/
	.cwNavContainerList {
		display: none;
	}
	
	.cwMenuHeader {
		display: block;
	}
	
	.cwNavContainerMenu {
		display: block;
	}
	
}	



/********************************************************************************
* Smart Phones Portrait
********************************************************************************/
@media screen and (max-width: 385px) {

	body {
		-webkit-text-size-adjust:none;
	}

	#preNav {
		top: -12px;
	}

	/* search */
	#searchContainer #eGov_searchTerms {
		width: 90px;
	}
	
	/* homepage contact */
	#contactWeather .headAddresses, #contactWeather .cwContactList {
		float: none;
		width: auto;
	}

	/* breaking news */
	#breakingNewsContainer {
		margin-bottom: 15px;
	}
	
	#breakingNewsContainer .wrap {
		padding: 0;
	}
	
	#breakingNewsContainer .bncol1 {
		position: static;
		width: auto;
	}
	
	#breakingNewsContainer .bncol2 {
		margin-left: 0;	
		background: none;
	}

	.homeColumns .col2 {
		width: auto;
	}
	
	#serviceList li {
		float: none !important;
		width: auto;
	}
	
	#serviceList li:nth-child(even) {
		margin-left: 0;
	}
	
	.serviceBreak {
		display: none;
	}
	
	#contentContainerMain {
		padding-top: 20px;
	}
	
	
	/* titles */
	#secondaryHeaderImage h2 {
		display: none;
	}
	
	
	/* tabs */
	ul.tabs {
		padding: 0;	
	}
	
	ul.tabs li:first-child {
		border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0;	
	}
	
	li.tab {
		float: none;
		margin-right: 0;
		width: auto;
		
		transition: all .2s;
		-moz-transition: all .2s; /* Firefox 4 */
		-webkit-transition: all .2s; /* Safari and Chrome */
		-o-transition: all .2s; /* Opera */
		
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}
	
	.tabReturn {
		display: none;
	}
	
	#tabsContent {
		border-radius: 0 0 10px 10px;
		-moz-border-radius: 0 0 10px 10px;
		-webkit-border-radius: 0 0 10px 10px;
	}
	
	div.content {
		border-radius: 0 0 6px 6px;
		-moz-border-radius: 0 0 6px 6px;
		-webkit-border-radius: 0 0 6px 6px;
	}
	
	
	/* footer */
	#footer {
		padding: 15px 10px;
	}
	
	#legal {
		float: none;
		margin: 0;
		padding: 0;
	}
	
	#footRight {
		float: none !important;
		text-align: center;
		width: auto;
	}
	
	
	/* Division / Subtopic / Subcategory Navigation
	****************************************************/
	.cwNavContainerList {
		display: none;
	}
	
	.cwMenuHeader {
		display: block;
	}
	
	.cwNavContainerMenu {
		display: block;
	}
}



/* 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;
}
