﻿/*@font-face {
    font-family: 'NewsCycleRegular';
    src: url('/include/fonts/NewsCycle-Regular-webfont.eot');
    src: url('/include/fonts/NewsCycle-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/include/fonts/NewsCycle-Regular-webfont.woff') format('woff'),
         url('/include/fonts/NewsCycle-Regular-webfont.ttf') format('truetype'),
         url('/include/fonts/NewsCycle-Regular-webfont.svg#NewsCycleRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/********************************************************************************
* Default Screen Styles
********************************************************************************/




@media screen {

	input {
		-webkit-border-radius:0; 
		border-radius:0;
	}

	body {
		color: #000;
		/*background-color: #193251;*/
		font: Tahoma, sans-serif;
		margin: 0;
		padding: 0;
        padding-top: 10px;
        padding-bottom: 20px;
        overflow-x: hidden;
	}

	.skipLink {
		position: absolute;
		left: -3500px;
	}

	#wrap {
		background-color: #f3efe8;
	}

	#bodyHome #wrap, #bodyHome #topCurve {
		position: relative;
		top: -120px;
	}

	#bodyHome #footerContainer {
		position: relative;
		top: -133px;
	}

	#bodyHome #wrap {
		padding: 15px 0;
	}

	#contentMain {
		max-width: 1000px;
		margin: 0 auto;
		padding: 0 10px 10px 10px;
	}

	/* Header
	*************************************************************/
	#bodyHome #header {
		height: 350px;
		/*-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		background-size: 100% auto;*/
	}
	
	#headerInner {
		max-width: 1000px;
		margin: 0 auto;
		padding: 10px;
	}

	#header h1 {
		/*height: 107px;
		width: 642px;*/
		float: left;
		margin: 0;
	}
	
	/*#header h1 a {
		height: 107px;
		width: 642px;
		display: block;
		background: transparent url('/images/header/site-title.png') left top no-repeat;
		text-indent: 750px;
		overflow: hidden;
		white-space: nowrap;
	}*/

	
	
	/* Search */
	/*#searchContainer {
		background: transparent url('/images/header-bg.png');
		float: right;
		padding: 8px;
	}*/

	#searchContainer #eGovManager {
	    margin: 0;
	    padding: 0;
	    float: right;
	    box-sizing: border-box;
	}
	
	#searchContainer #eGovManager label {
		position: absolute;
		left: -35000px;
	}
	
	#searchContainer #eGov_searchTerms {
		border: 0;
		width: 220px;
		font-size: 16px;
		color: #515151;
		padding: 8px;
		margin: 0;
		float: left;
	}
	
	#eGov_buttonSearchSubmit {
		margin: 0 0 0 8px;
		float: right;
	}

	
	.long-textbox{
    width:200px;
}


	
	/* Top Navigation */
	/*#topNavContainer {
		background: transparent url('/content/images/nav-bg.png');
		margin: 10px 0 20px 0;
		color: #fff;
		width: 100%;
		position: relative;
		z-index: 50;
		min-height: 40px;
	}*/
	
	#menuContainer {
		max-width: 1000px;
		margin: 0 auto;
	}
	
	#topNav {
		width: 100%;
	}
	

	/* Home Page
	*************************************************************/
	#topCurve {
		width: 100% !important;
		margin: 0 auto;
	}
	
	
	/* spotlight */
	#spotlightContainer {
		padding: 30px;
		border: 1px solid #999999;
		background-color: #F7F8FA;
	}

	#iconLinks, #iconLinks li {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#countyLogo {
		float: left;
	}

	#iconLinks {
		float: right;
		margin-left: 30px;
		width: 75%;
	}

	#iconLinks li {
		float: left;
		width: 33%;
		height: 3em;
	}
	
		#iconLinks li a {
			font: 1.5em 'NewsCycleRegular', sans-serif;
			color: #c7a337;
			text-decoration: none;
		}
		
		#iconLinks li a:hover {
			text-decoration: none;
			color: #193251;
		}
	
	.linkIcon {
		position: relative;
		top: 2px;
		margin-right: 8px;
		float: left;
		clear: right;
	}	
		
	
	/* columns */
	#bodyHome #columnContainer  {
		background: transparent url('/images/misc/column-border.gif') 62.5% top repeat-y;
		margin: 30px 0;
	}
	
	#bodyHome #columnContainer .column1{
		float: left;
		width: 60%;
	}

	#bodyHome #columnContainer .column2{
		float: right;
		width: 35%;
	}
	
	
	/* connect */
	#connectContainer {
		padding: 10px;
		border: 1px solid #999999;
		background-color: #F7F8FA;
	}	

	/* Secondary Page
	*************************************************************/
	#bodySecondary #wrap {
		position: relative;
		top: -10px;
		padding-bottom: 25px;
	}
	
	#bodySecondary #breadcrumbs {
		position: relative;
		top: -13px;
	}

	#bodySecondary #footerContainer {
		position: relative;
		top: -22px;
	}

	
	.header {
		background: transparent url('images/header-bg.jpg') center top no-repeat;
		/*padding-bottom: 20px;
		height: 200px;*/
	}
	
	
	
	/* breadcrumbs */
	#breadcrumbs {
		background: transparent url('/images/misc/breadcrumb-bg.png') top left repeat-x;
		height: 4.5em;
	}
	
	#breadcrumbsInner {
		max-width: 1000px;
		color: #fff;
		margin: 0 auto;
		padding: 20px 10px 0 10px;
		font-size: .8em;
	}
	
		#breadcrumbsInner a {
			color: #fff;
			text-decoration: underline;
		}
		
		#breadcrumbsInner a:hover {
			color: #fff;
			text-decoration: none;
		}	

	#bodySecondary #columnContainer {
		background: transparent url('/images/misc/column-border.gif') 22% top repeat-y;
	}

	#bodySecondary #columnContainer .column1 {
		float: left;
		width: 20%;	
		position: relative;
		top: -15px;
	}
	
	#bodySecondary #columnContainer .column2 {
		float: right;
		width: 76%;
		position: relative;
		top: -15px;
	}




	/* Footer
	*************************************************************/
	#footerContainer {
		background: transparent url('/images/footer/footer-bg.png') left top repeat-x;
	}
	
	#footerInner {
		color: #ffffff;
		font: .8em/2.5em tahoma, sans-serif;
		margin: 0 auto;
		max-width: 1000px;
		padding: 15px 10px 10px 10px;
	}
	
	#footerInner p {
		margin: 0;
	}
	
	#legal {
		margin: 0;
		padding: 0;
		float: right;
		text-align: right;
	}
	
	#legal li {
		display: inline;
		padding: 0 5px;
		border-right: 1px solid #888888;
		list-style: none;
		margin: 0 0 8px 0;
	}
	
	#legal li.last {
		padding-left: 0;
		border: 0;
	}
	
	#footerInner a {
		color: #fff;
		text-decoration: underline;
	}
	#footerInner a:hover {
		text-decoration: none;
	}
	
	#footerNavInner {
		color: #888888;
		margin: 0 auto;
		max-width: 1000px;
		padding: 15px 10px 10px 10px;
	}

	
	/* Special Classes
	*************************************************************/
	.bigArrowHeader {
		background: transparent url('/images/misc/circle-arrow-large.png') left center no-repeat;
		padding: 15px 0 15px 60px;
		font: 250%/100% 'NewsCycleRegular', sans-serif;
		margin: 0 0 10px 0;
	}
	
	.sectionTitle {
		font: 250% 'NewsCycleRegular', sans-serif;
	}


	/* Tabs
	****************************************************/
	ul.tabs {
	    margin: 0;
	    padding: 0;
	    list-style-type: none;
	}
	
	
	li.tab {
		margin: 0 0 0 8px;
		top: 1px;
		position: relative;
		float: left;
		list-style-type: none;
		color: #193251;
		border: 1px solid #999999;
		border-bottom: 1px solid #193251;
		padding: 1ex 2ex;
		cursor: pointer;
		text-align: center;
		background: #fff;
		size: border-box;
		width: 5em;
	}
	
	#tabsContent {
		margin-bottom: 10px;
		padding-bottom: 10px;
		border: 1px solid #999999;
		border-top: 10px solid #193251;
		background: #f7f8fa;
	}
	
	li.tab.active {
		color: #fff !important;
		background: #193251;
		border: 1px solid #193251;
	}
	
	
	div.content {
	    padding: 15px;
	    margin: 0;
	}
	
	
	.splitTab1 {
		float: left;
		width: 49%;
	}
	
	.splitTab2 {
		float: right;
		width: 49%;
	}
	
		.splitTab1 .cwHeader, .splitTab2 .cwHeader  {
			font-size: 1.2em;
			background-position: left .2ex;
			margin-top: 0;
		}		
		
	
	/* Date Box Styles
	****************************************************/*
	.cwCalList {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	.cwCalList li {
		margin: 8px 0 0 0;
		padding: 0;
	}
	
	.calBigDate {
		border: 1px solid #193251;
		background-color: #f7f8fa;
		float: left;
		width: 3em;
		text-align: center;
		margin-right: 8px;
	}
	
	.calBigDate .month {
		background-color: #193251;
		color: #fff;
		font-size: .7em;
		text-align: center;
		padding: 0 0 2px 0;
	} 
	
	.calBigDate .day {
		font-size: 1.6em;
		text-align: center;
		color: #193251;
		font-family: 'NewsCycleRegular', sans-serif;
	}
	
	.calTitleLink {
		float: left;
	}
	
		
	/* Section List Styles
	****************************************************/
	.cwSectionList {
	    border: 1px solid #999999;
	    border-top: none;
	}
	
	.even {
	    background-color: #f3efe8;
	    padding: 6px;
	    border-top: 1px solid #999999;
	}
	
	.odd {
	    background-color: #f7f8fa;
	    padding: 6px;
	    border-top: 1px solid #999999;
	}
	
	.even:hover, .odd:hover {
		background-color: #f2efcd;
	}
	
	.sectionLink {
		float: left;
	}
	
	.telephoneNumber {
		white-space: nowrap; 
		float: right; 
		display: block; 
		width: 9.5em;
	}
	
	.emailAddress {
		white-space: nowrap; 
		float: right; 
		margin-right: 8px;
	}
	

	/* Content Window
	 ****************************************************/
	.cwHeader {
		background: transparent url('/images/misc/circle-arrow-small.png') left .9ex no-repeat;
		padding: 4px 0 4px 30px;
		color: #000;
		font-size: 1.8em;
		margin-bottom: 0;
	}
	
	#bodySecondary #column1 .cwHeader {
		margin: 0;
	}
	
	#bodySecondary #column1 .cwContainer {
		margin: 0 0 10px 0;
	}
	
	.cwList, .cwList li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	.cwList li {
		background: transparent url('/images/cw/cw-bullet.png') left .4ex no-repeat;
		margin : 0 0 10px 0;
		padding: 0 0 0 16px;
	}
	
	.cwHorizontalTable td a {
		margin : 0 0 10px 0;
		display: inline;
	}


	.cwNavList {
		border-top: 1px solid #999999;		
	}
	
	.cwNavList, .cwNavList li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	.cwNavList li {
		padding: 4px 0;
		border-bottom: 1px solid #999999;
	}
	
	.deptHomeLink {
		padding: 4px 0;
		border-bottom: 1px solid #999999;
		display: block;
	}

	.subText {
		font-size: 0.7em;
		color: #999999;
	}

	.moreContainer {
		padding: 8px;
		background-color: #f7f8fa;
		border: 1px solid #999999;
		float: right;
		margin: 8px 0 0 0;
		width: 7em;
	}

	.moreContainer img {
		position: relative;
		top: .2ex;
		margin-left: 8px;
		float: right;
	}


	/* 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;
		font-size: 0.9em;
		margin: 0;
		padding: 0;
	}
	.telephone {
		padding: 4px 0 4px;
	}
	.email {
		background: transparent url('/images/cw/email.png') left 4px no-repeat;
		padding: 4px 0 4px 25px;
	}
	.staff {
		background: transparent url('/images/cw/staff.png') left 5px no-repeat;
		padding: 4px 0 4px 25px;
	}
	.hours {
		background: transparent url('/images/cw/clock.png') left 3px no-repeat;
		padding: 4px 0 4px 25px;
	}

			
	/* Redefine some defaults
	*************************************************************/
	img {
		border: 0;
	}
	
	
	/* headers */
	h1, h2, h3, h4, h5, h6 {
		font-family: 'NewsCycleRegular', sans-serif;
		color: #000;
		font-weight: normal;
	}
	
	h1 {
		font-size: 2.5em;
	}
	
	h2 {
		font-size: 2.0em;
	}
	
	h3 {
		font-size: 1.7em;
	}
	
	h4 {
		font-size: 1.5em;
	}
	
	h5 {
		font-size: 1.3em;
	}
	
	h6 {
		font-size: 1.1em;
	}
		
	.typeHeader {
		margin: 0;
		padding: 0;
	}


	img {
 		max-width: 100%;
  		height: auto !important; /* just in case, to force correct aspet ratio */
  		-ms-interpolation-mode: bicubic; 
	}


	/* site-wide links */
	a:link, a { 
		color: #193251;
		text-decoration: none;
		transition: width 2s;
		-moz-transition: color .2s; /* Firefox 4 */
		-webkit-transition: color .2s; /* Safari and Chrome */
		-o-transition: color .2s; /* Opera */
	}
	
	a:link:visited {
		color: #003662;
		text-decoration: none;
	}
	
	a:link:hover, a:active, a:visited:hover, a:hover {
		color: #346eb5;
		text-decoration: none;
	}
	
}



