@charset "UTF-8";

/* YUI RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

html {overflow-y:scroll}

body {background: #fff url(Assets/Images/bg_body.png) top repeat-x; font: 12px/2 Helvetica, Verdana, Geneva, sans-serif normal}
a {color: #660099; outline: none; text-decoration: none}

blockquote {background: #f8f3fa; border-left: 3px solid #6603a1; font: 14px Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 21px; overflow: auto; padding: 8px}
em {font-style: italic;}
ol {font-size: 11px; line-height: 24px; list-style: decimal; margin: 8px 0 8px 20px;}
p {margin: 0 0 15px; line-height:1.4}
strong {font-weight: 700;}

h1, h3 {font-family: Georgia, "Times New Roman", Times, serif}
h1 {font-size: 30px; line-height: 24px; padding: 6px 0 0}
h2 {font-weight: 700; text-transform: uppercase; padding: 4px 0 8px;}
h3 {font-size: 18px}

img.right {float: right; margin: 0 0 20px 10px;}
img.left {float: left; margin: 0 10px 20px 0}

#container {}
#container-inner {margin:0 auto; min-height:100%; text-align:left;}
#header, #content, #alpha, #beta, #gamma, #footer {position:relative;}

#header {background: url(Assets/Images/logo.gif) 0 32px no-repeat; height: 175px; margin: 0 auto; width: 960px;}
	#header-content {}
	
	
	#header-toolbar {background: #31084a; color: #fff; font: 12px Arial, Helvetica, sans-serif; font-weight: 700; line-height: 32px; left: 0; min-height: 0; position: absolute; top: 0; width: 100%}
		#header-toolbar:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
		#header-toolbar ul {display: inline; font-weight: normal}
		#header-toolbar li {border-right: 1px solid #666; display: inline; margin: 0 0 0 0; padding: 0 4px}
			#header-toolbar li.last {border-right: medium none}
		#header-toolbar a {color: #cc99cc}
		
		#header-toolbar #tb-member {float: left; margin: 0 0 0 14px}
		#header-toolbar #tb-nav {float: right;}
			#header-toolbar form {display: inline; margin: 0 0 0 30px}
				#header-toolbar form input.text {border: 2px solid #dedede; color: #999; font-style: italic; padding: 1px 3px; vertical-align: middle; width: 170px;}
				#header-toolbar form input.submit {background: url(Assets/Images/btn_search.gif) 50% 50% no-repeat; border: medium none; cursor: pointer; height: 21px; width: 59px; vertical-align: middle;padding-bottom:2px;}
				/*#header-toolbar form input.submit {background: url(Assets/Images/btn_bubbles-header.png) 50% -15px no-repeat; border: 2px solid #dedede; cursor: pointer; line-height: 19px; padding: 0 8px; 
					-moz-border-radius: 4px;
					-webkit-border-radius: 4px;
					-khtml-border-radius: 4px;
					border-radius: 4px;
				}*/
				
	#header h1 a, #header h2 {color: #000; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase}
	#header h1 {font-size: 32px; line-height: 24px; padding: 24px 0 0 85px;}
		#header h1 a {float: left; margin: 32px 0 0 0; width: 480px;}
	#header h2 {clear: both; font-size: 22px; padding: 0 0 0 95px;}
		#header h2 span {font-size: 15px; margin: 0 0 0 10px}

	#header #header-callouts {position: absolute; right: 0; top: 52px; width: 492px}
		#header #header-callouts li {display: inline; float: left; height: 58px; margin: 0 0 0 32px; width: 132px;}
		#header #header-callouts a {background: url(Assets/Images/btn_bubbles-header.png) 50% 50% no-repeat; color: #666; float: left; font-size: 12px; height: 50px; line-height: 19px; padding: 8px 0 0 0; text-align: center; width: 132px;}
			#header #header-callouts a:hover {background: url(Assets/Images/btn_bubbles-header-over.png) 50% 50% no-repeat; }
			#header #header-callouts strong {color: #31084a; font-size: 18px; font-weight: 700}

	#header #global-nav {background: #000; height: 31px; min-height: 0;}
		#header #global-nav:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
		#header #global-nav li {display: inline}
			#header #global-nav a {color: #fff; float: left; line-height: 31px; margin: 0; padding: 0 8px}
				#header #global-nav a:hover {background-color: #212121}
				#header #global-nav a img {margin: 8px 0 0}

		#header #global-nav li#nav_fbcYouth a {background: url(Assets/Images/btn_fbcYouth.gif); height: 40px; margin: 0 10px 0 5px; padding: 0; text-indent: -99999px; width: 82px}
		#header #global-nav li.icon a {padding: 0; margin: 0 6px}
			#header #global-nav li#nav_fbcYouth a:hover, #header #global-nav li.icon a:hover {background-color: #000}
			

