/*
Theme Name: YMCA Erie
Theme URI: http://www.gryphmedia.com/
Description: Custom theme designed for YMCA Erie
Version: 1.0
Author: Rae Nester
Author URI: http://www.gryphmedia.com/
*/


/* import CSS */
@import url(css/reset.css);
@import url(css/typography.css);

/* stops the nasty horizontal shift with centered layouts in moz etc */
/* html { height: 100%; margin-bottom: 1px; } */

.floatstop {
	clear:both;
}

.floatLeft{
	float: left;
	margin: 0 10px 0 0;
}

.alignleft{
	float: left;
	margin: 0 10px 0 0;
}

.alignright{
	float: right;
	margin: 0 0 0 10px;
}

.aligncenter {
	margin: 5px auto 5px auto;
	display: block;
}

#sidebarPromo img {
	border: 1px solid #666;
	margin: 0 0 8px 0;
}

.noBorder img {
	border: none;
}

#homeSlideshow img {
	border: none;
}

/* home layout */

/* header */

#headerBg {
	height: 100px;
}

#header {
	width: 925px;
	height: 100px;
	margin: 0 auto 0 auto;
}

#logo {
	width: 250px;
	height: 82px;
	margin: 18px 0 0 0;
	float: left;
}

.sameHeader {
	background-image: url(images/header.gif);
	background-repeat: repeat-x;
}

.sameLogo {
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
}

.search {
	width: 300px;
	height: 82px;
	margin: 18px 0 0 375px;
	float: left;
	text-align: right;
}

#searchArea {
	height: 42px;
}

.search input { 
	float: left;
	background: #F2F2F2; 
	background-image: url(images/searchinput.gif);
	background-repeat: no-repeat;
	border: 0px;
	width: 215px;
	height: 22px; 
	vertical-align: top; 
}

.search input.submit { 
	float: left;
	background-image: url(images/searchbox.gif);
	background-repeat: no-repeat;
	width: 77px; 
	height: 22px;
	border: none;
	text-indent: -9999px;
	margin-left: 5px; 
}

#location {
	height: 40px;
	vertical-align: bottom;
}


/* nav */

#navBar {
	width: 925px;
	margin: 12px auto 15px auto;
	position: relative;
	z-index: 10;
}

#nav_home {
	width:93px;
	height:33px;
	float: left;
	margin: 0;
	padding-right: 5px;
	background: url(images/home.gif) no-repeat 0 0 ;
	position:relative;
	display:inline;
}

#nav_home:hover {
	background-position: 0 -33px;
}

#nav_county {
	width:95px;
	height:33px;
	float: left;
	padding-right: 5px;
	background: url(images/county.gif) no-repeat 0 0 ;
	position:relative;
	display:inline;
}

#nav_county:hover {
	background-position: 0 -33px;
}

#nav_downtown {
	width:109px;
	height:33px;
	float: left;
	padding-right: 5px;
	background: url(images/downtown.gif) no-repeat 0 0 ;
	position:relative;
	display:inline;
}

#nav_downtown:hover {
	background-position: 0 -33px;
}

#nav_eastside {
	width:95px;
	height:33px;
	float: left;
	padding-right: 5px;
	background: url(images/eastside.gif) no-repeat 0 0 ;
	position:relative;
	display:inline;
}

#nav_eastside:hover {
	background-position: 0 -33px;
}

#nav_glenwood {
	width:144px;
	height:33px;
	float: left;
	padding-right: 5px;
	background: url(images/glenwood.gif) no-repeat 0 0 ;
	position:relative;
	display:inline;
}

#nav_glenwood:hover {
	background-position: 0 -33px;
}

#nav_camp {
	width:136px;
	height:33px;
	float: left;
	padding-right: 5px;
	background: url(images/camp.gif) no-repeat 0 0 ;
	position:relative;
	display:inline;
}

#nav_camp:hover {
	background-position: 0 -33px;
}

