body { background: url("./themes/site_themes/default/orange/orange_bg.jpg") repeat; }
#topFlare { height: 420px; position: absolute; top: 85px; left:0; right:0; margin: 0; background: url("./themes/site_themes/default/orange/orange_top_flare.png") no-repeat center center; z-index: -1; }
#bottomFlare { height: 575px; position: absolute; bottom: 147px; margin: 0; left:0; right:0; background: url("./themes/site_themes/default/orange/orange_bottom_flare.png") no-repeat center center; z-index: -1; }

.orange-home { background: url("./themes/site_themes/default/orange/topbar_orange.png") no-repeat; }
.login { background: url("./themes/site_themes/default/orange/topbar_login.jpg") no-repeat; }
.facebook { background: url("./themes/site_themes/default/orange/topbar_facebook.jpg") no-repeat; }
.twitter { background: url("./themes/site_themes/default/orange/topbar_twitter.jpg") no-repeat; }
.rss { background: url("./themes/site_themes/default/orange/topbar_rss.jpg") no-repeat; }
.orange-main .orange-home { display: none; }

#header { background: url("./themes/site_themes/default/orange/orange_header.jpg") repeat-x; }
#mainNav ul { background: url("./themes/site_themes/default/orange/orange_header_spacer.jpg") no-repeat top right; }
#mainNav ul li { background: url("./themes/site_themes/default/orange/orange_header_spacer.jpg") no-repeat top left; }
#mainNav ul li span { background: url("./themes/site_themes/default/orange/orange_header_titles.jpg") repeat-x top left; }
#mainNav ul li ul li { background: url("./themes/site_themes/default/orange/orange_header_subspacer.jpg") no-repeat bottom left; }

#logo a { background: url("./themes/site_themes/default/orange/orange_logo.png"); width: 199px; height: 54px; margin: 36px 0 27px; }
#menu { color: #fff; padding: 0; background: url("./themes/site_themes/default/orange/orange_menu_bg.png") no-repeat; width: 712px; height: 50px; margin: 28px 0 0; }
#menu .main li a { width: 88px; height: 20px; }
#menu .sub li a { width: 109px; height: 20px; }
#menu a { text-indent: -5000em; display: block; float: left; padding: 0 3px 0 0; cursor: pointer; }
#menu .about-us { background: url("./themes/site_themes/default/orange/mainNav_1.png") no-repeat; }
#menu .faq { background: url("./themes/site_themes/default/orange/mainNav_2.png") no-repeat; }
#menu .contact { background: url("./themes/site_themes/default/orange/mainNav_3.png") no-repeat; }

#menu .orange-strategy { background: url("./themes/site_themes/default/orange/subNav_1.png") no-repeat; }
#menu .orange-team { background: url("./themes/site_themes/default/orange/subNav_2.png") no-repeat; }
#menu .orange-history { background: url("./themes/site_themes/default/orange/subNav_3.png") no-repeat; }
#menu .statement-of-faith { background: url("./themes/site_themes/default/orange/subNav_4.png") no-repeat; width: 122px !important; }

#menu .orange { background: url("./themes/site_themes/default/orange/faqNav_1.png") no-repeat; width: 58px !important; }
#menu .firstlook { background: url("./themes/site_themes/default/orange/faqNav_2.png") no-repeat; width: 72px !important; }
#menu .the252basics { background: url("./themes/site_themes/default/orange/faqNav_3.png") no-repeat; width: 76px !important; }
#menu .xp3 { background: url("./themes/site_themes/default/orange/faqNav_4.png") no-repeat; width: 38px !important; }
#menu .orangeconference { background: url("./themes/site_themes/default/orange/faqNav_5.png") no-repeat; width: 129px !important; }
#menu .ambersky { background: url("./themes/site_themes/default/orange/faqNav_6.png") no-repeat; width: 76px !important; }
#menu .orangeleaders { background: url("./themes/site_themes/default/orange/faqNav_7.png") no-repeat; width: 102px !important; }

