/*

Site: YMCA of Greater Houston
Design: David Stagg for Schipul
Build: David Stagg/Brandi Lalanne for Schipul
URI: 

*/

.temporary-text{
	width: 200px;
}
.temporary-text h1{
	color: #F00;
	text-align:center;
}

.temporary-text p{
	color: #900;
	font-weight:bold;
	padding-left: 15px;

}

* { font-size: 100%; margin: 0; padding: 0; }
a img { border: none; }
a { outline: none; }

p { margin-bottom: 8px; }

body {
	font: 12px/1.4em Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: #666;
	background: #381904 url(/images/body-bg.jpg) repeat-x top left;
	}
	textarea {
	font: 12px/1.4em Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: #666;
	}

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, .titles { font-weight: bold; margin-bottom: 8px; } 

h1, .titles { font-size: 16px; font-weight: bold; color: #314d26; }
h2 { font-size: 14px; font-weight: bold; color: #663700; }

a { color: #4F2D0A; }
a:hover {
	text-decoration: none;

}

/* STRUCTURE */
#global { width: 1100px; margin: 0 auto; }
#header {
	display: block;
	width: 1100px;
	height: 95px;
	background: #fff url(/images/header-bg.jpg) no-repeat top left;
	position: relative;
	margin: 0 auto;
	z-index: 999;
	}
	.camp-cullen #header { background: #fff url(/images/header-bg.jpg) no-repeat top left; height: 95px; }
	.camp-pine-tree #header { background: #fff url(/images/header-bg-cpt.jpg) no-repeat top left; height: 95px; }
	.template #header { background: #fff url(/images/header-bg-template.jpg) no-repeat top left; height: 95px; }
	
	#ymca-logo {width: 135px; height:53px; margin-left: 100px; background:url(/images/ymca-logo_bg.jpg) top}
	#ymca-text-link {
	width: 150px;
	height:20px;
	margin-left: 130px;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
}

	#ymca-text-link a{
	color: #000;
}

	#ymca-text-link a:hover{
	color: #000;
		font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}
	#res-camps-header {
	display: block;
	text-indent: -9999px;
	width: 480px;
	height: 67px;
	position: absolute;
	top: 0;
	left: 320px;
		}
	#cullen-header {
		display: block;
		text-indent: -9999px;
		width: 180px;
		height: 30px;
		position: absolute;
		top: 45px;
		left: 560px;
		}
	#pine-tree-header {
		display: block;
		text-indent: -9999px;
		width: 210px;
		height: 30px;
		position: absolute;
		top: 45px;
		left: 350px;
		}
		
			#traditional-logo-header {
	display: block;
	text-indent: -9999px;
	width: 68px;
	height: 63px;
	position: absolute;
	left: 897px;
	top: 4px;
		}
		
					#ymcahouston-link {
	display: block;
	width: 134px;
	height: 15px;
	position: absolute;
	left: 876px;
	top: 58px;
	color: #000;
	font-size: 10px;
	font-weight: bold;
	font-family:Verdana, Geneva, sans-serif;
		}
		
	#ymcahouston-link a{
	color:#000;
	font-weight: bold;
		}
		
		
		
		
		
	.camp-cullen #cullen-header { width: 485px; height: 45px; top: 0; left: 320px; }
	.camp-cullen #res-camps-header {
	width: 515px;
	height: 74px;
	top: 1px;
	left: 297px;
}
	.camp-cullen #pine-tree-header { width: 210px; height: 30px; top: 45px; left: 560px; }
	
	.camp-pine-tree #cullen-header { width: 210px; height: 30px; top: 45px; left: 560px; }
	.camp-pine-tree #res-camps-header { width: 210px; height: 30px; top: 45px; left: 350px; }
	.camp-pine-tree #pine-tree-header { width: 485px; height: 45px; top: 0; left: 320px; }

