html { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #000; background-color: #f1f1f1; margin: auto; }
body { font-size: 1.0em; }
strong { font-weight: bold; }

/* CONTAINER */
#container { width: 1024px; margin: auto; }
#calculator-container {width: 850px; margin: auto;}
#calculator-container2 {width: 1020px; margin: auto;}



/* HEADER */
#header { margin-top: 15px; position: relative; background: url('../images/header/header_bkgd.png') no-repeat; background-image: url('../images/header/header_bkgd.png') no-repeat; width: 1024px; height: 214px; }
#header2 { margin-top: 15px; position: relative; background: url('../images/header/header_bkgd.png') no-repeat; background-image: url('../images/header/header_bkgd.png') no-repeat; width: 1024px; height: 214px; }
	#logo { position: absolute; left: 128px; top: 23px; }
		#logo #wanna-help { position: absolute; left: 429px; top: 31px;  }
		#logo #wanna-help-form { padding-left: 275px; line-height: 2.5em; margin-top: -15px; }
			#logo #wanna-help-form input { font-size: 1.1em; color: #999; padding: 1px; }
	#navigation ul { list-style: none; position: absolute; top: 181px; }
		#navigation ul li { float: left; padding: 0; }
	#tab { position: absolute; left: 1024px; top: 15px; margin-right: -25px; }
		#tab #bottom { top: 90px; }
		#tab #bottom2 { top: 165px; }


		
/* BODY COPY */		
#body-content { background-color: #fff; padding: 15px; position: relative; }
#calculator-content {background: url('http://image.buildingtomorrow-mail.org/lib/fefc1c72706507/m/1/chalkboard-resize-bkgd-2.png') no-repeat; background-image: url('http://image.buildingtomorrow-mail.org/lib/fefc1c72706507/m/1/chalkboard-resize-bkgd-2.png') no-repeat; width: 650px; height: 530px; padding: 95px 100px; position: relative;}
#calculator-content2 {background: url('http://image.buildingtomorrow-mail.org/lib/fefc1c72706507/m/1/chalkboard-resize-bkgd-3.png') no-repeat; background-image: url('http://image.buildingtomorrow-mail.org/lib/fefc1c72706507/m/1/chalkboard-resize-bkgd-3.png') no-repeat; width: 650px; height: 530px; padding: 95px 75px; position: relative;}
	#body-content h2 { font-size: 3.6em; font-weight: normal; text-transform: lowercase; background: url('../images/orangetitle2.gif') no-repeat; background-image: url('../images/orangetitle2.gif') no-repeat; height: 56px; padding-left: 45px; padding-top: 10px; color: #fff; margin-bottom: 10px; }
	#body-content h9 { font-size: 3.6em; font-weight: normal; text-transform: lowercase; background: url('../images/orangetitle3.gif') no-repeat; background-image: url('../images/orangetitle3.gif') no-repeat; height: 56px; padding-left: 45px; padding-top: 10px; color: #fff; margin-bottom: 10px; }
	#body-content h3 { font-size: 1.8em; font-weight: bold; color: #f78429;}
	#body-content p, #body-content ul, #body-content ol, #body-content div.faq { font-size: 1.2em; margin-bottom: 1.0em; line-height: 1.2em; }
		#body-content ul li { list-style: disc outside; margin-left: 30px;  }
		#body-content ol li { list-style: decimal outside; margin-left: 30px; margin-bottom: 15px; margin-top: 15px; }
		#body-content p em { font-style: italic; }
		#copy .inset { padding-left: 35px; }
		#index-left-nav { float: left; }
			#index-left-nav div { padding-bottom: 13px; }
	#body-content #latest-news { }
		#body-content #latest-news h2 { padding: 0; margin: 0; background: none; height: auto; font-size: 1.6em; font-family: Arial, Helvetica, sans-serif; color: #f78429; font-weight: bold; display: inline; }
		#body-content #latest-news h4, #body-content #latest-news p { display: inline; }
		#body-content #latest-news h4 { font-size: 1.2em; }
		#body-content #latest-news .story { padding-left: 15px; }
			#body-content #latest-news .story a:link, #body-content #latest-news .story a:active, #body-content #latest-news .story a:visited { color: #9999AE; text-decoration: none; }
			#body-content #latest-news .story a:hover { text-decoration: underline; }
			#body-content #latest-news .story .arrow { color: #820022; font-size: 1.2em; }
			#body-content a:link, #body-content a:active, #body-content a:visited { color:#f78429; text-decoration:none; }
			#body-content a:hover { text-decoration: underline; color: #98002e; }
			
			
/* PAGE SPECIFIC COPY */
#get-to-know-us-nav { }			
	#get-to-know-us-nav #gtku-left { float: left; }
	#get-to-know-us-nav #gtku-right { float: left; padding-left: 14px; }
	#get-to-know-us-nav #gtku-left div, #get-to-know-us-nav #gtku-right div, #see-whats-happening-nav #swh-left div { padding-bottom: 13px; }
#see-whats-happening-nav { }
	#see-whats-happening-nav #swh-left { float: left; }
#meet-nav { float: left; }
#copy.meet { margin-left: 245px; }
	.filmstrip-meet { float: right; padding-left: 5px; }
#copy.get-to-know-us { margin-left: 244px; }
#copy.blog { margin-left: 200px; width: 800px;}
#copy.get-involved { margin-left: 120px; }
	#copy.get-involved img.hoverborder {border: 7px solid rgb(235,235,235); border-radius: 20px; -moz-border-radius: 20px;}
	#copy.get-involved img.hoverborder:hover {cursor: pointer; border: 7px solid #98002e; border-radius: 20px; -moz-border-radius: 20px;}
#copy.see-whats-happening { margin-left: 146px; }

#headlines, #in-the-news, #videos { width: 265px; float: left; padding-right: 15px; }
	.headline, .press, .video { padding-left: 10px; padding-right: 10px; }
	.headline h4, .press h4, .video h4 { font-size: 1.2em; margin-top: 1.0em; }
 	#headlines .headline p { line-height: 1.0em; color: #999999; display: inline; }
	.headline a.read-more { font-size: 1.2em; }
	
#blog { width: 750px; position: relative; padding-right: 30px; }
	.blog { padding-right: 10px; }
	.blog h4 { font-size: 1.2em; margin-top: 1.5em; font-weight: bold; padding-bottom: 3px;}
 	#blog .blog p { line-height: 1.0em; color: #999999; display: inline; }
	.blog a.read-more { font-size: 1.2em; }
	#blog #feedback {padding-bottom: 30px;}
	#blog #feedback .feedback {color: #ccc;text-align: right;clear: both;}
	#blog #meta .meta {font-size: .75em; padding-top: 3px;}
	#blog #meta .meta li, ul.post-meta li {display: inline; font-size: 12px;}
	#blog #meta .meta ul {display: inline;list-style: none;margin: 0;padding: 0; font-size: 12px;}
	#blog .meta, .meta a { color: #ccc; font-weight: normal; letter-spacing: 0;}
	#blog .storytitle {margin: 0;}
	#blog .storytitle a {text-decoration: none;}
	#blog .quote {color: rgb(130,130,130); font-size: 12px; border-left: 3px solid rgb(220,220,220); margin-left: 15px; padding: 0px 25px 0px 15px; margin-top: 15px; margin-bottom: 15px;}
	#blog #commentform #author, #commentform #email, #commentform #url, #commentform textarea {background: #fff;border: 1px solid #333;padding: .5em;}
	#blog #commentform textarea {width: 100%;}
	#blog #commentlist li ul {border-left: 1px solid #ddd;font-size: 110%;list-style-type: none;}
	#blog #commentlist li .avatar {float: right;margin-right: 25px;border: 1px dotted #ccc;padding: 2px;}
	#blog h3 a:link, #blog h3 a:active, #blog h3 a:visited { color:#98002e; text-decoration:none; }
	#blog h3 a:hover { text-decoration: underline; color: #f78429; }
	#blog h3 {padding-top: 6px; padding-bottom: 6px; font-size: 2.3em}
	
#blogleft {position: absolute; width: 165px; }	
#blogleft #blognav { margin-top: 30px; margin-bottom: 30px; width: 155px; padding: 15px; background-color: rgb(235,235,235); border-radius: 0px 30px 0px 0px; -moz-border-radius: 0px 30px 0px 0px; }
#blogleft #blognav p { font-size: 12px; }
#blogleft #blognav ul { font-size: 12px; text-indent: 0px; }
#blogleft #blognav li { font-size: 12px; list-style-type: none; margin-left: 10px; padding-left: 0px; }
#blogleft #blognav h2 { font-size: 12px; text-indent: 0px; margin-left: -10px; font-weight: bold; text-transform: none; background: url('') no-repeat; background-image: url('') no-repeat; height: 24px; padding-left: 0px; padding-top: 15px; color: #000000; margin-bottom: 0px;}


#blogleft #twitter-blog { position: relative; left: 5px; width: 180px; font-size: 10px;}
	#blogleft #twitter-blog ul li { list-style: none; margin: 0; padding: 0; padding-bottom: 10px; }
	#blogleft #twitter-blog ul li a:link, #blogleft #twitter-blog ul li a:active, #blogleft #twitter-blog ul li a:visited { color: #98002e; }
	#blogleft #twitter-blog ul li a:hover {color: #f78429;}




#right-box { margin-right: 15px; margin-left: 15px; padding: 15px; float: right; width: 213px; height: 413px; background: url('/beta/get involved/leaderback-33.jpg') no-repeat; background-image: url('/beta/get involved/leaderback-33.jpg') no-repeat; }
	#right-box .style40 { font-size: 16px; font-weight: bold; color: #f78429; }
	#right-box p { line-height: 1.2em; }
		#right-box .greyhighlight { color: #999999; }
#right-box.see-whats-happening { text-align: center; background: url('/beta/backgrounds/happening back-14.jpg') no-repeat; background-image: url('/beta/backgrounds/happening back-14.jpg') no-repeat; width: 241px; height: 541px; }
#right-box.high-school { margin-left: 15px; padding: 15px; float: right; background: url('/beta/get involved/leaderback-34.jpg') no-repeat; background-image: url('/beta/get involved/leaderback-34.jpg') no-repeat; width: 213px; height: 270px; }
#donate { position: relative; }
	#donate #donate-back-top {background: url('../images/donate_top_bkgd.png') no-repeat; background-image: url('../images/donate_top_bkgd.png') no-repeat; height: 30px; width: 994px; }
	#donate #donate-back-mid {background: url('../images/donate_mid_bkgd.png'); background-image: url('../images/donate_mid_bkgd.png'); padding-left: 30px; padding-right: 30px; width: 934px; }
	#donate #donate-back-bottom {background: url('../images/donate_bottom_bkgd.png') no-repeat; background-image: url('../images/donate_bottom_bkgd.png') no-repeat; margin-top: -15px; margin-bottom: 15px; height: 30px; width: 994px; }
	#donate #holiday-back-top {background: url('http://www.buildingtomorrow.org/zeta/wp-content/uploads/2010/10/best-gift-ever-top.png') no-repeat; background-image: url('http://www.buildingtomorrow.org/zeta/wp-content/uploads/2010/10/best-gift-ever-top.png') no-repeat; height: 15px; width: 994px; }
	#donate #holiday-back-mid {background: url('http://www.buildingtomorrow.org/zeta/wp-content/uploads/2010/10/best-gift-ever-middle.png'); background-image: url('http://www.buildingtomorrow.org/zeta/wp-content/uploads/2010/10/best-gift-ever-middle.png'); padding-left: 30px; padding-right: 30px; width: 934px; }
	#donate #holiday-back-bottom {background: url('http://www.buildingtomorrow.org/zeta/wp-content/uploads/2010/10/best-gift-ever-bottom.png') no-repeat; background-image: url('http://www.buildingtomorrow.org/zeta/wp-content/uploads/2010/10/best-gift-ever-bottom.png') no-repeat; margin-top: -15px; margin-bottom: 15px; height: 30px; width: 994px; }
	
	#donate #shopping-back { padding: 0px; position: absolute; top: 0px; left: 0px; margin-bottom: 15px; height: 600px; width: 994px; }
	#donate #shirts-back {background: url('../images/shirt_bkgd.png') no-repeat; padding: 15px; margin-bottom: 15px; height: 450px; width: 994px; }
	#policy {position: relative; margin-top:15px; margin-left: 15px; color: #666; }

	
	
#work-for-us { }
	#work-for-us #in-office { padding: 15px; overflow: auto; width: 459.5px; height: 520px; margin-top: 15px; background-image: url('http://www.buildingtomorrow.org/beta/work for us/work-32.jpg'); margin-bottom: 15px; float: left; }
	#work-for-us #on-campus { padding: 15px; overflow: auto; width: 459.5px; height: 520px; margin-top: 15px; background-image: url('http://www.buildingtomorrow.org/beta/work for us/work-32.jpg'); margin-bottom: 15px; float: right; }
	#work-for-us h4 { font-size: 14px; font-weight: bold; color: #98002e; }



/* BLANK TESTING ARROWS */

#body-content .orange {
	font-size: 3.6em; 
	font-weight: normal; 
	text-transform: lowercase;  
	color: #fff; 
	margin-bottom: 15px;
line-height: 70px;
	text-shadow:0 -1px 1px #111111;
	text-align: left;
height: 78px;
margin-left: -58px;
padding-left: 58px;
background-image: url('http://www.buildingtomorrow.org/zeta/wp-content/uploads/2012/01/orange-back.png') no-repeat;
background: url('http://www.buildingtomorrow.org/zeta/wp-content/uploads/2012/01/orange-back.png') no-repeat;
	}
	
	#body-content .grey-nav {
		margin-top: -35px; background-color: rgb(235,235,235); width: 1004px; font-size: 12px; line-height: 25px; height: 25px; margin-bottom: 15px; margin-left: -50px; padding: 0px 10px; color: rgb(150,150,150); box-shadow: inset 1px 1px 1px #111111;
	}