#nav_childcare {
	width:108px;
	height:33px;
	float: left;
	padding-right: 5px;
	background: url(images/childcare.gif) no-repeat 0 0 ;
	position:relative;
	display:inline;
}

#nav_childcare:hover {
	background-position: 0 -33px;
}

#nav_info {
	width:109px;
	height:33px;
	float: left;
	background: url(images/info.gif) no-repeat 0 0 ;
	position:relative;
	display:inline;
}

#nav_info:hover {
	background-position: 0 -33px;
}


.navLink span {
	display: none;
}


/* Main Menu DropDowns */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 10; 
	line-height: 1;
}

#nav a {
	display: block;
}

#nav li {
	float: left;
	position:relative;
}

#nav li ul {
	margin: 33px 0 0 0;
	position: absolute;
	width: 10em;
	left: -999em;
	z-index: 10;
}

#nav li ul li {
	/*line-height: 25px;*/
	line-height: 13px;
	border-bottom: #fff 2px solid;
	text-align: center;
}

#nav li ul li.last_item {
	padding-bottom: 2px;
	border-bottom: none;
}

#nav li ul li ul li.last_item {
	padding-bottom: 0;
	border-bottom: none;
}


#nav li ul li a {
	text-transform: none;
	margin-top: 0;
	padding: 0 1px 0 0;
	padding: 10px 0;
	color: #f2f2f2;
	border-left: none;
	font-size: 11px;
	font-weight: normal;
}

#nav li ul li a:hover {
	color: #fff;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li ul ul {
	margin: -25px 0 0 93px;
	z-index: 10;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

/* Sets subnav width, color and rollover */

#subHome li { width: 93px; background: #3fc1f2;}
#subHome li a:hover { background: #00aeef; }
#subHome ul li { width: 160px; background: #00aeef; border-left: #fff 2px solid; margin-top:-8px; margin-bottom: 8px; }
#subHome ul li a:hover { background: #3fc1f2; }

#subCounty li { width: 95px; background: #3fa5da;}
#subCounty li a:hover { background: #0089d0; }
#subCounty ul li { width: 160px; background: #0089d0; border-left: #fff 2px solid; margin-left: 2px; margin-top:-8px; margin-bottom: 8px; }
#subCounty ul li a:hover { background: #3fa5da; }

#subDowntown li { width: 109px; background: #3f87c2; }
#subDowntown li a:hover { background: #0060af; }
#subDowntown ul li { width: 160px; background: #0060af; border-left: #fff 2px solid; margin-left: 16px; margin-top:-8px; margin-bottom: 8px; }
#subDowntown ul li a:hover { background: #3f87c2; }

#subEastside li { width: 95px; background: #d34fa8; }
#subEastside li a:hover { background: #c6168d; }
#subEastside ul li { width: 160px; background: #c6168d; border-left: #fff 2px solid; margin-left: 2px; margin-top:-8px; margin-bottom: 8px; }
#subEastside ul li a:hover { background: #d34fa8; }

#subGlenwood li { width: 144px; background: #ac5caa; }
#subGlenwood li a:hover { background: #92278f; }
#subGlenwood ul li { width: 160px; background: #92278f; border-left: #fff 2px solid; margin-left: 51px; margin-top:-8px; margin-bottom: 8px; }
#subGlenwood ul li a:hover { background: #ac5caa; }

#subCamp li { width: 136px; background: #8461ab; }
#subCamp li a:hover { background: #5c2e91; }

#subChildcare li { width: 108px; background: #57cccd; }
#subChildcare li a:hover { background: #20bdbe; }
#subChildcare ul li { width: 115px; background: #20bdbe; border-left: #fff 2px solid; margin-left: 15px; margin-top:-8px; margin-bottom: 8px; }
#subChildcare ul li a:hover { background: #57cccd; }

#subInfo li { width: 109px; background: #40baaa; }
#subInfo li a:hover { background: #01a490; }

/* content */

#content {
	width: 925px;
	margin: 0 auto 0 auto;
}

