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; }
/* HEADER */
#header { margin-top: 15px; position: relative; background: 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; }
#body-content h2 { font-size: 3.6em; font-weight: normal; text-transform: lowercase; background: url('../images/orangetitle2.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.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; float: left; 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 #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;}
#blogleft {float: left;}
#blogleft #blognav { margin-top: 30px; width: 155px; padding: 15px; background: url('http://www.buildingtomorrow.org/zeta/wp-content/uploads/2010/08/blog-back.jpg') no-repeat;}
#blogleft #blognav p { font-size: 12px; }
#blogleft #blognav ul { font-size: 12px; }
#blogleft #blognav li { font-size: 12px; }
#blogleft #twitter-blog { 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; }
#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; 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; width: 213px; height: 270px; }
#donate { position: relative; height: 600px; }
#donate #donate-back {background: url('../images/donate_bkgd.png') no-repeat; padding: 15px; margin-bottom: 15px; height: 450px; 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:30px; 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; }
/* FOOTER */
.stbutton:link { color: #98002e; }
#footer { height: 339px; width: 1024px; position: relative; background: 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#george { padding-right: 21px; }
#meet li#edith { padding-right: 27px; }
#meet li#ventril { padding-right: 24px; }
#meet li#moses, #meet li#gertrude { padding-right: 25px; }
#about { position: absolute; left: 25px; top: 305px; color: #fff; font-size: 12px; }
#about .grey {color: #bbb;}
#social { }
#social #facebook { position: absolute; left: 535px; top: 233px; }
#social #youtube { position: absolute; left: 647px; top: 233px; }
#social #twitter { position: absolute; left: 767px; top: 233px; }
#social #echoing-green { position: absolute; left: 891px; top: 213px; }
/* OTHER STYLES */
#video {
position: absolute;
top: 15px;
left: 624px;
width:216px;
height:312px;
}
#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;
}
#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;
}