#blank .ui-tooltip, .ui-tooltip-top, .ui-tooltip-right, .ui-tooltip-bottom, .ui-tooltip-left {
  color:#ffffff;
  cursor:normal;
  display:-moz-inline-stack;
  display:inline-block;
  font-size:36px;
  font-family:arial;
  padding:0px 55px;
  position:relative;
  left: -55px;
  text-align:left;
  width: 500px;
  height: 65px;
  line-height: 65px;
  text-shadow:0 -1px 1px #111111;
  -o-box-shadow::0 2px 2px #111111;
  -moz-box-shadow::0 2px 2px #111111;
  -khtml-box-shadow::0 2px 2px #111111;
  -webkit-box-shadow::0 2px 2px #111111;
  box-shadow:3px 2px 2px #111111;
  background-color:#f78429;
}
#blank .ui-tooltip:after, .ui-tooltip-right:after {
  content:"\25B8";
  display:block;
  font-size:107px;
  height:0;
  line-height:0;
  position:absolute;
  left: 601px;
  color: #f78429;
  text-shadow: 2.5px 2px 2px #111111;
  top: 23px;
}


#blank .ui-tooltip-right:after {
  color:#f78429;
  right:1em;
  -o-transform:rotate(0);
  -moz-transform:rotate(0);
  -khtml-transform:rotate(0);
  -webkit-transform:rotate(0);
}

