/*
Theme Name: Talbot Y - Winter
Theme URI: http://talbotymca.org/
Description: Winter Skin.
Version: 2.0
Author: Michael Kafka
Author URI: http://www.makfak.com/
*/

*{margin:0px; padding:0px; border:none;}
.clear{clear:both;}

html{font:11px Arial, sans-serif; color:#000000;}
body{background:#788E7C url(images/page-bg.jpg) 0px 0px repeat;	font:11px Arial, sans-serif; color:#000000;}

h1{}
h2{font-size:26px; font-weight:bold;}
h3{font-size:11px; font-weight:bold;}
h4{font-size:11px; font-weight:bold;}

ul{margin:0px 0px 8px 23px;}

#container{position:relative; width:720px; height:575px; margin:10px auto 0px auto; background:#ffffff url(images/container-bg.gif) 0px 0px no-repeat; border:1px solid #415968; padding:12px 9px 10px 12px;}

/* Social Networking */
#container #socialnetwork{position:absolute; bottom:15px; left:15px; padding:5px; background:#aaa6dd url(images/bg_footer.gif) 0px 0px repeat; width:108px; height:70px; border:1px solid #555555;}
	#container #socialnetwork a,
	#container #socialnetwork a:visited{float:left; display:block; height:35px; width:62px; background:url(images/YMCA_social_sprite.png) 0px -35px no-repeat;}
	#container #socialnetwork a:hover{background-position: 0px 6px;}
	#container #socialnetwork strong{color:#FF0; font-size:15px; font-weight:bold; text-transform:capitalize;}

.town-easton{position:absolute; top:12px; right:13px; background:url(images/tag-easton.gif) 0px 0px no-repeat; height:23px; width:114px;}
.town-stmichaels{position:absolute; top:12px; right:13px; background:url(images/tag-stmichaels.gif) 0px 0px no-repeat; height:23px; width:114px;}

#homemap{position:absolute; top:12px; left:12px; width:100px; height:53px;}
	#homemap a{display:block; width:100px; height:53px;}
	#homemap a i{display:none;}

#nav{position:absolute; top:69px; left:92px; text-transform:uppercase; color:#ffffff; font-size:10px; z-index:1337;}
	#nav a{color:#ffffff; text-decoration:none; display:block; float:left; height:16px;}
	#nav a:visited{color:#ffffff;}
	#nav a:hover{color:#ffffff; text-decoration:underline;}
	
	#nav a i{display:none;}
	#nav #home{width:64px;}
	#nav #traditional{width:120px;}
	#nav #specialty{width:97px;}
	#nav #little-steps{width:101px;}
	#nav #outdoor{width:93px;}
	#nav #sports-aquatics{width:158px;}
/*	#nav #aquatics{width:100px;}  */

#content{position:absolute; top:102px; left:44px; width:685px;}
#content h2{position:relative; top:-10px; left: 21px; color:#78bde8; text-transform:uppercase; text-align:center; width:247px; height:44px; letter-spacing:-2px;}
#content img.subimage{position:relative; top:-18px;}

#content a{color:#000000;}
#content a:visited{color:#000000;}
#content a:hover{color:#009ddc;}

#content .left{width:300px; height:347px; float:left;}
#content .right{width:384px; height:347px; float:left; overflow-x:hidden; overflow-y:auto;}
	#content .right h3{margin:5px 0px 0px 0px;}
	#content .right p{margin:0px 0px 8px 8px;}
	#content .right table{margin:0px 0px 8px 5px;}
	#content .right table tr.odd{background:#e7f1f8;}
	#content .right table.staff td{padding:2px 2px 2px 2px;}
	
#content .programs-page .left{width:285px;}
#content .programs-page .right{width:400px; overflow:visible;}
	
	#content .programs-page .right #subnav{width:130px;float:left; margin:5px 12px 0px 0px;}
		#content .programs-page .right #subnav ul{list-style:none; margin:0px;}
		#content .programs-page .right #subnav ul li{margin:0px 0px 3px 0px;}
		#content .programs-page .right #subnav ul li a{color:#000000; text-decoration:none; font-size:10px; font-weight:bold;}
		#content .programs-page .right #subnav ul li a:visited{color:#000000; text-decoration:none;}
		#content .programs-page .right #subnav ul li a:hover{color:#000000; text-decoration:underline;}
		#content .programs-page .right #subnav ul li.break{border-bottom:1px solid #000000; font-size:11px; font-weight:bold; margin:0px 0px 4px 0px; padding:4px 0px 0px 0px; width:100%;}
			
	#content .programs-page .right .programs{width:226px; height:337px; background:#ffffff url(images/program-bg.gif) 0px 0px no-repeat; float:left; padding:0px 15px 0px 15px;}
	#content .programs-page .right .programs h3{margin:4px 0px 10px 0px;}
	#content .programs-page .right .programs p{margin:0px 0px 5px 0px;}
	a.register{display:block; text-align:center;}

	.thecontent{position:relative; left:37px; text-align:right; width:230px;}

#content .donate-page{}
	#content .donate-page .left{width:180px;}
		#content .donate-page .left h2{left:21px;}
		#content .donate-page .left img{left:10px;}
		
	#content .donate-page .right{width:505px; overflow:visible;}
		#content .donate-page .right #stelter-nav{width:100px;float:left; margin:45px 2px 0px 3px;}
			#content .donate-page .right #stelter-nav ul{list-style:none; margin:0px;}
			#content .donate-page .right #stelter-nav ul li{margin:0px 0px 3px 0px;}
			#content .donate-page .right #stelter-nav ul li a{color:#000000; text-decoration:none; font-size:10px; font-weight:bold;}
			#content .donate-page .right #stelter-nav ul li a:visited{color:#000000; text-decoration:none;}
			#content .donate-page .right #stelter-nav ul li a:hover{color:#000000; text-decoration:underline;}
			#content .donate-page .right #stelter-nav ul li.break{border-bottom:1px solid #000000; font-size:11px; font-weight:bold; margin:0px 0px 4px 0px; padding:4px 0px 0px 0px; width:100%;}
		#content .donate-page .right iframe{float:left;}

		#content .right table.join-table {margin:10px 0px 0px 10px;}
			input.pledgeform,select.pledgeform {border:1px solid #000000; width:160px; margin:2px 0px 4px 0px;}
			input.pledgeform2,select.pledgeform2 {border:1px solid #000000; width:338px; margin:2px 0px 4px 0px;}
			select.pledgeform3 {border:1px solid #000000; width:162px; margin:2px 0px 4px 0px;}
			select.pledgeform4 {border:1px solid #000000; width:250px; margin:2px 0px 8px 0px;}


#landing{position:relative;}
	#landing .compass{display:block; width:302px; height:241px; position:absolute; top:4px; left:-14px;}
	#landing .newsletter{display:block; background:url(images/newsletter-bg.gif) 0px 0px no-repeat; width:128px; height:88px; position:absolute; top:254px; left:148px;}
		#landing .newsletter h4{position:relative; top:4px; left:20px; text-transform:uppercase;}
		#landing .newsletter div{position:relative; top:13px; left:100px; width:150px; height:225px; overflow-y:hidden;}
			#landing .newsletter div img{margin:5px 0px 0px 10px;}
	#landing .events{display:block; background:url(images/events-bg.gif) 0px 0px no-repeat; width:188px; height:321px; position:absolute; top:10px; right:189px; padding:5px 4px 5px 4px;}
		#landing .events .current-event{color:#000000;}
		#landing .events .holidays{margin:15px 0px 0px 0px;}
		#landing .events div h4{color:#ffffff; border-bottom:1px solid #ffffff;}
		#landing .events div div{margin:5px 0px 0px 0px;}
	#landing .corkboard{display:block; background:url(images/corkboard-bg.gif) 0px 0px no-repeat; width:138px; height:274px; position:absolute; top:8px; right:3px; color:#ffffff; padding:50px 15px 10px 15px;}
		#landing .corkboard h4{margin:0px 0px 10px 0px; text-transform:uppercase;}
		#landing .corkboard p{margin:0px 0px 10px 0px;}
		#landing .corkboard p.sep{border-bottom:1px solid #fff; padding-bottom:4px;}
		#landing .corkboard p.sep a{font-weight:bold; text-decoration:none;}
		#landing .corkboard p.sep a:hover{color:#FF0;}

#splash{background:url(images/splash.gif) 0px 0px no-repeat; height:556px; width:740px; margin:0 auto; position:relative;}
	#splash .splashmap a#easton{display:block; position:absolute; top:400px; left:200px; height:63px; width:125px;}
	#splash .splashmap a#stmichaels{display:block; position:absolute; top:400px; left:390px; height:63px; width:180px;}
	#splash .splashmap a i{display:none;}


#buttonmap{position:absolute; bottom:89px; right:67px; width:353px; height:41px; background:url(images/buttons.gif) 0px 0px no-repeat;}
	#buttonmap a{position:absolute; height:40px; width:60px; top:0px; text-decoration:none;}
	#buttonmap a i{visibility:hidden;}
		#buttonmap a#home {top: 0px; left: 0px;} 
		#buttonmap a#join {top: 0px; left: 0px;} 
		#buttonmap a#donate {top: 0px; left: 61px;} 
		#buttonmap a#register {top: 0px; left: 121px; width: 80px;} 
		#buttonmap a#volunteer {top: 0px; left: 203px; width: 80px;} 
		#buttonmap a#career {top: 0px; left: 285px; width: 65px;} 
		#buttonmap a#easton {top: 0px; left: 200px; width: 125px;} 
		#buttonmap a#stmichaels {top: 0px; left: 380px; width: 190px;} 

.copyright{text-align:center; padding:2px 0px 0px 0px; color:#000000; font-size:10px;}
	.copyright a:link {color:#000000; text-decoration:none;} 
	.copyright a:visited {color:#000000; text-decoration:none;} 
	.copyright a:hover {color:#000000; text-decoration:underline;} 
	.copyright a:active {color:#000000; text-decoration:underline;} 


.myOnPageContent{display:none;}

/* 404 Page */
#content.error{left:100px; width:628px;}
#content.error h1{font-size:36px; margin-bottom:20px;}
#content.error p{font-size:16px;}