@charset "utf-8";
/* CSS Document */

BODY, HTML, H1, H2, H3, H4, P, UL, LI{ margin:0; padding:0; list-style:none; font-family:Geneva, Arial, Helvetica, sans-serif; }
A{ color:#017; text-decoration:none; }
A IMG{ border:none; }

#top-menu{ position:absolute; top:0; height:32px; width:100%; background-image:url(/imgs/bg_top-menu_web.png); border-bottom:1px solid #000; }
#top-menu UL{ margin-left:15px; }
#top-menu LI{ float:left; }
#top-menu A{ display:block; padding:0 10px; height:33px; line-height:33px; font-size:.75em; font-weight:bold; color:#ddd; border-left:1px solid #227; border-right:1px solid #000; }
#top-menu A:hover{ color:#fff; text-decoration:underline; }
#top-menu UL.about{ float:right; margin-right:15px; }

#hdr{ padding-top:33px; height:84px; min-width:950px; background-color:#017; /*url('/imgs/header_pics.jpg') no-repeat bottom right;*/ }
#hdr H1{ float:left; height:84px; width:600px; margin-left:40px; background:#017; /*url(/imgs/website_logo.png);*/ }
#hdr H1 A{ float:left; height:84px; width:600px; margin-left:40px; text-indent:-5000px; }
#hdr #logged-in{ float:right; margin-right:20px; padding-top:65px; font-size:.8em; font-weight:bold; color:#ddd; }
#hdr #logged-in A{ color:#ddd; }
#hdr #logged-in A:hover{ color:#fff; text-decoration:underline; }

#main-menu{ width:100%; min-width:860px; background-image:url(/imgs/bg_main-menu.png); border-bottom:1px solid #983; }
#main-menu UL{ margin-left:49px; }
#main-menu LI{ float:left; }
#main-menu A{ display:block; padding:13px 15px 0; height:41px; font-weight:bold; border-left:1px solid #db6; border-right:1px solid #983; }
#main-menu SPAN{ font-size:.9em; }
#main-menu A:hover SPAN{ text-decoration:underline; }
#main-menu EM{ display:block; text-align:right; font-size:.7em; font-style:normal; font-weight:normal; color:#666; }
#main-menu A.selected{ position:relative; background-color:#cb6; }

#main-menu #login-form{ float:right; margin-right:25px; padding:2px 10px; width:175px; height:50px; line-height:23px; text-align:right; border-left:1px solid #db6; border-right:1px solid #983;  }
#main-menu LABEL{ font-size:.7em; font-weight:bold; color:#254; }
#main-menu INPUT{ width:90px; background-color:#dc7; border:1px solid #973; }

#banner{ padding:10px; background-color:#ccc; border-bottom:1px solid #aaa; }
#banner .container{ margin:auto; width:900px; }
#banner IMG{ float:left; margin-top:14px; padding:4px; background-color:#aaa; border:1px solid #888; }
#banner UL{ margin-left:485px; }
#banner LI A{ display:block; padding:25px; border-top:1px solid #eee; border-bottom:1px solid #aaa; }
#banner A.first{ border-top:0; }
#banner A.last{ border-bottom:0; }
#banner SPAN{ font-weight:bold; }
#banner A:hover SPAN{ text-decoration:underline; }
#banner EM{ display:block; font-size:.8em; font-style:normal; color:#666; }

#sections{ margin:auto; width:990px; }
#sections LI{ float:left; margin:25px 0; padding:0 35px; width:255px; min-height:300px; line-height:20px; text-align:justify; font-size:0.8em; border-right:1px solid #ccc; }
#sections LI.last{ border-right:none; }
#sections H2{ margin:0; padding:0; font-size:1.5em; background-color:#fff; letter-spacing:0.5px; }
#sections P{ margin:15px 0; color:#666; }
#sections P A{ text-decoration:underline; }

#page{ background:url('/imgs/pg_top.png') repeat-x; }
#page-left{ background:url('/imgs/pg_left.png') no-repeat; }
#page-right{ background:url('/imgs/pg_right.png') no-repeat 100% 0; min-width:850px; }
#main-container .container{ padding:17px 50px; min-width:750px; }

H2{ padding:5px; font-size:1.2em; letter-spacing:2px; color:#fff; background-color:#017; }
H3{ margin:15px 15px 0; font-size:1.3em; color:#017; border-bottom:1px solid; }
P.comment{ margin:0 15px; font-size:.9em; color:#777; line-height:1em; }
/*.container H2{ padding:25px 50px 10px; font-size:1.7em; }
.container H3{ margin:25px 50px 6.25px; font-size:1.3em; border-bottom:1px solid; }*/
.container H2 A, .about H3 A, .about H4 A{ color:#000; }

.about UL{ padding:15px 100px; }
.about LI{ list-style:circle; }
.about P{ margin:0 50px 10px; text-align:justify; }
.about P A{ font-weight:bold; }
.about P A:hover{ text-decoration:underline; }

.media H2{ clear:both; }
.media IMG{ padding:5px; background-color:#ccc; border:1px solid #777; }
.media LI{ float:left; margin:10px 0 50px 100px; font-size:.7em; text-align:center; }






	#hdr{ background-image:none; }
	#hdr H1{ width:600px; background:#017 url(http://staff.teenchallengeusa.com/images/sitelogo_usa.png) no-repeat; }
	H2{ letter-spacing:inherit; }
	/*UL.banners, .banners H2, .banners P{  margin:0; padding:0; }*/	
	
#top-menu, #top-menu LI{ list-style:none; }
#pre_sitemap{ margin-top:0; height:12px; background-image:url(/imgs/bg_main-menu.png); border-top:1px solid #984; }
#sitemap{ background-color:#005; }
#sitemap A{ color:#ccf; }
#sitemap A:hover{ text-decoration:underline; }
#sm_container{ margin:0 50px; min-width:750px; height:320px; font-size:.75em; color:#fff; background-color:#017; border:3px solid #004; }
.sm_section{ float:left; margin:30px 0 2% 5%; width:15%; } /* 9% with forums*/
#sitemap UL{ text-transform:lowercase; }
#sitemap LI{ margin-bottom:15px; }
#sitemap LI.sm_title{ font-weight:bold; font-size:1.2em; }
#sitemap LI.sm_title A{ color:#fff; }
#legal_stuff{ clear:both; margin:0 50px; padding:20px; border-top:1px dotted #777; }
#legal_stuff A{  }
	
#main-menu LI.right{ float:right; position:relative; top:-3px; margin-right:40px; }
#main-menu LI.right A{ border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px; color: #fff; background:#e22 url(/imgs/donatebackground.png) no-repeat; }
#main-menu LI.right em{ color: #edd;  }
#main-menu li.right a:hover{  background:#e22 url(/imgs/donatebackground-over.png) no-repeat; color: #fff; }