#container {
	width: 910px;
	margin: 0 auto;
	background: transparent url(/images/container-bg.jpg) repeat-y top left;
	z-index: 1;
	}
	#main-content { 
		width: 900px;
		margin: 0 auto;
		z-index:10;
		}
	#column-left {
		width: 200px;
		float: left;
		/*margin-left: 15px;*/
		}
	
		#search-box {
			display: block;
			width: 173px;
			height: 248px;
			background: #f5b12a url(/images/search-box-bg.jpg) no-repeat top left;
			margin: 0 0 25px 15px;
			}
			#search-box select { color: #999; width: 150px; margin-top: 55px; margin-left: 10px; }
			#search-box input { color: #999; 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; }
		#camp-register {
			width: 186px;
			height: 220px;
			background:url(/images/register-bg.jpg) top left no-repeat;
			margin-left:15px;
			padding-top:18px;
			}
		
		#camp-forms {
			width: 186px;
			height: 320px;
			background:url(/images/forms-bg.jpg) top left no-repeat;
			margin-left:15px;
			position: relative;
			padding-bottom: 15px;
			}
			#forms-wrapper {
				width: 135px;
				position: absolute;
				top: 70px;
				right: 0;
				}
		
		#newsletter {
			padding-top: 118px; 
			background: #FFF url(/images/nl-sign.png) no-repeat top left;
			height: 180px;
			}
			#newsletter table { margin: 0 0 50px 10px; }
			#newsletter td { color: #999; font-size: 11px; }
			#newsletter select { color: #999; width: 150px; }
			#newsletter input { color: #999; width: 100px; float: left; }
			#newsletter input.submit { margin: 10px 0 0 0; border: 2px solid #c19035; width: auto; padding: 2px; }


		.social-media-left {
			background: #FFF url(/images/socialmedia_coming.jpg) no-repeat top left;
			width: 199px;
			height: 252px;
			}

			
			
			
	#column-center {
		width: 662px;
		float: left;
		margin-left: 15px;
		}
		
		#column-center h1 {color:#244322; font-weight:bold; font-size:12px;}
		
		#learn-more {
			width: 663px;
			}
		.why-cullen, .whats-new {
			width: 325px;
			background: #e4e0d4 url(/images/camp-sub-bg-repeat.jpg) repeat-y top left;
			width: 325px;
			float:left
			}
			.camp-text { margin: 0 auto; width: 285px; height:490px;}
			.camp-text p { margin: 20px 0 0 0; }
			.camp-text img { margin: 10px 0 0 0; }
			.whats-new { margin-right: 13px; }
				
			.why-cullen .why-cullen-header, .whats-new .whats-new-header {
				display: block;
				width: 325px;
				height: 60px;
				text-indent: -9999px;
				}
			.why-cullen .why-cullen-header {
				background: #e4e0d4 url(/images/wcc-sub-header.jpg) no-repeat top left;
				}
			.whats-new .whats-new-header {
				background: #e4e0d4 url(/images/wn-sub-header.jpg) no-repeat top left;
				}
			.why-cullen .why-cullen-footer, .whats-new .whats-new-footer {
				display: block;
				width: 325px;
				height: 40px;
				text-indent: -9999px;
				}
			.why-cullen .why-cullen-footer {	
				background: #e4e0d4 url(/images/sub-footer.jpg) no-repeat top left;
				}
			.whats-new .whats-new-footer {
				background: #e4e0d4 url(/images/sub-footer.jpg) no-repeat top left;
				}
		
		.mini-columns {width: 660px; float:left; padding-top:50px; padding-right:8px;}
			#camp-photos {background:url(/images/camp-photos-title.jpg) top left no-repeat;}
			#camp-photos img {border: 0px; margin-right:8px}
			
			.photo-tn { display: block; width: 93px; height: 83px; overflow: hidden; float: left; margin-bottom: 10px; }

		
		#connect {clear: both; margin:0 auto; width: 782px; height:196px; background:url(/images/connect-bg.jpg) top left no-repeat; padding-left:90px;}
		.connect-columns {float:left; margin-top:25px; display:block;}
		.social-media {width: 162px; height: 41px; display:block; padding:7px 15px 0px 87px; margin: 0px 0px 0px 10px;}
			#youtube {background:url(/images/youtube.jpg) top left no-repeat;}
			#twitter {background:url(/images/twitter.jpg) top left no-repeat;}
			#facebook {background:url(/images/facebook.jpg) top left no-repeat;}
			#flickr {background:url(/images/flickr.jpg) top left no-repeat;}
		

		.green {color:#244322}
		
		/* ROTATOR */
		#slideshow { padding-top: 320px; margin: 10px 0; }
			#rotator1, #rotator2, #rotator3 {
				display: block;
				width: 326px;
				height: 300px;
				}
			#rotator1 {
				background: #fff url(/images/rotator/rotator1-bg.jpg) no-repeat top left;
				}
			#rotator2 {
				background: #fff url(/images/rotator/rotator2-bg.jpg) no-repeat top left; 
				}
			#rotator3 {
				background: #fff url(/images/rotator/rotator3-bg.jpg) no-repeat top left; 
				}
			#nav { font-size: 11px; margin: 8px 0; }
			#nav a {  padding: 3px; background-color: #f5b531; margin-right: 5px; border: 1px solid #c19034; color: #fff; text-decoration: none; }
			#nav a:hover {  padding: 3px; background-color: #c19034; margin-right: 5px; border: 1px solid #f5b531; color: #fff; }
		
		/* TEMPLATES */
		div#skiptocontent {
			position: absolute;
     		left: -9999px;
			}
		#bodycontent {
			width: 620px;
			margin: 0 40px 0 0;
			float: right;
			}
			#bodycontent h1 {
				padding: 10px 0 8px 0;
				margin-bottom: 10px;
				border-bottom: 2px solid #663700;
				}
			#bodycontent .pull-out-box {
				width: 45%;
				padding: 15px;
				margin: 10px;
				float: right;
				}
		/* END */
		
		#title-bar {
			width: 100%;
			background: #244322 url(/images/title-bar-green.jpg) repeat-x top left;
			margin-bottom: 8px;
			}
			
			#newsletter select#selectbox {
			width: 105px;
			
			}
			#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: #244322; margin-bottom: 25px; }
		
		.news-brief { margin-bottom: 15px; }
	
	#column-right {
		width: 317px;
		float: left;
		margin-left: 15px;
		}