#contentLeft {
	width: 615px;
	float: left;
}

#contentRight {
	width: 300px;
	float: left;
	margin-left: 10px;
}

.interiorBg {
	background-image:url(images/interiorBg.gif);
	background-repeat:repeat-y;
}

#contentFull {
	width: 925px;
	float: left;
	background: #fff;
}

/* Main */

#homeSlideshow {
	width: 615px;
	height: 410px;
	margin-bottom: 10px;
	overflow: hidden;
	position:relative;
}

#homeSlideDeck {
	width: 615px;
	height: 240px;
	margin-bottom: 15px;
	overflow: hidden;
	position:relative;
}

#mainBranchphoto {
	width: 615px;
	height: 410px;
	margin-bottom: 10px;
	overflow: hidden;
}

#homeContent {
	width: 615px;
	height: 315px;
}

#branchContent {
	width: 615px;
	height: 315px;
}

#homeSubhead {
	width: 595px;
	height: 40px;
	margin: 0 10px 10px 10px;
	text-align: center; 
}

#branchSubhead {
	width: 595px;
	height: 20px;
	margin: 0 10px 10px 10px;
	padding-top: 5px;
	text-align: center; 
}

#homeBody {
	width: 595px;
	height: 300px;
	margin: 0 10px 10px 10px;
	overflow: hidden;
}

#branchBody {
	width: 595px;
	height: 175px;
	padding-top: 5px;
	margin: 0 10px 10px 10px;
	overflow: hidden;
}

#pageBody {
	width: 100%;
	height: auto;
	padding-top: 5px;
	margin: 0 10px 10px 0;
}

.bodyColumn1 {
	width: 290px;
	height: 165px;
	float: left;
	margin-right: 15px;
}

.bodyColumn2 {
	width: 290px;
	height: 165px;
	float: left;
}

#homeFooter {
	width: 615px;
	height: 90px;
}

#footer-financial {
	width: 188px;
	height: 60px;
	padding: 15px 15px 15px 100px;
	background-image: url(images/footer-financial.png);
	background-repeat:no-repeat;
	overflow: hidden;
	float: left;
}

#footer-email {
	width: 187px;
	height: 60px;
	padding: 15px 15px 15px 100px;
	background-image: url(images/footer-email.png);
	background-repeat:no-repeat;
	overflow: hidden;
	float: left;
	margin-left: 10px;
}

/* Branch Subnav */

#branchSubnav {
	width: 605px;
	height: 15px;
	padding: 5px;
	margin-bottom: 10px;
	background-image: url(images/branch-subnav.gif);
	background-repeat: no-repeat;
}

.branchSubItem span{
	margin: 7px;
}

.mainDivide {
	background: url(images/mainDivide.gif) no-repeat;
	height: 5px;
	margin-bottom: 20px;
	width: 600px;	
}

/* Sidebar */

#sidebarMembership {
	width: 175px;
	height: 60px;
	margin-bottom: 10px;
	padding: 20px 15px 15px 110px;
	background-image: url(images/sidebar-membership.png);
	background-repeat:no-repeat;
	overflow: hidden;
	display: block;
}

#sidebarRegister {
	width: 175px;
	height: 60px;
	margin-bottom: 10px;
	padding: 55px 15px 15px 110px;
	background-image: url(images/sidebar-register.png);
	background-repeat:no-repeat;
	overflow: hidden;
	display: block;
}

#sidebarDonate {
	width: 175px;
	height: 60px;
	margin-bottom: 10px;
	padding: 55px 15px 15px 110px;
	background-image: url(images/sidebar-donate.png);
	background-repeat:no-repeat;
	overflow: hidden;
	display: block;
}

#sidebarPromo {
	width: 275px;
	height: 180px;
	margin-bottom: 10px;
	padding: 15px;
	background-image: url(images/promoBox.png);
	background-repeat:no-repeat;
	overflow: hidden;
	display: block;
}

