/*

Site: YMCA of Greater Houston
Design: Brandi Lalanne for Schipul
Build: David Stagg for Schipul
URI: ymcahouston.org

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	}

a img { border: none; }
a { outline: none; }

p { margin-bottom: 8px; color: #696969; }
#home, #home p, #home div { color: #272727; }

body {
	font: 12px/1.4em Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: #696969;
	background: #1f8033 url(/images/body-bg.jpg) repeat-x top left;
	}
	
ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 { font-weight: bold; margin-bottom: 8px; } 

h1 { font-size: 16px; font-weight: bold; color: #632a8b; }
h2 { font-size: 14px; font-weight: bold; color: #632a8b; }
h3 { font-size: 12px; font-weight: bold; color: #632a8b; }

a { color: #007bb6; }
a:hover { text-decoration: none; }

/* STRUCTURE */
#global { width: 1100px; margin: 0 auto; }
#header {
	display: block;
	width: 1100px;
	height: 196px;
	background: #fff url(/images/header-bg.jpg) no-repeat top left;
	position: relative;
	margin: 0 auto;
	z-index: 999;
	}
	
	#ymca-google-search {
	display: block;
	width: 282px;
	height: 35px;
	text-indent: -9999px;
	position: absolute;
	top: 26px;
	left: 702px;
		}
	
	#ymca-logo {
	display: block;
	width: 177px;
	height: 122px;
	text-indent: -9999px;
	position: absolute;
	top: 27px;
	left: 119px;
		}
		
			#logo {
	display: block;
	width: 177px;
	height: 122px;

		}
		
	#top-searchbar { display:block; width:293px; height: 30px; top: 28px; right: 103px;float:right; position:absolute;}

#container {
	width: 912px;
	margin: 0 auto;
	background: transparent url(/images/container-bg.jpg) no-repeat top left;
	z-index: 1;
	}
	#main-content-area, #sub-content { float: right; width: 650px; margin-right: 20px; }
	#main-content { width: 900px; margin: 0 auto; background: #fff url(/images/main-content-bg.png) no-repeat top center; }
	#sub-content { padding-top: 20px; }
	
	#column-left {
		width: 175px;
		float: left;
		margin-left: 15px;
		}
		#search-box {
			display: block;
			width: 173px;
			height: 173px;
			background: #f5b12a url(/images/search-box-bg.jpg) no-repeat top left;
			margin: 0 0 25px 0;
			}
			#search-box select { color:#666; width: 150px; margin-top: 55px; margin-left: 10px; }
			#search-box input { color: #666; margin-top: 55px; margin-left: 10px; width: 100px; float: left; }
			#search-box input.submit { margin: 54px 0 0 10px; float: left; border: 2px solid #c19035; width: 30px; }

		#search-box-activities {
			display: block;
			width: 173px;
			height: 117px;
			background: #f5b12a url(/images/search-box-bg-activities.jpg) no-repeat top left;
			margin: 0 0 25px 0;
			}
			#search-box-activities select { color:#666; width: 150px; margin-top: 80px; margin-left: 10px; }
			#search-box-activities input { color: #666; margin-top: 55px; margin-left: 10px; width: 100px; float: left; }
			#search-box-activities input.submit { margin: 54px 0 0 10px; float: left; border: 2px solid #c19035; width: 30px; }
			
			
		#newsletter { background: transparent url(/images/newsletter-bg.jpg) no-repeat top left; width: 153px; float: left; padding-top: 50px; }
			#newsletter table { margin: 0 0 25px 10px; }
			#newsletter td { color:#333;font-size: 11px; line-height: 11px; }
			#newsletter select { color: #333; width: 140px; }
			#newsletter input { color: #999; width: 100px; float: left; font-weight:bold; }
			#newsletter input.submit { margin: 10px 0 0 0; border: 2px solid #EFA71D; width: auto; padding: 2px; background-color:#EFA71D; color:#FFF  }
		
		#newsletter-cta { display: block; margin-bottom: 20px; }
		
	#column-center { width: 300px; float: left; }
	
	#sub-content { margin-bottom: 20px; }
	#upcoming-news {  }
	
		/* TEMPLATES */

		
		#bodycontent {
			width: 620px;
			padding: 15px 0 0 40px;
			float: left;
			z-index:100;
			}
			#bodycontent h1 {
				padding-bottom: 8px;
				margin-bottom: 10px;
				border-bottom: 2px solid #efac2c;
				}
			#bodycontent .pull-out-box {
				width: 45%;
				padding: 15px;
				margin: 10px;
				float: left;
				}
				
			#sharethis{
			width: 620px;
			padding: 15px 0 0 40px;
			margin:0px;
			float: left;

			}
			
			#sharethis-center{
			width: 493px;
			margin:0px;
			float: left;

			}

		/* END */
		
		#title-bar {
			width: 100%;
			background: #fcb728 url(/images/title-bar-orange.jpg) repeat-x bottom left;
			margin-bottom: 8px;
			}
			#title-bar p { margin: 0; padding: 1px; font-size: 11px; color: #fff; text-align: right; }
		
		#myGallery { margin-bottom: 8px; }
		
		#end-cap { width: 100%; display: block; height: 5px; background-color: #d79735; margin-bottom: 25px; }
		#end-cap2 { width: 100%; display: block; height: 5px; background-color: #FFFFFF; margin-bottom: 25px; }
		
		.news-brief { margin-bottom: 15px; }
	
	#column-right { width: 332px; float: right; padding-top: 18px; }

	#social-media {
		display: block;
		background: #E8EDF3;
		padding: 10px;
		margin-bottom: 20px;
		}
		#social-media p { font-size: 16px; margin-bottom: 12px; color: #683091; }
		#social-media a { text-decoration: underline; }
		#social-media span { display: block; }
		#social-media #twitter { margin-bottom: 6px; }
		#social-media a#facebook, #social-media a#youtube, #social-media a#flickr, #social-media a#twitter2, #social-media a#mobile { text-decoration: none; }