#content {color: #333; margin: 0 auto 16px auto; min-height: 0; width: 960px;}
#content:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}

#alpha, #beta, #gamma {display: inline; float: left; min-height: 0; position: relative}
#alpha:after, #beta:after, #gamma:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}

#alpha {color: #020502}

/* LAYOUT TWT */
body.layout-twt #alpha {left: 175px; width: 518px}
body.layout-twt #beta {border-right: 1px solid #D7D7D7; margin: 0 14px 0 0; width: 161px; left: -518px;}
body.layout-twt #gamma {float: right; padding: 0; width: 240px;}

/* LAYOUT WTT */
body.layout-wtt #alpha {left: 0; width: 518px}
body.layout-wtt #beta {border-right: 1px solid #D7D7D7; left: 14px; width: 160px;}
body.layout-wtt #gamma {float: right; padding: 0; width: 240px;}

/* LAYOUT WT */
body.layout-wt #content {background: #fff;}
body.layout-wt #alpha {padding: 0 0 0 10px; width: 620px}
body.layout-wt #beta {float: right; padding: 20px 10px 0 0; width: 300px;}
	body.layout-wt #beta .widget {margin: 0 0 20px}
		body.layout-wt #beta .widget-header {min-height: 0;}
			body.layout-wt #beta .widget-header:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
		body.layout-wt #beta h3 {float: left; font: 12px Helvetica, Verdana, Geneva, sans-serif; font-weight: 700; line-height: 18px; text-transform: uppercase}
		body.layout-wt #beta span.entry-actions {float: right; font-size: 11px; font-weight: normal; line-height: 20px; text-transform: none;}
		body.layout-wt #beta .entry a {font-weight: 700}

/* HOME LAYOUT */
body#home #alpha {display: block; float: none; margin: 0 0 16px; width: 100%;}
body#home #beta, body#home #gamma {border: medium none; left: 0; width: 470px;}

	.entry {margin: 0 0 10px;}
	.entry h3 {color: #660099; line-height: 18px; margin: 0 0 3px}
	.entry h4 {font-weight: 700;line-height:1.2;}
	.entry p {line-height: 18px; margin: 0;}
	.entry .entry-actions {color: #999}
		.entry .entry-actions a,
		a.more {font-size: 11px; font-weight: 700}


	#gallery {position: relative}
		#gallery-stage {background: url(Assets/Images/bg_gallery-stage.png) 50% 50% no-repeat; height: 346px; left: -4px; padding: 14px 0 0 14px; position: absolute; top: -5px; width: 464px}
#gallery-stage div {margin-top:14px;margin-left:14px;}
		#gallery-thumbs {display: none;}
	
	#feature {border: 1px solid #dedede; float: right; width: 470px;}
		#feature ul {background: url(Assets/Images/bg_feature.gif) top repeat-x; border: 5px solid #fff; border-bottom: medium none; padding: 18px 10px 0;}
		#feature li {border-bottom: 1px solid #ccc; clear: left; display: block; line-height: 18px; margin: 0 0 20px; min-height: 0; padding: 0 0 20px}
			#feature li:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
			#feature li.last {border-bottom: medium none; margin: 0;}
		#feature-img {float: left; height: 74px; margin: 0 10px 0 0; width: 74px}
	
	#btn-resources {margin: 0 0 8px 0; overflow: hidden; white-space: nowrap; width: 470px;}
	#btn-resources li {display: inline; margin: 0 12px 0 0}
		#btn-resources li a {opacity: .75}
		#btn-resources li a:hover {opacity: 1}

body#home #beta .widget {float: left; padding: 0 0 0 10px; width: 220px;}

body#gamma {}
	#video-player {background: pink; height: 300px; margin: 0 0 20px}
	
#footer {background: #31084a;}
	#footer-links {margin: 0 auto; min-height: 0; padding: 20px 10px 30px; width: 940px;}
	#footer-links:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
	#footer dl {float: left; margin: 0 170px 0 0}
	#footer dt {color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; margin: 0 0 3px}
	#footer dd a {color: #cc99cc; font-size: 12px; line-height: 20px;}

	#footer-legal {background: #333; border-top: 1px solid #ccc; clear: both; color: #fff; display: block;}
	#footer-legal p {margin: 0 auto; padding: 5px 10px 5px; width: 940px;}
		#footer-legal a {color: #cc99cc; margin: 0 5px}

.widget-sign-in h3 {display:none;}
#header #global-nav li.give,.give {display:none;}
#alpha-inner h1 {text-transform:capitalize;}
#beta .entry {clear:left;}
.calfull #beta {display:none;}