#sidebarMembershipPromo {
	width: 200px;
	height: 35px;
	padding: 15px 15px 15px 85px;
	background-image: url(images/promoMember.png);
	background-repeat:no-repeat;
	overflow: hidden;
	display: block;
}

#sidebarRegisterPromo {
	width: 200px;
	height: 35px;
	padding: 10px 15px 15px 85px;
	background-image: url(images/promoReg.png);
	background-repeat:no-repeat;
	overflow: hidden;
	display: block;
}

#sidebarVolunteerPromo {
	width: 200px;
	height: 35px;
	padding: 10px 15px 15px 85px;
	background-image: url(images/promoVol.png);
	background-repeat:no-repeat;
	overflow: hidden;
	display: block;
}

#sidebarDonatePromo {
	width: 200px;
	height: 40px;
	padding: 10px 15px 15px 85px;
	background-image: url(images/promoDonate.png);
	background-repeat:no-repeat;
	margin-bottom: 10px;
	overflow: hidden;
	display: block;
}

#sidebarNews {
	width: 270px;
	height: 415px;
	background-image: url(images/sidebar-news.png);
	background-repeat: no-repeat;
	padding: 20px 15px 15px 15px;
	overflow: hidden;
}

#sidebarNewsDeck {
	width: 270px;
	height: 468px;
	background-image: url(images/sidebar-news-deck.png);
	background-repeat: no-repeat;
	padding: 20px 15px 15px 15px;
	overflow: hidden;
}

.newsStories ul { }
.newsStories li { 
	margin-bottom: 15px;
}

#sidebarBranchphoto {
	width: 300px;
	height: 200px;
	margin-bottom: 10px;
	overflow: hidden;
	display: block;
}

#sidebarLocation {
	width: 175px;
	height: 100px;
	margin-bottom: 10px;
	padding: 15px 15px 15px 110px;
	background-image: url(images/sidebar-location.png);
	background-repeat:no-repeat;
	overflow: hidden;
	display: block;
}

#sidebarHours {
	width: 175px;
	height: 100px;
	margin-bottom: 10px;
	padding: 15px 15px 15px 110px;
	background-image: url(images/sidebar-hours.png);
	background-repeat:no-repeat;
	overflow: hidden;
	display: block;
}

#sidebarBranchnews {
	width: 270px;
	height: 220px;
	background-image: url(images/sidebar-branchnews.png);
	background-repeat: no-repeat;
	padding: 15px 15px 10px 15px;
	overflow: hidden;
}

#sidebarAllnews {
	width: 270px;
	height: 160px;
	background-image: url(images/sidebar-latestnews.png);
	background-repeat: no-repeat;
	padding: 45px 15px 15px 15px;
	overflow: hidden;
}

.sidebarBg {
	background-color: #d8d8d9;
}

#sidebarLocationInt {
	width: 175px;
	height: 95px;
	padding: 15px 15px 10px 110px;
	background-image: url(images/sidebar-location-interior.png);
	background-repeat:no-repeat;
	overflow: hidden;
	display: block;
}

#sidebarHoursInt {
	width: 175px;
	height: 95px;
	padding: 15px 15px 10px 110px;
	background-image: url(images/sidebar-hours-interior.png);
	background-repeat:no-repeat;
	overflow: hidden;
	display: block;
}

#sidebarBranchnewsInt {
	width: 270px;
	height: 245px;
	background-image: url(images/sidebar-branchnews-interior.png);
	background-repeat: no-repeat;
	padding: 15px 15px 10px 15px;
	overflow: hidden;
}

#sidebarNewsOnlyInt {
	width: 270px;
	height: 455px;
	background-image: url(images/sidebar-news-only-interior.png);
	background-repeat: no-repeat;
	padding: 15px 15px 10px 15px;
	overflow: hidden;
}

#sidebarCC1Int {
	width: 175px;
	height: 95px;
	padding: 15px 15px 10px 110px;
	background-image: url(images/sidebar_cc1_interior.png);
	background-repeat:no-repeat;
	overflow: hidden;
	display: block;
}