#showh #secondary { width: 650px !important; padding: 0 0 15px 0 !important; }

	
#footer {
	display: block;
	width: 900px;
	margin: 0 auto 25px auto;
	padding-top: 70px;
	height: 80px;
	background: transparent url(/images/footer-bg.jpg) no-repeat top left;
	font-size: 11px;
	color: #77797d;
	}

.clear { clear: both; }



.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: #FFF;
			color: #26923C;
			text-decoration: none;
			display: block;
			padding: 0 5px 0 0;

		}
		

		
		.stripNav li a:hover {
			background: #eaeff5;
		}
		
		.stripNav li a.current {
			background: #FFF;
			color: #666;
			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;
		}
		
#take_me_link{
	font-size:12px;
	font-weight:bold;
	padding: 0 0 25px 25px;
	}

#menuv img { padding-bottom: 10px; }

#menuv {
		background:url(/images/off-season-post-summer.jpg) top left no-repeat;
		height: 175px;
		width: 150px;
		display: block;
		padding-top: 90px;
			}
			
#bodycontent #secondarysub #event_export_link { margin-top: -10px; }
#bodycontent #t-monthly h1 { margin-top: 15px; }



/*Hamman Splash Page*/

	#hamman-top-content {
		width: 830px;
		margin: 0 auto;
		
		}
		
		.hamman-top-content-header{
			width: 830px;
			background: url(/images/hamman/header.jpg) top right no-repeat;
			height:34px;
		
		}
		
			.hamman-top-text{
			width: 830px;
			margin: 20px 0 0 0;

		}
		
			.hamman-top-text p{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #704410;
		}

		.middle-content{
		width: 488px;
		margin: 0 auto;
		
		}
		
			.camps-homepage-link{
			width: 488px;
			margin: 31px 0 0 0;
			}
			
			.or-visit-bg{
				width: 488px;
				background:url(/images/hamman/or.jpg)top right no-repeat;
				height: 92px;
				margin:  0 0 31px 0;
			}
			
		.bottom-content{
		width: 871px;
		margin: 0 auto;
		}
		
			.hamman-pine-tree{
			width:429px;
			float:left;
			}
			
				.hamman-pine-tree-title{
				width: 429px;
				}
				
				.hamman-pine-tree-content{
				width: 429px;
				background:url(/images/hamman/pine-tree-bg.jpg) top right no-repeat;
				height: 260px;
				}
				
					.hamman-pine-tree-content p{
					width: 395px;
					font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #244322;
				font-weight:bold;
				margin: 0 auto;
					}
					
				.hamman-pine-tree-content a{

				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #244322;
				font-weight:bold;
					}
					
				.hamman-pine-tree-content a:hover{
				color: #606f36;

					}
			
			.hamman-cullen{
			width:429px;
			float:left;
			margin: 0 0 0 13px;
			}
			
				.hamman-cullen-title{
				width: 429px;
				}
				
				.hamman-cullen-content{
				width: 429px;
				background:url(/images/hamman/cullen-bg.jpg) top right no-repeat;
				height: 260px;
				}
				
					.hamman-cullen-content p{
					width: 395px;
					font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #244322;
				font-weight:bold;
				margin: 0 auto;
					}
					
				.hamman-cullen-content a{

				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #244322;
				font-weight:bold;
					}
					
				.hamman-cullen-content a:hover{
				color: #606f36;

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

#bio-table {
font-size: 12px;
margin:0 auto;
	
}
#bio-table strong {color:#3f1d02;}
.bio-name {font-size: 18px;}
#bio-img {background-color: #E2DFD1; border: 2px solid #CDB394}
#bio-img img {border: 3px solid #CDB394; margin: 8px}