/* demo css */

#blank h2 { margin: 2em 0 2em; }
#blank p { margin: 0 0 2em; }








/* FOOTER */
.stbutton:link { color: #98002e; }
#footer { height: 339px; width: 1024px; position: relative; background: url('../images/footer/footer_bkgd.png') no-repeat; background-image: url('../images/footer/footer_bkgd.png') no-repeat; margin-bottom: 1.0em; }
	ul#meet { left: 59px; top: 57px; position: absolute; list-style: none; }
		#meet li { float: left; padding-right: 23px; }
			#meet li#sarah { padding-right: 21px; }
			#meet li#gerald { padding-right: 27px; }
			#meet li#jennifer { padding-right: 24px; }
			#meet li#gertrude, #meet li#jjumba { padding-right: 25px; }
	#about { position: absolute; left: 45px; top: 270px; color: #fff; font-size: 12px; } 
		#about .grey {color: #bbb;}
	#social { }
		#social #facebook { position: absolute; left: 678px; top: 240px; }
		#social #photos { position: absolute; left: 609px; top: 240px; }
		#social #youtube { position: absolute; left: 747px; top: 240px; }
		#social #twitter { position: absolute; left: 817px; top: 240px; }
		#social #echoing-green { position: absolute; left: 900px; top: 225px; }
		
/* OTHER STYLES */
@font-face {font-family: Throw My Hands Up in the Air; src: url('http://www.buildingtomorrow.org/zeta/wp-content/uploads/2011/04/Throw%20My%20Hands%20Up%20in%20the%20Air.ttf') format("truetype"); }
#video {
	position: absolute;
	top: 15px;
	left: 624px;
	width:216px;
	height:312px;
	z-index: 500;
}
#rotate {
	float: left;
	margin-left: 5px;
	height: 312px;
	width:485px;
	z-index:3;
}
#twitter-feed {
	position: absolute;
	height: 312px;
	width: 170px;
	left: 850px;
	font-size: 9px;
	z-index: 1000;
}
	#twitter-feed ul li { list-style: none; margin: 0; padding: 0; padding-bottom: 10px; }
#apDiv20 {
	position:absolute;
	width:257px;
	height:80px;
	z-index:20;
	left: 557px;
	top: 54px;
}
.comment p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}
.question {
	font-size: 12px;
	font-weight: regular;
	cursor:pointer;
	background-color:#FFFFFF;
	font-family: Arial;
	color: #f78429;
	text-decoration: underline;
	line-height: 1.5em;
}
.details {
	display: none;
	background-color:#FFFFFF;
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	padding-left: 12px;
	line-height: 1.2emx;
	
}
.question2 {
	font-size: 16px;
	font-weight: bold;
	color: #f78429;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: text-top;
	text-decoration: underline;
	cursor: pointer;
	line-height: 1.5em;
}
.details2 {
	display:none;
	background-color:#FFFFFF;
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	padding-left: 12px;
	line-height: 14px;
	margin-left: 69px;
}