#sidebarCC2Int {
	width: 175px;
	height: 95px;
	padding: 15px 15px 10px 110px;
	background-image: url(images/sidebar_cc2_interior.png);
	background-repeat:no-repeat;
	overflow: hidden;
	display: block;
}

.sidebarDivide {
	background: url(images/sidebarDivide.gif) no-repeat;
	height: 5px;
	width: 300px;	
}

.sidebarDivideLt {
	background: url(images/sidebarDivideLt.png) no-repeat;
	height: 5px;
	width: 270px;
	margin: 8px 0 8px 0;	
}

.sidebarDivideDk {
	background: url(images/sidebarDivideDk.png) no-repeat;
	height: 5px;
	width: 270px;	
	margin: 8px 0 8px 0;
}

.sidebarBottomPad {
	height: 100px;
	width: 300px;	
	background: #d8d8d9;
}

#sidebarArchivenews1 {
	width: 270px;
	height: auto;
	background-image: url(images/sidebar-newsArchive.png);
	background-repeat: no-repeat;
	padding: 15px 15px 15px 15px;
	background-color: #f7f7f7;
}

#sidebarArchivenews2 {
	width: 270px;
	height: 255px;
	background-image: url(images/sidebar-newsArchive2.png);
	background-repeat: no-repeat;
	padding: 15px 15px 15px 15px;
}

#sidebarArchivenewsB {
	width: 270px;
	height: auto;
	background-image: url(images/sidebar-blankArchive.png);
	background-repeat: no-repeat;
	padding: 15px 15px 15px 15px;
	background-color: #f7f7f7;
}

#sidebarBlankSolid {
	width: 270px;
	height: 140px;
	padding: 25px 15px 15px 15px;
	background-color: #f7f7f7;
}

#sidebarBlankPad {
	width: 270px;
	height: 1px;
	padding: 25px 15px 0px 15px;
	background-color: #ebeced;
}

#sidebarBlank {
	width: 270px;
	height: auto;
	background-image: url(images/sidebar-blank.png);
	background-repeat: no-repeat;
	padding: 5px 15px 15px 15px;
}

.sidebarPDF {
	width: 175px;
	height: 40px;
	background-image: url(images/wbpPDF.png);
	background-repeat: no-repeat;
	padding: 22px 15px 15px 110px;
	margin-top: 40px;
}

/* footer */

#footerBg {
	height: 150px;
	background-color: #636466;
	margin-top: 15px;
}

#footer {
	width: 925px;
	height: 120px;
	margin: 0 auto 0 auto;
	padding: 15px 0 15px 0;
}

#footerLeft {
	width: 675px;
	float: left;
}

#footerRight {
	width: 240px;
	float: left;
	margin-left: 10px;
	text-align: right;
}

/* Custom WBP */

#video1 {
	float: left;
	padding: 0 70px 50px 0;
}

#video2 {
	float: left;
	padding: 0 0 50px 0;
}


#sidebarWBP {
	width: 175px;
	height: 30px;
	margin-bottom: 10px;
	padding: 85px 15px 15px 110px;
	background-image: url(images/sidebar-wbp.png);
	background-repeat:no-repeat;
	overflow: hidden;
	display: block;
}

.sidebarBottomPad30 {
	height: 30px;
	width: 300px;	
}

table.childcare_table td {
	padding: 5px 0 10px 0;
}

table.volunteer_desc td {
	padding: 0 0 10px 0;
}

td.volunteer_desc_lt {
	width: 190px;
}

table.volunteer_full td, table.volunteer_full th {
	padding: 10px;
	text-align: center;
	border: 1px solid #888;
}

.volunteer_full {
	border: 1px solid #666666;
}

.volunteer_full tr:nth-of-type(even) {
  background-color:#e1ebef;
}

.wbpfix {
	margin-bottom: 10px;
}
.vol_cat li {
	float: left;
	padding-right: 18px;
	line-height: 1;
}