@charset "utf-8";/*Make divs right and leftleft for sign -up forms*/
#sun {
  float: right ;
  width: 50% ;
}
#sat {
  float: left;
  width: 50%;
}


/*Make StreamSpot Player Responsive*/

.video-container {
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 35px;
 height: 0;
 overflow: hidden;
 }
 /* 16x9 Aspect Ratio */
 .video-container-16x9 {
 padding-bottom: 56.25%;
 }
 /* 4x3 Aspect Ratio */
 .video-container-4x3 {
 padding-bottom: 75%;
 } .video-container iframe {
 position: absolute; top:0; left: 0; width: 100%; height: 100%;
 }



/*slideshow with blue overlay*/
/*
@media screen and (min-width: 730px) {
#bannerwrap .colourshift .backstretch-title {width: 100%;}
}
#bannerwrap .colourshift .backstretch-title .zt-title * {text-align:center;}

#bannerwrap .colourshift .backstretch-title .zt-readmore {margin: 2.25em 0; padding: 2.75em;}

#bannerwrap .colourshift .backstretch-title li.active{background: rgba(003, 087, 160, 0.5);}
*/

/* adjusting for banner size*/
#bannerwrap #grid4 {
	margin-left: 0;
	width: 34.33333%;
}



/*extend menu*/
#navwrap .zen-container {
    max-width: 1140px;
    width: 98%;
}

#menu.zen-menu.zen-menu-horizontal {
	width: 100%;
}



/*make two columns for articles*/
#container {
  width: 100%;
}

#colcontainer > .leftcolumn {
  display:inline-block;
  float:left;
  width:100px;
}

#container > .rightcolumn {
  display:inline-block;
  float:right;
  margin: 0 auto;
  width:100px;
}



/*modify tabs headings for clarity */

.zen-nav.zen-nav-tabs  li.active a, .zen-nav.zen-nav-tabs li.active span {
 border-color:#a00357; border-bottom-color: #fff;
}

.zen-nav.zen-nav-tabs li {
color: #0357a0;
}

/* Font for the Mobile Logo*/
#mobile-logo h1, #mobile-logo h2, #mobile-logo h3, #mobile-logo h4 {font-family: "Great Vibes";}

/*fix image responsive resizing */
img {height: auto;}

/*Outreach Organizations Background*/
#zentools-603 li {background:transparent}
#zentools-603 .zt-readmore {background:transparent}
#zentools-603 .zt-title h4, {background:transparent}


/* fix right side width breaking margin*/

.zentools.zt-grid ul, .zentools.zt-pagination ul {
max-width: 100%;
}


/*Modify Search Any Position*/

.search {border:1px solid #000}

.search button span {
color: #c1c1c1;
margin: 0;
}

.search input {
background:transparent;
font-size: 14px;
color: #999;
border: 0;
display: inline;
margin-bottom: 0;
outline: none;
height: auto;
width: calc(100% - 60px);
font-size: 14px;
text-indent: 10px;
line-height: 30px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin-top: 0px;
}

.search input:hover {background:#f3f3f3;}

.search button {
height: 44px;
background-color: #fff;
border: 0 none;
background:transparent
}

.search button {
float: right;
margin: -1px -1px -1px -1px;
min-width: 60px;
text-align: center;
border:0;
}

.search label {margin:0; padding: 0;}

.search .btn-primary:hover {background-color:transparent; border:0;}

/* End Modify Search */