/*
Theme Name: Talbot Y - Summer
Theme URI: http://talbotymca.org/
Description: Summer 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:#91a4a4 url(images/page-bg.gif) 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 17px;}

#container{position:relative; width:720px; height:536px; 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:22px; left:20px; width:108px; height:80px;}
	#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:#F00; 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:66px; left:105px; text-transform:uppercase; color:#ffffff; font-size:10px; z-index:1337;}
	#nav a{color:#ffffff; text-decoration:none;}
	#nav a:visited{color:#ffffff;}
	#nav a:hover{color:#ffffff; text-decoration:underline;}

#content{position:absolute; top:90px; left:44px; width:685px;}
#content h2{position:relative; top:12px; color:#f89828; text-transform:uppercase; text-align:center; width:279px; height:32px; letter-spacing:-2px;}
#content img.subimage{position:relative; top:5px;}

#content a{color:#000000;}
#content a:visited{color:#000000;}
#content a:hover{color:#f89828;}
#content a.thick{font-weight:bold;} /*...................added 8/12/10 */

#content .left{width:300px; height:347px; float:left;}
#content .left p.download{font-weight:bold; margin-bottom:1px; color:orange;}
#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 p.detail{margin:0px 0px 8px 8px; font-style:italic;} /*...................added 8/13/10 */
	#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 #subnav ul li.general{padding-left:8px;}
		#content .programs-page .right #subnav ul li.hidden{color:#fff;}
		#content .programs-page .right #subnav ul li span{display:none;}

			
	#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;}
	#content .programs-page .right .programs ul{margin-left:8px;}
	#content .programs-page .right .programs ul li{list-style:none;}
	#content .programs-page .right .programs span.ages{font-size:.84em; font-weight:bold; padding:2px 0px;}
	#content .programs-page .right .programs p.ages{font-size:.84em; font-weight:bold; padding:2px 0px;}  /*...................added 8/13/10 */
	#content .programs-page .right .programs table.tennis{padding:0px; margin:0px; border-spacing:0px;}  /*...................added 8/16/10 */
	#content .programs-page .right .programs table.tennis td{padding:0px; margin:0px;}  /*...................added 8/16/10 */
	#content .programs-page .right .programs table.tennis td.head{font-weight:bold;}  /*...................added 8/16/10 */
	
	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; overflow:visable;}
		#content .donate-page .left h2{left:-45px;}
		#content .donate-page .left img{left:10px;}
		#content .donate-page .left div#donatenow{padding:2px; overflow:visible; text-align:center; background-color:#f90; margin:10px;}/*...................added 7/23/10 */
		#content .donate-page .left div#donatenow a{font-size:1.8em; color:#fff; letter-spacing:-1px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} /*...................added 7/23/10 */
		#content .donate-page .left div#donatenow a:hover{color:#C60;}
		
	#content .donate-page .right{width:505px; overflow:visible;}
		#content .donate-page .right #stelter-nav{width:100px;float:left; margin:5px 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:-33px; left:-13px;}
	#landing .newsletter{display:block; background:url(images/newsletter-bg.gif) 0px 0px no-repeat; width:300px; height:261px; position:absolute; top:193px; left:14px;}
		#landing .newsletter h4{position:relative; top:4px; left:15px;}
		#landing .newsletter div{position:relative; top:13px; left:100px; width:150px; height:225px; overflow-y:hidden;}
			#landing .newsletter div img{}
			#landing .newsletter div span{display:block; width:125px; height:113px; margin: 5px 0px 5px 10px; overflow-y:hidden;}
	#landing .events{display:block; background:url(images/events-bg.gif) 0px 0px no-repeat; width:179px; height:321px; position:absolute; top:10px; right:195px; padding:5px 8px 5px 8px;}
		#landing .events .current-event{}
		#landing .events .holidays{margin:15px 0px 0px 0px;}
		#landing .events div h4{border-bottom:1px solid #000000;}
		#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:46px 16px 14px;}
		#landing .corkboard h2{font-size:22px; font-weight:bold; letter-spacing:normal; top:0px; left:0px; height:auto; color:#ffffff; text-align:left; width:auto;}
		#landing .corkboard h4{margin:0px 0px 5px 0px; text-transform:uppercase;}/*...................edited 10.08.03 */
		#landing .corkboard p{margin:0px 0px 5px 0px;}/*...................edited 10.08.03 */
		#landing .corkboard a:link{color:#ffffff;}
		#landing .corkboard a:visited{color:#ffffff;}
		#landing .corkboard a:hover{color:#ff0;}
		#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/YMCAsplashLogo.gif) 0px 0px no-repeat; height:349px; width:554px; margin:0 auto; position:relative;z-index:1; text-align:center; margin-bottom:15px;}
	#splash div#donate{position:absolute; right:-44px; top:33px; width:152px; height:105px; display:block;}/*...................added 10.07.23 */
	#splash div#donate a.donate, a.donate:visited, a.donate:link{background:url(images/YMCAdonateButtonSprite.gif) bottom center no-repeat; display:block; height:105px; width:152px;}/*...................added 10.08.02 */
	#splash div#donate a.donate:hover{background:url(images/YMCAdonateButtonSprite.gif) top center no-repeat;}/*...................added 10.08.02 */
	#splash a#easton{display:block; position:absolute; top:400px; left:200px; height:63px; width:125px;}
	#splash a#stmichaels{display:block; position:absolute; top:400px; left:390px; height:63px; width:180px;}
	#splash a i{display:none;}
		.container{margin:0 auto}
		.container #splashlocations{position:relative; height:auto; width:720px; margin:0 auto 40px;}
			#splashlocations a.exclaim{color:#666; font-size:15px; font-weight:bold;}
			#splashlocations a.exclaim:hover{color:#000;}
			#splashlocations p.exclaim{text-align:center; padding:20px;}
			#splashlocations ul{margin-bottom:5px; height:80px;}
			#splashlocations li{float:left; margin-right:10px; list-style:none;}
			#splashlocations li a.splash, a.splash:visited, a.splash:link{display:block; width:221px; height:84px;}
			#splashlocations li a.splash#easton{background:url(images/locationSprite.gif) left top no-repeat;}
			#splashlocations li a.splash#easton:hover{background:url(images/locationSprite.gif) left bottom no-repeat;}
			#splashlocations li a.splash#stmichaels{background:url(images/locationSprite.gif) center top no-repeat;}
			#splashlocations li a.splash#stmichaels:hover{background:url(images/locationSprite.gif) center bottom no-repeat;}		
			#splashlocations li a.splash#qacy{background:url(images/locationSprite.gif) right top no-repeat;}
			#splashlocations li a.splash#qacy:hover{background:url(images/locationSprite.gif) right bottom no-repeat;}
			#splashlocations li span{display:none}
			#splashlocations p{text-align:center; padding:5px;}
		.container #newlink{position:relative; height:auto; width:580px; margin:0 auto 50px;}
			#newlink ul{margin:15px; height:80px;}
			#newlink li{float:left; margin-right:7px; list-style:none;}
			#newlink li a.splash2, a.splash2:visited, a.splash2:link{display:block; width:175px; height:84px;}
			#newlink li a.splash2#video{background:url(images/newlinkbuttons.gif) left top no-repeat;}
			#newlink li a.splash2#video:hover{background:url(images/newlinkbuttons.gif) left bottom no-repeat;}
			#newlink li a.splash2#videofull{background:url(images/newlinkbuttons.gif) center top no-repeat;}
			#newlink li a.splash2#videofull:hover{background:url(images/newlinkbuttons.gif) center bottom no-repeat;}
			#newlink li a.splash2#report{background:url(images/newlinkbuttons.gif) right top no-repeat;}
			#newlink li a.splash2#report:hover{background:url(images/newlinkbuttons.gif) right bottom no-repeat;}
			#newlink li span{display:none;}
			#newlink p{text-align:left; padding:5px; text-transform:uppercase; font-size:9px; border-bottom:1px solid #F93; font-weight:bold;}			
			

