/*
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;
}

.interiorBg img {
	border: 1px solid #666;
}

#mainBranchphoto img {
	border: 1px solid #666;
}

#sidebarBranchphoto img {
	border: 1px solid #666;
}

#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: 615px;
	height: 61px;
	margin: 22px 0 17px 0;
	float: left;
}

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

.altLogo {
	background-image: url(images/home-logo.gif);
	background-repeat: no-repeat;
}

.search {
	width: 300px;
	height: 45px;
	margin: 35px 0 20px 0;
	float: left;
	margin-left: 10px;
	text-align: right;
}

#searchArea {
	margin-top: 5px;
}

.search input { 
	float: left;
	background: #F2F2F2; 
	color: #333; 
	border: 1px solid #ccc; 
	padding: 3px; 
	width: 209px;
	height: 14px; 
	vertical-align: top; 
}

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


/* nav */

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

#nav_home {
	width:83px;
	height:45px;
	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 -45px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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


.navLink span {
	display: none;
}


/* Main Menu DropDowns */

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

#nav a {
	display: block;
}

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

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

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

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


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

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

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

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

/* Sets subnav width, color and rollover */

#subHome li { width: 83px; background: #7a7a7a;}
#subHome li a:hover { background: #666666; }

#subCounty li { width: 95px; background: #be3434;}
#subCounty li a:hover { background: #af0303; }

#subDowntown li { width: 109px; background: #366eb9; }
#subDowntown li a:hover { background: #0549aa; }

#subEastside li { width: 95px; background: #32a86b; }
#subEastside li a:hover { background: #049145; }

#subGlenwood li { width: 144px; background: #ffac5c; }
#subGlenwood li a:hover { background: #fc9a37; }

#subCamp li { width: 136px; background: #7f539e; }
#subCamp li a:hover { background: #5e2888; }

#subChildcare li { width: 108px; background: #338dc9; }
#subChildcare li a:hover { background: #006fbe; }

#subInfo li { width: 119px; background: #f47b50; }
#subInfo li a:hover { background: #f15a23; }

/* 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;
}

/* Main */

#homeSlideshow {
	width: 615px;
	height: 410px;
	margin-bottom: 10px;
	overflow: hidden;
	z-index: 1;
}

#mainBranchphoto {
	width: 585px;
	height: 380px;
	margin-bottom: 10px;
	overflow: hidden;
	padding: 15px;
	background-image: url(images/branchMainPhotobg.jpg);
	background-repeat:no-repeat;
}

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

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

#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: 165px;
	margin: 0 10px 10px 10px;
	overflow: hidden;
}

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

#pageBody {
	width: 605px;
	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: 35px;
	padding: 40px 15px 15px 100px;
	background-image: url(images/footer-financial.png);
	background-repeat:no-repeat;
	overflow: hidden;
	float: left;
}

#footer-email {
	width: 187px;
	height: 35px;
	padding: 40px 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: 6px;
}

.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: 55px 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: 10px;
	padding: 40px 15px 15px 85px;
	background-image: url(images/promoMember.png);
	background-repeat:no-repeat;
	overflow: hidden;
	display: block;
}

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

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

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

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

#sidebarBranchphoto {
	width: 280px;
	height: 180px;
	margin-bottom: 10px;
	padding: 10px;
	background-image: url(images/branchPhotobg.gif);
	background-repeat:no-repeat;
	overflow: hidden;
	display: block;
}

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

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

#sidebarBranchnews {
	width: 270px;
	height: 160px;
	background-image: url(images/sidebar-branchnews.png);
	background-repeat: no-repeat;
	padding: 50px 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: #bdbec0;
}

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

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

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

#sidebarCC2Int {
	width: 175px;
	height: 70px;
	padding: 40px 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;	
}

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

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

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

#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: 120px;
	background-color: #333333;
	margin-top: 15px;
}

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

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

#footerRight {
	width: 300px;
	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;	
}