/********************************************************************************
* Small Monitors
********************************************************************************/
@media screen and (max-width: 988px) {

	body {
		-webkit-text-size-adjust:none;
	}

	/* Header
	*************************************************************/
	#bodyHome #header {
		height: 400px !important;
		/*-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		background-size: 100% auto;*/
	}
	
	#bodySecondary #header {
		padding-bottom: 10%;
		/*-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		background-size: 100% auto;*/
	}
	
	#header h1 {
		margin: 0 auto;
		float: none;
	}
	
	#header h1 a {
		margin: 0 auto;
	}

	#header h1 a img {
		margin: 0 auto;
		display: block;
	}
	
	
	/* Search */
	#searchContainer {
		float: none;
		margin: 15px auto 0 auto;
		width: 420px;
	}

	#searchContainer #eGov_searchTerms {
		width: 360px;
	}

	/* Spotlight */
	#iconLinks {
		width: 65%;
	}

	#iconLinks li {
		width: 49%;
	}
	
	#breadcrumbsInner {
		padding: 15px 10px 0 10px;
	}

}




/********************************************************************************
* Portrait Tablets
********************************************************************************/
@media screen and (max-width: 768px) {

	body {
		-webkit-text-size-adjust:none;
	}

	/* Header
	*************************************************************/
	#bodyHome #header {
		height: 400px !important;
		/*-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		background-size: 100% auto;*/
	}
	

	#header h1 {
		margin: 0 auto;
		float: none;
	}
	
	#header h1 a {
		margin: 0 auto;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		background-size: 100% auto;
	}

	
	
	/* Search */
	#searchContainer {
		background: transparent url('/images/header/nav-bg.png');
		float: none;
		padding: 8px;
		margin: 15px auto 0 auto;
		width: 420px;
	}

	#searchContainer #eGovManager {
	    margin: 0;
	    padding: 0;
	    float: right;
	}
	
	#searchContainer #eGovManager label {
		position: absolute;
		left: -35000px;
	}
	
	#searchContainer #eGov_searchTerms {
		border: 0;
		width: 360px;
		font-size: 16px;
		color: #515151;
		padding: 8px;
		margin: 0;
	}
	
	#eGov_buttonSearchSubmit {
		margin: 0 0 0 8px;
		float: right;
	}

	/* Spotlight */
	#iconLinks {
		width: 50%;
	}

	#iconLinks li {
		width: 100%;
	}
	
	/* columns */
	#bodyHome #columnContainer  {
		background: none;
	}
	
	#bodyHome #columnContainer .column1{
		float: none;
		width: 100%;
	}

	#bodyHome #columnContainer .column2{
		float: none;
		width: 100%;
	}

	
	.calTitleLink br {
		display: none;
	}


	/* Footer
	*************************************************************/
	#footerInner {
		text-align: center;
	}
	
	#legal {
		float: none;
		text-align: inherit;
	}
	
	#foot li {
		display: inline;
	}
	
	
	/* Secondary Page
	*************************************************************/
	#bodySecondary #columnContainer {
		background-image: none;
	}

	#bodySecondary #columnContainer .column1 {
		float: none;
		width: 100%;
	}
	
	#bodySecondary #columnContainer .column2 {
		float: none;
		width: 100%
	}

	.cwHeader {
		border-bottom: 1px solid #999;
	}
	
	.sectionTitle {
		border-bottom: 1px solid #999;
		padding-bottom: .5ex;
	}
	
	.typeHeader {
		border-bottom: 1px solid #999999;
	}
	
	.deptHomeLink {
		border-bottom: 0;
	}
	
	/* Tabs
	*************************************************************/
	.splitTab1 {
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}
	
	.splitTab2 {
		float: none;
		width: 100%;
	}
	
	
}


