@charset "utf-8";
/* CSS Document */

/*govBanner*/
	#govBanner {
		background: #fff;
		width: 100%; 
		margin:0 auto;
		border-top: solid 1px #ffffff;
		padding-top:15px;
		}
		
	.govBannerText {margin: 0 auto; color: #000; font-size: 12px; line-height: 14px;}
	.govBannerText a {display: block inline; color: #000; text-decoration: none;}
	.govBannerText a:hover {text-decoration: underline;}
	#govLogo {text-align: right; padding-top: 3px;}
/*end govBanner*/
body {}
#header {background: #213e7b;}
#first-block {background-color: #213E7B; margin-top: 30px;}
#second-block {background-color: #ffffff; min-height: 300px; padding: 20px;}
#searchBlock {background-color: #c7c687;
box-shadow: inset 0px 2px 4px #a6763f;
-webkit-box-shadow:inset 0px 2px 4px #a6763f;
-moz-box-shadow:inset 0px 2px 4px #a6763f;}
#box1 {border: 16px solid #fff; box-shadow: 1px 1px 3px #c4c4c4; height: auto; margin-bottom: 20px; overflow: hidden; padding: 0;}
#box2 {padding: 0px 20px; text-align: center;}
#box2 a {color: #838284;}
#box3 {background-color: green; padding: 20px; height: 100px; }
#featureItems {background: #072b64 url(../images/halftoneBkgr.jpg) repeat-x; padding: 20px;}
#featureItems h3 {padding: 10px 10px 0px 10px; font-family: 'Marcellus', serif; font-size: 20px; line-height: 20px; color: #a21d21; font-weight: normal;} 
#featureBox1 {background: #fff;  border-radius: 6px 6px 0px 0px;}
#featureBox2 {background: #fff;  border-radius: 6px 6px 0px 0px;}
#featureBox3 {background: #fff;  border-radius: 6px 6px 0px 0px;}
#featureBox4 {background: #fff;  border-radius: 6px 6px 0px 0px;}
.featureText {font-family: 'Droid Sans', sans-serif; font-size: 15px; color: #152E5A; padding: 0 10px 10px; min-height: 60px;} 
.featureBtn {background-color: #7599C9; padding: 10px; text-align: right; line-height: 14px;}
.featureBtn a {color: #fff; }
#copyRight {text-align: right; font-size: 12px; line-height: 13px; padding: 4px 0px 4px 0px;}
#policies {float: left; font-size: 12px; line-height: 13px; padding: 4px 0px 4px 0px;}
#calendarImg {padding: 15px 9px 0px 0px;}
#mapImg {padding: 5px 0px;}
#mapImg h1 {font-family: 'Marcellus', serif; font-size: 21px; line-height: 20px; font-weight: normal; color: #0C2966; border: none;}
#starRow {background: url("../images/star.png") repeat-x; height: 60px;}
.dropdown {list-style: none; margin: 0px 0px 20px 0px;}
.dropdown-menu {    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;}
table.table thead .sorting {background-color: #BDBDBA!important;}
table.table thead .sorting_asc {background-color: #BDBDBA!important;}
table.table thead .sorting_desc {background-color: #BDBDBA!important;}




h1  {font-family: 'Marcellus', serif; font-size: 28px; line-height: 40px; font-weight: normal; color: #900206; border-bottom: 1px solid #000;}
h2 {font-family: 'Marcellus', serif; font-size: 21px; line-height: 26px; color: #2183cb; font-weight: normal; clear: both;}
h3 {font-family: 'Marcellus', serif; font-size: 20px; line-height: 20px; color: #a21d21; font-weight: normal;}
h4 {font-size: 12px; color: #838383; line-height:  14px;}
h5 {font-size:  14px; font-weight: bold; padding: 0px; color: #0C225F; margin: 0px; line-height: 17px;}
.specialColor {color: #838383; line-height: 22px;}

.breadcrumb {
	padding: 18px 10px 15px 0px!important;
	margin: 0px!important;
	border-radius: 0px!important;
	background: none;
}

/*Menu Collapse Name*/
	.agencyName {
		float: left;
	}
	.agencyName p {
		color: #FFF;
		font-size: 19px;
		padding: 8px 2px 0px;
		text-shadow: #000 0.1em 0.1em 0.2em;
	}
	.agencyName a {
		color: #FFF;
		padding: 5px 0px;
		text-shadow: #000 0.1em 0.1em 0.2em;
		text-decoration: none;
	}
	
/*Footer*/
#footer {
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #BCCCEC),
	color-stop(1, #F5F7FC),
	color-stop(1, #FFFFFF)
);
background-image: -o-linear-gradient(top, #BCCCEC 0%, #F5F7FC 100%, #FFFFFF 100%);
background-image: -moz-linear-gradient(top, #BCCCEC 0%, #F5F7FC 100%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(top, #BCCCEC 0%, #F5F7FC 100%, #FFFFFF 100%);
background-image: -ms-linear-gradient(top, #BCCCEC 0%, #F5F7FC 100%, #FFFFFF 100%);
background-image: linear-gradient(to top, #BCCCEC 0%, #F5F7FC 100%, #FFFFFF 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#BCCCEC');
background-color: #D5DFF3;
	padding: 20px;
}
#footer ul {
	list-style-type: none;
	margin: 0px;}
	
#footer a {
	color: #2B4376;
	}
#footer p {
	color: #2B4376;
	}
	

	


/*navigation*/
	
	 .navbar {
		 margin-bottom: 0px !important;
	    }
	.dividerNav {
		border-left: thin solid #fff;
		height: 16px;
	}
	.noDivider {
		background: none;
		padding: 8px 0px 6px 7px!important;
	}
	 #containerNav {
		margin: 0 auto; 
		background: #900207;
	   	}
	  
	 #navContainer {
		background-color: #090;
		margin: 0 auto; 		
		max-width:940px;
	 	}
	 
	.navbar-inverse .navbar-search .search-query {
    	background-color: #ffffff!important;
    	color: #949495!important;
		}
	  
	.navbar-inverse .navbar-inner {
		border: none;
		background: #900207;
		filter:none!important;
		}
	
	.navbar-inverse .brand, .navbar-inverse .nav > li > a {
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		color: #fff!important;
		padding: 4px 15px 7px;
		margin-top: 5px;
		}	
	.navbar-inverse .nav > li > a:focus,
	.navbar-inverse .nav > li > a:hover {
	  background-color: transparent;
	  color: #fff!important;
	  
		}
	
   .navbar-inner {
	   	background-repeat: repeat-x!important;	
	   	border-radius: 4px 4px 0px 0px;
		font-family: 'Marcellus', serif;
		font-size: 18px;
		font-weight:normal!important;
		margin: 0px auto!important;	
		padding-left:0!important;
		padding-right: 0px;
		box-shadow: none;
		
	}
	.navbar-inverse .nav-collapse .nav > li > a:hover,
  	.navbar-inverse .nav-collapse .dropdown-menu a:hover {
		color: #E8E280!important;
		background-color: transparent;
		
  } 
  
  /*cycle*/

.cycle-slideshow { width: 100%; padding: 0; position: relative;
    

 }

/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow img { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;
}

/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}


/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }
#adv-custom-caption {
    background-color: #000000;
    opacity: .7;
    bottom: 0;
    color: #FFFFFF;
    height: 35px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1000;
    width: 100%;
    font-size: 13px;
    line-height: 14px;
}


/* overlay */
.cycle-overlay { 
    font-family: tahoma, arial;
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .5;
}

 /*Search*/

#searchBar {
	background-color: #ebeaea;
	border-bottom: 1px solid #d0cfcf;
	box-shadow:inset 0 3px 4px rgba(0,0,0,.6);
	-webkit-box-shadow:inset 0 3px 4px rgba(0,0,0,.6);
	-moz-box-shadow: inset 0 3px 4px rgba(0,0,0,.6);
}
form .searchForm {
	box-shadow:inset 0 2px 5px rgba(0,0,0,.7);
	-webkit-box-shadow:inset 0 2px 5px rgba(0,0,0,.7);
	-moz-box-shadow:inset 0 2px 5px rgba(0,0,0,.7);
	zoom: 1;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #c5c7c7;
	float: right;
	height: 28px;
	margin: 6px 0px;
	width: 100%;
}
input.text {
	background: none repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: none;
    color: #8a8888;
    font-size: 12px;
    margin-top: 5px;
}
input.submit{
	cursor: pointer;
	float: right;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	border: none;
	}
#feature {
	border: 18px solid #fff;
	box-shadow: 1px 1px 3px #5A5E62;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#5A5E62,direction=0,strength=5);
	-moz-box-shadow: 0px 2px 3px 1px #5A5E62;
	-webkit-box-shadow: 0px 2px 3px 1px #5A5E62;
	overflow: hidden;
	margin-top: 20px;
}


/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 15%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(../images/left.png) 50% 50% no-repeat;}
.cycle-next { right: 0; background: url(../images/right.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .6; filter: alpha(opacity=60) }

.disabled { opacity: .5; filter:alpha(opacity=50); }


/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}

/*backpage*/
#backNav h3 {font-size: 18px; font-family: 'Droid Sans', sans-serif; padding-top: 20px; color: #5A7BC3; }
#backNav h3 a {color: #5B7FC0;}
#backNav {border-right: 1px solid #bfbfc0; min-height: 400px; background: url(../images/navBkgr.png) repeat-y; box-shadow: 3px 0 1px  #E5E7EC; margin-left: 0px; position: absolute; top: 0; bottom: 0;}
#backNav ul {padding: 0px; list-style-image: url(../images/starNav.png); margin:  5px 0px 0px 20px;}
#backNav li {line-height: 24px;}
#second-blockBack {padding: 0px; min-height: 400px; position: relative;}
#backContent {padding: 20px 90px;}
.board {margin-right: 0px; padding-bottom: 20px; margin-left: 0px!important; min-height: 205px!important;}
.staff {margin-left: 0px!important; padding-bottom: 15px;}

/* LET'S GET RESPONSIVE */
	  
	/***desktop***/
@media (min-width: 1200px) {	
	body {
		overflow-x: hidden;}
	
	#govBanner {
		border:none;
		height:34px;
		padding:0;	
		}	
	#govLogo {
		padding-left: 80px;
		padding-top: 3px;
		}
	#copyText {
		text-align:right!important;
			}
		

	}



@media (min-width: 768px) and (max-width: 979px) {
	.navbar-inverse .nav-collapse .nav > li > a:hover,
  	.navbar-inverse .nav-collapse .dropdown-menu a:hover {
		color:  #8F0106!important;
		background-color: #fff;
  }
  		.dividerNav {
		border: none;
	}
	#backContent {padding: 20px 20px;}
		



	}
	
@media (max-width: 767px) {	
	.navbar-inverse .nav-collapse .nav > li > a:hover,
  	.navbar-inverse .nav-collapse .dropdown-menu a:hover {
		color:  #8F0106!important;
		background-color: #fff
		}
	.container {margin: 0px 20px;}
	
	body {padding: 0px;}
	
	#govLogo {
		padding-left: 20px;	
		text-align: right;	
	}
	#agencyLinks {
		width: 60%;
		float: left;
}
	
	#govBanner {
		background: #fff;
		border:none;
		height:34px;	
		padding:0;	
		}
	#govBannerText {
		background:#000;
	}
  		.dividerNav {
		border: none;
	}

	#calendarImg {padding: 4px 9px 0 0;}
	#mapImg {padding: 5px 0px 10px} 
	#featureBox1 {min-height: 80px;}
#featureBox2 {min-height: 80px;}
#featureBox3 {min-height: 80px;}
#featureBox4 {min-height: 80px;}
#policies {float: left; width:30%;}	
#quickLinks {float:left; width: 48%; padding-bottom: 20px;}
#backNav {border: none; width: 100%; clear: both; box-shadow: none; min-height: 120px; background: url(../images/navBkgr2.png) repeat-y; position: static; padding-bottom: 20px;}
#backNav h3 {background-color: #5f749e; color: #ffffff; padding: 5px;}
#backNav h3 a {color: #ffffff;}
#second-blockBack {padding: 0px; }
#backContent {padding: 20px 10px;}



}
/* Style eGov Banner */
@media (min-width: 767px) { 
		#govBanner {position: absolute; top: 0; z-index: 10000; background: #fff; border:none; padding: 0px; height:34px;}
		.govBannerText {margin: 0 auto; color: #000; font-size: 12px; padding: 9px 0;}
		.govBannerText a {display: block inline; color: #000; text-decoration: none;}
		.govBannerText a:hover {text-decoration: underline;}

		
	#copyText {
			text-align:right;
			}
		
			
					
	}
@media (max-width: 480px) {
	#quickLinks {float:none; width: 100%;}
	#address {clear: both;}
	#box1 {border: 8px;}
}
		
}