#footer {
	display: block;
	width: 884px;
	margin: 0 auto 25px auto;
	padding: 8px;
	background: #e0dedf url(/images/footer-bg.jpg) no-repeat bottom left;
	font-size: 11px;
	color: #77797d;
	}
	
		#y-corporate-logo {
	display: block;
	width: 50px;
	padding: 0 0 25px 50px;
	float:left;

	}
	
		#footer_content {
	display: block;
	width: 670px;
	float:left;
	margin: 0;

	}
	
	#united-logo {
	display: block;
	width: 50px;
	margin: 0 0 25px 0;
	float:left;

	}

.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		


		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 100%; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 1px solid #ccc; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 620px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 100%;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;

		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 620px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			margin:0px;
			padding:0px;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 11px;
			text-align: left;
			line-height: 20px;
			background: #eaeff5;
			color: #26923C;
			text-decoration: none;
			display: block;
			padding: 0 7px 0 7px;
			border-top: #CCC 1px solid;
			border-left: #CCC 1px solid;
			border-right: #CCC 1px solid;

		}
		

		
		.stripNav li a:hover {
			background: #d0d5dc;
		}
		
		.stripNav li a.current {
			background: #FFF;
			background: #d0d5dc;
			color: #333;
			border-bottom: 2px solid #ee3a43;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		

.slider-wrap{
margin-top: 20px;
}


.search-wrapper p { margin-top: 12px !important; }



/* NEW STORIES MODULE */
#main-header-area { position: relative; margin-bottom: 10px; }
#nav { position: absolute; bottom: 0; right: 10px; z-index: 1000; }
#nav a { font-weight: bold; color: #683091; border: none; padding: 4px 6px; margin-left: 8px; text-align: center; text-decoration: none; display: block; float: left; }
#nav a:hover { background: #683091; color: #cdb4df; border: none; }
#nav a.activeSlide { background: #cdb4df; color: #683091; }
#nav a:focus { outline: none; }

#featured-story { display: block; overflow: hidden !important; height: 244px; margin-bottom: 20px; }

#featured-story .story { width: 96%; background: none !important; overflow: hidden; height: 244px; }
#featured-story .story h2 { margin-bottom: 10px; }
#featured-story .story h2 a, #featured-story .story p a { padding: 0; text-decoration: none; }
#featured-story .story h2 a { font-size: 24px; line-height: 28px; letter-spacing: -.04em; color: #683091; }
#featured-story .story h2 a:hover { color: #995cc6; }
#featured-story .story .featured-bg { float: left; overflow: hidden; height: 200px; }
#featured-story .story p { width: 200px; float: right; font-size: 14px; line-height: 18px; margin-bottom: 8px; color: #000; }
#featured-story #learn-more { padding: 6px 4px; background: #ccc; color: #000; font-size: 12px; }
#featured-story .story p a:hover { text-decoration: underline; }

.rotating-stories { margin: 0 auto; position: relative; width: 568px !important; overflow: hidden !important; background: #E8EDF3; }
.rotating-stories ul { list-style: none; margin: 0; padding: 0; }
.rotating-stories ul li { width: 130px; height: 230px; margin-right: 16px; margin-bottom: 20px; }
.rotating-stories ul li .image-tn { }
.rotating-stories ul li .image-tn:hover { }
.rotating-stories ul li p { margin: 0 0 4px 0; }
.rotating-stories ul li p a { text-decoration: none; }
.rotating-stories ul li p a:hover { color: #000; }
.rotating-stories ul li p a.link-wrap { display: block; background: #333; padding: 8px; text-decoration: none; color: #d2d2d2; font-weight: bold; }
.rotating-stories ul li p a.link-wrap:hover { background: #000; color: #fff; }

#lower { position: relative; background: #E8EDF3; padding-top: 20px; }
#lower a.prev, #lower a.next { display: block; position: absolute; top: 75px; width: 20px; height: 20px; z-index: 1000; cursor: pointer; text-indent: -9999px; }
#lower a.prev { left: 6px; background: transparent url(/images/back.png) no-repeat top right; }
#lower a.next { right: 6px; background: transparent url(/images/forward.png) no-repeat top left; }

#event-lists { display: block; float: right; width: 210px; height: 240px; }

.news-content { padding: 0 0 10px 0; border-bottom: 1px solid #999; width: 300px; float: left; margin-right: 25px; margin-bottom: 20px; height: 140px; overflow: hidden; }
.news-image { float: left; width: 100px; }
.news-text { float: right; width: 180px; }
.news-link { display: block; height: 24px; background: transparent url(/images/news-btn.png) no-repeat left top; padding: 6px 6px 0 6px; text-decoration: none; }
a.news-link:hover { text-decoration: underline; }

/* Center Pages Content Area */

		#center-column-center {
		width: 493px;
		float: left;
		margin-left: 15px;
		margin-bottom: 25px;
		}
	
		
.center-content { margin-bottom: 15px;width: 493px; float:left;}

.center-content img { margin:bottom; }

.center-content h2 { color: #f03;}
.center-content h3 { font-size: 14px; font-weight: bold; color:#8155a3;}

			.center-content h1 {
				padding-bottom: 8px;
				padding-top: 8px;
				border-bottom: 5px solid #efac2c;
				}


#center-end-cap { width: 100%; display: block; height: 5px; background-color: #d79735; margin: 15px 0 15px 0; }

.center-free-pass{
	width:175px;
}

.center-member{
	width:175px;
}

.center-social-media{
	width:175px;
	background:url(/images/center-template/center_connect.jpg) top right no-repeat;
	height: 93px;
	margin: 10px 0 10px 0;
}

.center-address{
	width:175px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.center-address h2{
	font-size:12px;
	font-weight: bold;
}
.center-address p{
	width:175px;
}

.center-address2{
	width:175px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.center-address2 h2{
	font-size:12px;
	font-weight: bold;
}
.center-address2 p{
	width:175px;
}

/* Child Care pages */

table.prettytable {
  margin: 1em 1em 1em 2em;
  background: whitesmoke;
  border-collapse: collapse;
}
table.prettytable th, table.prettytable td {
  border: 1px silver solid;
  padding: 5px;
}
table.prettytable th {
  background-color:#dce1e5;
  text-align: left;
}
table.prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
}


/* Center template  
		div.scrollbar{
		width: 326px;
		height: 823px;
		float: left;
		overflow-y: auto;
		overflow-x: hidden;
		
		}
	*/	

/* Partners template */



.partners-btm-content{
	width: 610px;
	float:left;
}









/* forms */
input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #666;
	margin: 5px 0px 5px 0px;
	padding: 2px 0px 2px 0px;
	/*border: 1px solid #999;
	background-color: #ebebeb;*/
}

input:focus, textarea:focus {border: 1px solid #26923c; background-color:#e4f4e7; color:#000;}


#template_column-right {
		width: 150px;
		float: left;
		margin-left: 15px;
		margin-top: 31px;
		}

.center-address{
margin: 0 0 20px 13px;	
}

.center-address2{
margin: 0 0 7px 13px;	
}


div#reports {background-color: #FFF;}







#footer #social-media-content {
	width: 670px;
	margin: 0 auto;
	padding-top: 15px;
	clear:both;
	}
	
	#footerwrap{width:640px; margin:0 auto; text-align:center; color:#77797D; padding:10px 0;}
	#footerwrap p {font-size:11px; margin: 0; color:#77797D}
		


	
	
#footer #social-media-content h1 { padding: 8px 0 8px 20px; font-size: 16px; font-family: Verdana, Geneva, sans-serif; letter-spacing: -.05em; float:left; }

.body_copy_alerts {
	 color: #ec0000;
}



.clear { clear: both; }