/********************************************************************************
* Small Tablets Portrait
********************************************************************************/
@media screen and (max-width: 600px) {


	/* 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;
	}
	

	.typeHeader {
		border-bottom: 1px solid #999999;
	}
	
	.deptHomeLink {
		border-bottom: 0;
	}

	
}	



/********************************************************************************
* Smart Phones
********************************************************************************/
@media screen and (max-width: 524px) {

	body {
		-webkit-text-size-adjust:none;
	}


	/* Header
	*************************************************************/
	#bodyHome #header {
		height: 350px !important;
		/*-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		background-size: 100% auto;*/
	}
	
	#header h1 {
		margin: 0 auto;
		float: none;
	}
	
	#header h1 a {
		margin: 0 auto;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		background-size: 100% auto;
	}
	
	/* Search */
	#searchContainer {
		float: none;
		margin: 15px auto 0 auto;
		width: 260px;
	}

	#searchContainer #eGov_searchTerms {
		width: 190px;
		float: left;
	}

	
	
	/* Homepage
	*************************************************************/
	/* Spotlight */
	#countyLogo {
		float: none;
	}
	
	#spotlightContainer {
		float: none;
	}
	
	#iconLinks {
		margin-top: 30px;
		width: 100%;
	}

	#iconLinks li {
		width: 100%;
	}


	/* columns */
	#bodyHome #columnContainer  {
		background: none;
		margin: 30px 0;
	}
	
	#bodyHome #columnContainer .column1 {
		float: none;
		width: 100%;
	}

	#bodyHome #columnContainer .column2 {
		float: none;
		width: 100%;
	}
	
	
	.calTitleLink br {
		display: block;
		}

	.site-logo  {     
 background: url(content/images/header-bg.jpg) no-repeat top left;
 display: block;       
 width: 100px;       
 height: 100px;       
 text-indent: -9999px;  /*hides the link text*/ 
  } 

	
	/* Tabs
	****************************************************/
	li.tab {
		margin: 0;
		padding: 1ex;
		width: 4.8em;
	}

	.typeHeader {
		border-bottom: 1px solid #999999;
	}
	
	.deptHomeLink {
		border-bottom: 0;
	}

	
}




/* 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;}


/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;

}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