/*	#splash .splashmap img#newlinks {position:absolute; top: 129px;right: -50px; display:block;} */
	#splash .splashmap div{position:absolute; height:50px; width:580px; top:0px; left:80px;}
	#splash .splashmap div p{font-size:16px; font-weight:bold; padding:5px 35px; color:darkred;}
	#splash div#smdate{position:absolute; height:44px; width:320px; top:444px; left:365px; background-image:url(images/YMCAexclaim.png); background-repeat:no-repeat; background-position:11px 0px;}
	#splash div#smdate p{font-size:12px; font-style:italic; font-weight:normal; color:darkred;}

#buttonmap{position:absolute; bottom:42px; right:35px; 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, a:link, a:visited{color:#000000; text-decoration:none; width:auto; display:inline;}
	.copyright a:hover {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;}

/* Archive Section */
#content .right ul.archive-list{list-style:none; margin:0px 15px 0px 0px;}
	#content .right ul.archive-list li{margin:0px 0px 15px 0px; padding:0px 5px 15px 5px; border-bottom:1px solid #cccccc; line-height:12px;}
	#content .right ul.archive-list li span{}
	#content .right ul.archive-list li p{margin:10px 0px 0px 0px; font-weight:bold;}
	#content .right ul.archive-list li img{float:left; margin:-7px 8px 5px 0px; border:1px solid #ffffff; padding:1px 1px 1px 1px; width:60px;}
	#content .right ul.archive-list li a:link{text-decoration:none;}
	#content .right ul.archive-list li a:visited{text-decoration:none;}
	#content .right ul.archive-list li a:active{}
	#content .right ul.archive-list li a:hover{}
	#content .right ul.archive-list li a:hover img{border:1px solid #009ddc;}
	#content .right blockquote{padding:2px 5px 0px; font-style:italic;}
	#content .right blockquote + p{padding-left:8px;}
	#content .right blockquote + p.flush{padding-left:0px;}
	
/* Event Section */
#content .right img.vert{margin:5px; display:inline;}
	#content .right div.captionbox{display:inline-block; font-style:italic; margin-bottom:6px;}
	#content .right p.caption{width:155px; float:left; padding: 0px 6px; font-family:"Times New Roman", Times, serif;}
	#content .right p.caption2{font-family:"Times New Roman", Times, serif; font-style:italic;} 
	#content .right img.horiz{margin-bottom:5px;}
	#content .right img.vertleft{margin:5px; float:left;}
	
	#content.archive-page .left h2{background:center center}	
	
	#content.archive-page .right{padding:0px 15px 0px 0px; width:369px;}
	#content.archive-page .right h3{padding:0px 0px 15px 0px;}
	#content.archive-page .right ul{list-style-position:inside;}
	#content img.archive-img{float:left; margin:0px 10px 8px 8px;}
	#content a.archive-back{float:right; width:190px; margin:8px 28px 3px 0px; text-align:right;}
	#content.archive-page .right p.cutline{font-size:.84em; font-style:italic; padding-bottom:4px;}/*...................added 10.09.02 */