/* CSS Document */

body {
	
    
	 background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding:0px;
font-family: 'PT Sans', sans-serif;
	}

fieldset {
	border:solid;
}
fieldset legend {
	width:auto;
}

.smallfont {font-size:.6em}
a:link, a:visited {color:#3357B8}
a:hover{color:red;}
.inner-wrap {position:relative;margin-left:auto;margin-right:auto;}
.hr-blue {background-color: #3357B8;height:15px;}
#topBar form {float:right;}
select {
margin-top:0px;margin-bottom:0px;
border-radius:5px;
background-color:#d8dae6;
color:#343c5e;
font-size:14px;
-webkit-appearance:none;
outline:none;
margin-left: 5px;
}

/*---------MAST-------------------------------------------------------------*/
#mast {background-color: #FFFFFF;height: 220px;}
#mast h3 {font-size:35px;margin-top: 30px;color: #2e3455;margin-bottom: 0px;  position: relative;  top: -15px;}
#mast #topBar {height: 30px;background-color: #2E3455;color: #FFFFFF;}
#mast .social-sites{margin-left: -40px;margin-top: 0px;}
#mast .social-sites li{list-style:none;float:left;margin-right:10px;}
#mast .header-details {margin-top: -100px;}
#mast .header-details li{list-style:none;text-align: right;color: #2e3455;}
#mast .img_commissioner{position:absolute;top:20px;left:480px}
/*---------------------------------------------------------------------------*/

#content{background-color:#FFF;height:100%;position:relative;min-height:900px;}
.breadcrumb{font-size: .8em;margin-bottom:-1.5em;}


.inner-menu{
float:left;
width:195px;
height:100%;
  position: absolute;
background:#d8dae6;
}
/*---------MENU-------------------------------------------------------------*/
.inner-menu ul li{list-style:none;margin-top: 0px;}
.inner-menu ul {width: 195px;padding: 0px;}
.inner-menu ul li a{text-decoration:none;color: #2e3455;}
.inner-menu ul li ul{color:#2e3455;background:#b1b6cd;padding-left: 25px;width: 180px;}
.inner-menu ul li ul li a{color:#2e3455;background:#b1b6cd;}

.menu-wrap{float:right;margin-top: 0px;}
.menu-wrap li{float: left;list-style:none;margin-right:10px;}
.menu-wrap li a{text-decoration:none;color:#ffffff;}
/*---------MAST-------------------------------------------------------------*/


.inner-content{margin-left:130px;margin-right:20px;padding-top:20px;}
.inner-content h2 {color:#000000;}
.inner-content table h2 {margin-bottom:-.5em;}
/* .inner-content table {margin-top:-40px;} */
.inner-content table {margin-top:0px;}
.inner-content img { 
	-moz-box-shadow:     5px 5px 9px 5px #ccc;
  	-webkit-box-shadow:  5px 5px 9px 5px #ccc;;
  	box-shadow:         5px 5px 9px 5px #ccc;
  border:1px solid black;
  border-radius:5px;}
.imgNoCurveBorder {border:0px solid black !important;
		-moz-box-shadow:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;
		border-radius:0px !important;
}
.news-teaser{width:763px;height:35px;border:1px solid transparent;border-radius:5px;background:#d8dae6;padding-top:10px;padding-left:20px;position:relative;margin-bottom:10px; overflow:hidden;}

/*----------BANNER ROTATOR------------------------------------------------*/

.page-banner{
width:772px;
height:285px;
margin: 20px 0px;
border: 8px solid #424d7a;
border-radius: 5px;
}

.page-banner img{
float:right;
	-moz-box-shadow:     0px 0px 0px 0px #ccc;
  	-webkit-box-shadow:  0px 0px 0px 0px #ccc;;
  	box-shadow:         0px 0px 0px 0px #ccc;
  border:0px solid black;
  border-radius:0px;
}

#rotating-item-wrapper {
    position: relative;
/*    width: 980px;
    height: 347px;*/
}
.rotating-item {
    display: none;
    position: absolute;
    top: 0;
    left: 285px;
}

#bannerHeadline {font-size: .6em; background-color:#424D7A}
#bannerCaptions{
float:left;
z-index: 100;
background-color:#B1B6CD;
width: 286px;
font-size:35px;
font-weight:bold;
text-align:left;
height:285px;
color:white;
}
#bannerCaptions a:link {color:white;text-decoration:none;}
#bannerCaptions a:visited {color:white;text-decoration:none;}
#bannerCaptions a:hover {color:white;text-decoration:underline;}
#bannerCaption1 {padding-left:10px;padding-top:7px;padding-bottom:7px;cursor:pointer;}
#bannerCaption2 {background-color:#424D7A;padding-left:10px;;padding-top:7px;padding-bottom:7px;cursor:pointer;}
#bannerCaption3 {padding-left:10px;;padding-top:7px;padding-bottom:7px;cursor:pointer;}
#bannerCaption4 {background-color:#424D7A;padding-left:10px;line-height: 90%;padding-bottom:15px;cursor:pointer;}
/*-------------------------------------------------------------------------------------------------*/


/*------------------------------------- VIDEO EMBED------------------------------------------------*/
.js-video {overflow: hidden;float: right;background-color:#D8DAE6;padding:10px;width:400px;border-radius:5px; margin-bottom:10px;}
.js-video h1{line-height:0px;}
.js-video.widescreen {padding-bottom: 56.34%;}
.js-video.vimeo {padding-top: 0;}
/*------------------------------------- VIDEO EMBED------------------------------------------------*/
.kid-video {overflow: hidden;float: center;background-color:#D8DAE6;padding:10px;width:520px;border-radius:5px; margin-bottom:10px;}
.kid-video.widescreen {padding-bottom: 56.34%;}
.kid-video.vimeo {padding-top: 0;}
/*---------------------------------above is About KID page video-------------------------------------------*/

/*.left-wrap{
width: 320px;
position:absolute;left:220px;top:400px;}
*/
.left-wrap{
width: 320px;
left:220px;top:400px;margin-bottom:20px;}



.helpservices h1{line-height:.2em;}
.helpservices h1{line-height:.2em;}
.helpservices li {color:;margin-left:-35px;padding-left:10px;list-style: square;padding-left:0px; margin-left:1px;}


.docservices{
    width: 295px;
  border: 3px solid #434d79;
  border-radius: 5px;
  margin-left: 13px;
  margin-right: 10px;
  padding: 15px;
  	font-size: .8em;

}
.docservices h1{font-size:25px;line-height:0px;margin-top:10px;}
.docservices h3{font-size:15px;line-height:15px;margin-top:10px;}
.docservices select{width: 130px;}

/*------------------------------------- FOOTER------------------------------------------------*/

.footer-full {background-color:white;padding-top:5px;padding-bottom:25px;}
.footer ul{margin: 10px 0px 10px 0px;}
.footer li{float:left;list-style:none;margin-right: 40px;}
/*--------------------------------------------------------------------------------------------*/

.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.flexslider{float:right; width: 690px;margin-top:-15px}
.flexslider li {margin-left:10px;}
.flex-viewport {}
.flex-control-nav {display:none;}
.flex-control-paging{display:none;}
.flex-direction-nav{display:none;}


/*---------------------------table within php code from prior site------------------------*/
.publictable {
  border: 1px #000099 solid;
}
.publictable caption {
 background-color: #666666;
 color: #FFFFFF;
 font-variant: small-caps;
 border-top: 1px #000099 solid;
 border-right: 1px #000099 solid;
 border-left: 1px #000099 solid;
}
.publictable th {
  background-color: #000066;
  color: #FFFFFF;
  border-bottom: 1px #CCCCCC solid;
}
.publictable th a {
  color: #FFFFFF;
}
.publictable td {
  border: none;
}
.pagetitle {
/*  color: #000099; */
  font-size: medium;
  font-weight: bold;
}
a.pagetitle {
	COLOR: #000099;
/*	FONT-SIZE: medium; */
	font-weight: bold;
}
a.pagetitle:hover {
    color: #cc0000;
}

/*Responsive Styles------------------------------------------- */
@media screen and (min-width:1000px) and (max-width:1350px){
body { /*reposition the wheat background */
    background-position: -150px 220px;
	}
}

@media screen and (max-width:980px){
body { /*reposition the wheat background */
    background-image:url(../images/site/none.png);
	background-image:none;
	}
}

.featured {
	width: 390px;
	border: 3px solid #434d79;
  border-radius: 5px;
  margin:10px 10px 10px 13px;
  padding: 5px;
  	font-size: .8em;
	float:right;
}
.featured h1{line-height:0px;font-size:30px;}
 