#main { position: relative; }
#main #topRound { height: 10px; width: 968px; margin: 0 0 0 -4px; background: url("./themes/site_themes/default/orange/orange_body_top.png") no-repeat; }
#main #bottomRound { position: absolute; bottom: -10px; height: 10px; width: 968px; margin: 0 0 0 -4px; background: url("./themes/site_themes/default/orange/orange_body_bottom.png") no-repeat; z-index:-1; }
#main #leftShadow { padding-left:4px; background: url("./themes/site_themes/default/orange/orange_body_left.png") repeat-y top left; margin: 0 0 10px -4px; }
#main #rightShadow { width: 964px; background: url("./themes/site_themes/default/orange/orange_body_right.png") repeat-y top right; margin: 0; }
#main #topSection { height: 299px; width: 960px; background: url("./themes/site_themes/default/orange/orange_top_body.jpg") repeat-x; position: relative; }
#main #bottomSection { height: 260px; width: 960px; background: url("./themes/site_themes/default/orange/orange_bottom_body.jpg") repeat-x; position: relative; }
#main #gradientBG { background: #e0dedf url("./themes/site_themes/default/orange/bodyGradient.png") repeat-x; width: 960px; position: relative; height: auto; }

#main #content-area { min-height: 550px; width: 725px; float: left; }

#flashPlayer { position: absolute; margin: -8px 0 0; top: 0; left: 0; }
#videonav { background: url("./themes/site_themes/default/orange/video_nav.png") no-repeat; width: 162px; height: 295px; float: left; margin: -19px 0 0 473px; }

#main #updates { width:300px; height: 295px; float: right; background: url("./themes/site_themes/default/orange/orange_top_spacer.png") repeat-y bottom left; margin-top: -6px; padding: 10px 10px 0; }
h2.leaders { text-indent: -5000em; margin: -23px 0 0 5px; padding: 0; display: block; width: 298px; height: 40px; background: url("./themes/site_themes/default/orange/orange_leaders_title.png") no-repeat; }
#twitterPosts { padding: 14px 0 16px 18px; color: #747474; font-size: 12px; }
#twitterPosts h2 { margin: 0; }
#twitterPosts a { text-decoration: none; }
#twitterPosts img { float: left; background-color: #fff; }
#twitterPosts span { display: block; float: right; margin: 0 4px 0 0; width: 210px; }

#blog_feed {  color: #747474; font-size: 12px; background: url("./themes/site_themes/default/orange/blog_dots.png") repeat-x top center; padding: 18px 0 0 26px; margin: 0 0 0 -8px; width: 292px; overflow: hidden; }
#blog_feed .blog_info { width: 48px; font-weight: bold; float: left; }
#blog_feed .blog_content { width: 210px; float: left; margin: 0 0 0 20px; height: 96px; overflow: hidden; }
#blog_feed .post_title { font-weight: bold; }
#blog_feed .post_meta { font-style: italic; }
#blog_feed .post_content { margin: 10px 0 2px; }
#blog_feed .permalink { margin: 0 0 0 68px; font-style: normal; }

#main .resources { float: left; width: 398px; padding: 0 2px 0 0; background: url("./themes/site_themes/default/orange/bottom_spacer.jpg") repeat-y top right; height: 265px; }
h2.resource-finder { text-indent: -5000em; margin: -13px 0 0 15px; padding: 0; display: block; width: 351px; height: 40px; background: url("./themes/site_themes/default/orange/resource_finder_title.png") no-repeat; }
#resources-wrapper { margin: 0; padding: 5px 0 0; overflow: hidden; height: 200px; position: relative; width: 398px; }
#resources-wrapper #panel, #resources-wrapper .students, #resources-wrapper .preschool, #resources-wrapper .childrens { position: absolute; }
.hiddenMain { display: none;  }
#panel h2.title { display: none; }
#panel { width: 398px; height: 143px; color: #747474; } 
#panel img { float: left; margin: 11px 0 0 20px }
#panel .info { width: 230px; float: right; margin: 11px 20px 0 0; font-size: 12px }
#panel .info .name { margin: 0; font-size: 12px; font-weight: bold; }
.left-arrow { width: 20px; float: left; }
.left-arrow a { background: url("./themes/site_themes/default/orange/arrow_left.png") no-repeat center right; text-indent: -5000em; display: block; margin: 0 0 0 12px; height: 16px; width: 8px; cursor: pointer; }
.right-arrow { width: 20px; float: left; }
.right-arrow a { background: url("./themes/site_themes/default/orange/arrow_right.png") no-repeat center left; text-indent: -5000em; display: block; margin:0 12px 0 0; height: 16px; width: 8px; cursor: pointer; }
.listNav { background: url("./themes/site_themes/default/orange/resource_dots.png") repeat-x center center; list-style: none; margin: 0; padding: 10px 0; display: block; width: 398px; overflow: hidden; text-align: left; }
.listNav .navigation { width: 358px; float: left; padding: 2px 0 0; overflow: hideen; height: 13px; position: relative; }
.listNav .navigation a { display: inline; text-decoration: none; color: #747474; cursor: pointer; margin: 0 8px 0 5px; }
.listNav .navigation a:hover { color: #f18226; }
.listNav .navigation a.selected { color: #f18226; }
.listNav .wrapper { width: 358px; position: absolute;  min-height: 10em; overflow: auto; }
.listNav .wrapper ul { width: 9999px; position: absolute; list-style: none; margin: 0; padding: 0; }
.listNav .wrapper li { width: 330px; display: block; float: left; height: 13px; padding: 0 12px 0 16px; }

.rfNav { list-style: none; margin: 0; padding: 5px 0 0; width: 398px; overflow: hidden; }
.rfNav a:hover { background-position: bottom left; }
.rfNav .selected { background-position: bottom left; }
.rfNav_1 { text-indent:-5000em; display: block; float: left; background: url("./themes/site_themes/default/orange/rfNav_1.png"); width: 88px; height: 20px; margin: 0 0 0 35px; }
.rfNav_2 { text-indent:-5000em; display: block; float: left; background: url("./themes/site_themes/default/orange/rfNav_2.png"); width: 88px; height: 20px; margin: 0 32px; }
.rfNav_3 { text-indent:-5000em; display: block; float: left; background: url("./themes/site_themes/default/orange/rfNav_3.png"); width: 78px; height: 20px; }

#main .orange-guy { float: left; width: 324px; padding: 0 2px 0 0; background: url("./themes/site_themes/default/orange/bottom_spacer.jpg") repeat-y top right; height: 265px; font-size: 11px; position: relative; }
h2.guy { text-indent: -5000em; margin: -13px 0 0 15px; padding: 0; display: block; width: 284px; height: 40px; background: url("./themes/site_themes/default/orange/orange_guy.png") no-repeat; }
.bubble1 { float: left; width: 180px; height: 44px; background: url("./themes/site_themes/default/orange/bubble1.png") no-repeat; margin: 5px 0 0 22px; padding: 14px 42px 10px 13px; color: #fff; }
.bubble1 .name { color: #f18226; padding: 0 0 2px; }
.question .avatar-m { float: right; width: 59px; height: 67px; background: url("./themes/site_themes/default/orange/guest_avatar.png"); margin: 5px 10px 0 -4px; }
.question .avatar-f { float: right; width: 59px; height: 67px; background: url("./themes/site_themes/default/orange/guest_avatarf.png"); margin: 5px 10px 0 -4px; }
.question .avatar-o { float: right; width: 59px; height: 67px; background: url("./themes/site_themes/default/orange/guest_avataro.png"); margin: 5px 10px 0 -4px; }
.bubble2 { float: right; width: 244px; background: url("./themes/site_themes/default/orange/bubble2_top.png") no-repeat top left; margin: 5px 0 0; padding: 4px 0 0 0; color: #fff; }
.bubble2 .bg { min-height: 50px; width: 236px; margin: 24px 0 0; background: url("./themes/site_themes/default/orange/bubble2_bg.png") repeat-y; padding: 0 8px 0 0; position: relative; }
.bubble2 .shift { position: absolute; top: -15px; min-height: 60px; width: 182px; background: url("./themes/site_themes/default/orange/bubble2_bottom.png") no-repeat bottom left; padding: 0 8px 10px 44px; }
.bubble2 .name { color: #3d3d3d; padding: 0 0 2px; margin: -30px 0 0; }
.bubble2 a { color:#fff; }
.answer .avatar { float: left; width: 59px; height: 67px; background: url("./themes/site_themes/default/orange/orange_guy_avatar.png"); margin: 5px -14px 0 22px; overflow: hidden; }
.answer .avatar .frame { position: absolute; width: 59px; height: 67px; background: url("./themes/site_themes/default/orange/orange_guy_avatar_mask.png");  }
.qNav { background: url("./themes/site_themes/default/orange/resource_dots.png") repeat-x top center; height: 1px; margin: 15px 0 0; padding: 0 14px; display: block; width: 296px; text-align: right; position: absolute; bottom: 25px; }

.qNav a { cursor: pointer; }
.qNav .wrap { float: right; width: 24px; margin: 6px 0 0; }
a.back { background: url("./themes/site_themes/default/orange/arrow_left.png") no-repeat center left; text-indent: -5000em; display: block; float: left; height: 16px; width: 8px; }
a.forward { background: url("./themes/site_themes/default/orange/arrow_right.png") no-repeat center right; text-indent: -5000em; display: block; float: right; height: 16px; width: 8px; }

#main .orange-stuff { float: left; width: 234px; padding: 0; height: 265px; }
h2.stuff { text-indent: -5000em; margin: -13px 0 0 15px; padding: 0; display: block; width: 204px; height: 40px; background: url("./themes/site_themes/default/orange/orange_stuff.png") no-repeat; }
.msNav { float: left; list-style: none; margin: 0; padding: 40px 0 0 26px; width: 77px; overflow: hidden; }
.msNav a:hover { background-position: bottom left; cursor: pointer; }
.msNav .selected { background-position: bottom left; }
.msNav_1 { text-indent:-5000em; display: block; float: left; background: url("./themes/site_themes/default/orange/msNav_1.png"); width: 77px; height: 19px; margin: 0 0 5px; }
.msNav_2 { text-indent:-5000em; display: block; float: left; background: url("./themes/site_themes/default/orange/msNav_2.png"); width: 77px; height: 19px; margin: 0 0 5px; }
.msNav_3 { text-indent:-5000em; display: block; float: left; background: url("./themes/site_themes/default/orange/msNav_3.png"); width: 77px; height: 19px; }
#stuff-wrapper { float: right; width: 100px; margin: 8px 12px 0 0; }
.current-month { color: #f18226; display: block; height: 30px; }
.item { color: #747474; font-size: 11px; padding: 5px 0; width: 100px; }
.the-date { font-weight: bold; text-transform: uppercase; padding: 0 0 3px; }

#footer { background: url("./themes/site_themes/default/orange/footer.jpg") repeat-x; }
.sitemap { background: url("./themes/site_themes/default/orange/bottom_spacer.jpg") no-repeat left top; }
.sitemap ul li { background: url("./themes/site_themes/default/orange/bottom_spacer.jpg") no-repeat right top; }

/* Sub Pages */

#bio { float: right; width: 290px; margin: 0 0 20px; }
#bio p { margin-top: 0; }
.bio_group { display:block; margin: 0 0 10px; }
#bio-image { float: left; width: 144px; margin: 5px 0 20px; }
.member-name { font-weight: bold; font-style: italic; }

#main #sidebar { width: 235px; float:right; }
#main #borderBar { background: url("./themes/site_themes/default/orange/bodyBorder.png") repeat-y 725px 0px; padding: 5px 0; margin: -6px 0 0; position: absolute; z-index: 900; }

.blog_updates { background: url("./themes/site_themes/default/orange/blog_updates.png") repeat-x left bottom; padding: 0 10px 30px; color: #747474; font-size: 11px; margin-left: 2px; }
.blog_updates h2.leaders { margin: -18px 0 0 5px; padding: 0; width: 204px; background: url("./themes/site_themes/default/orange/orange_leaders_sidebar.png") no-repeat; }
.blog_updates .blog_content { padding: 10px 0 0; }
.blog_updates .post_title { font-weight: bold; }
.blog_updates .post_meta { font-style:italic; }
.blog_updates .post_content { margin: 10px 0 2px; }
.blog_updates .permalink { font-style: normal; }
.page-title { color: #747474; font-size: 24px; letter-spacing:1px; font-weight: normal; }
#page-extra { width: 210px; min-height: 100px; float:left; padding: 18px 25px 20px; }
#page-extra img { max-width: 210px; height: auto; }
#page-content { width: 445px; float:left; padding: 0 20px 20px 0; }
#page-content h2 { margin:18px 0; }

.faq-links a { display: block; margin: 0 0 10px; }