body { background: url("./themes/site_themes/default/252basics/basics_bg.png") 15px 0; }
#topBG { height: 523px; position: absolute; top: 85px; left:0; right:0; margin: 0; background: url("./themes/site_themes/default/252basics/basics_topglow.png") repeat-x left top; z-index: -1; }
#gearsBG  { height: 949px; position: absolute; bottom: 140px;  left:0; right:0; margin: 0; background: url("./themes/site_themes/default/252basics/basics_gears.png") repeat-x center center; z-index: -1; }
#starsBG  { height: 762px; position: absolute; top: 10px; left:0; right:0; margin: 0; background: url("./themes/site_themes/default/252basics/basics_stars.png") no-repeat center top; z-index: -1; }
#mainBG  { height: 780px; position: absolute; top: 8px; left:0; right:0; margin: 0; background: url("./themes/site_themes/default/252basics/basics_main_bg.png") no-repeat center center; z-index: -1; }

#content { position:relative; }

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

#header { background: url("./themes/site_themes/default/xp3/xp3_header.jpg") repeat-x; }
#mainNav ul { background: url("./themes/site_themes/default/xp3/xp3_header_spacer.jpg") no-repeat top right; }
#mainNav ul li { background: url("./themes/site_themes/default/xp3/xp3_header_spacer.jpg") no-repeat top left; }
#mainNav ul li span { background: url("./themes/site_themes/default/xp3/xp3_header_titles.jpg") repeat-x top left; }
#mainNav ul li ul li { background: url("./themes/site_themes/default/xp3/xp3_header_subspacer.jpg") no-repeat bottom left; }

#logo a { background: url("./themes/site_themes/default/252basics/basics_logo.png") no-repeat; width: 197px; height: 41px; margin: 32px 0 52px; }
#menu .main { padding: 5px 10px; }
#menu a { display: block; float: left; text-indent: -5000em; height: 20px; cursor: pointer; }
#menu { color: #7b867e; padding: 39px 0 0; width: 713px; height: 31px; background: url("./themes/site_themes/default/252basics/basics_menu_bg.png") no-repeat bottom left; position: absolute; top: 0; right: 0; z-index: 100; float:none; }
#menu ul li { padding: 0 5px 0 0; }
#menu .about252basics { background: url("./themes/site_themes/default/252basics/menu_252.png"); width: 134px; }
#menu .seeit { background: url("./themes/site_themes/default/252basics/samples_2.png"); width: 80px; }
#menu .chatter { background: url("./themes/site_themes/default/252basics/menu_chatter.png"); width: 86px; }
#menu .getit { background: url("./themes/site_themes/default/252basics/pricing_2.png"); width: 74px; }
#menu .faq { background: url("./themes/site_themes/default/252basics/menu_faq.png"); width: 53px; }
#menu .contact { background: url("./themes/site_themes/default/252basics/menu_contact.png"); width: 88px; }
#menu .aboutorange { background: url("./themes/site_themes/default/252basics/menu_orange.png"); width: 125px; }
#menu a:hover, #menu li.selected a { background-position: 0 -20px !important; }

#main { margin:0; clear:both; position:relative; }
#main #topSection { height: 302px; width: 968px; margin: 0 0 10px -4px; position:relative; }

#flashPlayer { position: absolute; margin: -5px 0 0; top: 0; left: 0; }
#videonav { width: 179px; height: 406px; float: left; margin: -110px 0 0 475px; background: url("./themes/site_themes/default/252basics/video_nav.png"); z-index: 90; }

.monthly #flashPlayer { margin: 15px 0 0 30px !important; }
.monthly #videonav { margin: -90px 0 0 505px !important; }
#videoText { position: absolute; top: 0; left: 0; margin: 320px 0 0 50px; width: 620px; }

#main #updates { width:320px; height: 295px; padding: 10px 0 0; position: absolute; top: 0; right: 0; }
h2.leaders { text-indent: -5000em; margin: -45px 0 10px -5px; padding: 0; display: block; width: 214px; height: 61px; background: url("./themes/site_themes/default/252basics/orange_leaders_title.png") no-repeat; }
#twitterPosts { padding: 10px 0 0 5px; }
#updates #twitterPosts { padding: 5px 0 16px 5px; color: #747474; font-size: 12px; }
#twitterPosts h2 { margin: 0; }
#twitterPosts a { text-decoration: none; }
#updates img { float: left; background-color: #fff; }
#updates li { margin: 0 0 10px; } 
#updates span { display: block; float: right; margin: 0 25px 0 0; width: 228px; }

#main #about-info { width: 380px; height: 273px; font-size: 12px; color: #4a4a4a; float: left; padding: 0 15px 0 13px; }
h2.about-title { font-size: 24px; margin: 0; }

#main .resources { float: left; width: 398px; padding: 0; height: 273px; z-index: 10; }
h2.resource-finder { text-indent: -5000em; margin: -35px 0 0 16px; padding: 0; display: block; width: 214px; height: 61px; background: url("./themes/site_themes/default/252basics/resource_finder_title.png") no-repeat;  }
#resources-wrapper { margin: 0 auto; padding: 5px 0 0; overflow: hidden; height: 200px; position: relative; width: 364px; }
#resources-wrapper #panel, #resources-wrapper .students, #resources-wrapper .preschool, #resources-wrapper .childrens { position: absolute; }
.hiddenMain { display: none;  }
#panel h2.title { display: none; }
#panel { width: 360px; height: 143px; color: #747474; } 
#panel img { float: left; margin: 11px 0 0 0; display:inline; }
#panel .info { width: 230px; float: right; margin: 11px 20px 0 0; }
#panel .info .name { margin: 0; font-size: 12px; font-weight: bold; }
.left-arrow { width: 13px; float: left; padding: 2px 0 0; }
.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 5px; height: 16px; width: 8px; cursor: pointer;  }
.right-arrow { width: 13px; float: left; padding: 2px 0 0; }
.right-arrow a { background: url("./themes/site_themes/default/orange/arrow_right.png") no-repeat center left; text-indent: -5000em; display: block; margin:0 5px 0 0; height: 16px; width: 8px; cursor: pointer; }
.listNav { background: url("./themes/site_themes/default/xp3/resource_dots.png") repeat-x center center; list-style: none; margin: 0 auto; padding: 10px 0; display: block; width: 356px; overflow: hidden; text-align: left; }
.listNav .navigation { width: 330px; 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 7px 0 5px; }
.listNav .navigation a:hover { color: #f18226; }
.listNav .navigation a.selected { color: #f18226; }
.listNav .wrapper { width: 330px; 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; }

.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; }

#featured-item { float: right; width: 152px; height: 274px; }
#sidebar #featured-item { float: none; margin: 0; background: url("./themes/site_themes/default/252basics/featured.jpg"); width: 210px; height: 274px; }

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

/* Sub Pages */

#content-area { margin: 0; position: relative; }

#topEdge  { width: 100%; height: 780px; position: absolute; top: -2px; margin: 0; background: url("./themes/site_themes/default/252basics/subpage_top.png") no-repeat center center; z-index: -1; }
#bottomEdge  { width: 100%; height: 780px; position: absolute; bottom: 0; margin: 0; background: url("./themes/site_themes/default/252basics/subpage_bottom.png") no-repeat center center; z-index: -1; }

#main #sidebar { width: 220px; float:right; margin:  0; }
#main #borderBar { background: #fff url("./themes/site_themes/default/252basics/bodyBorder.png") repeat-y 725px 0px; padding: 0 0 15px; margin: 4px 2px 10px -2px; min-height: 520px; width: 960px; position: relative; }

.blog_updates { padding: 0 10px 10px; color: #747474; font-size: 11px; margin-left: 2px; line-height: normal; }
.blog_updates h2.leaders { margin: -38px 0 0 -5px; padding: 0; }
.blog_updates .blog_content { padding: 10px 0 0; }
.blog_updates .post_title { font-weight: bold; }
.blog_updates .post_meta { color: #f18226; }
.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-subtitle { color: #747474; font-size: 14px; letter-spacing:0px; margin:0; font-weight: normal; font-style:italic; }
#page-extra { width: 218px; min-height: 100px; float:left; padding: 18px 25px 20px; margin: 0; }
#page-content { width: 437px; float:left; padding: 0 20px 20px 0; }

.chatterBubble1 .tEdge { width: 440px; background: url("./themes/site_themes/default/252basics/bubbles1_tEdge.png") no-repeat top left; margin: 5px 0 0; height: 5px; }
.chatterBubble1 .bEdge { width: 440px; background: url("./themes/site_themes/default/252basics/bubbles1_bEdge.png") no-repeat top left; margin: 0 0 20px; height: 5px; }
.chatterBubble1 .top { width: 440px; background: url("./themes/site_themes/default/252basics/bubbles1_top.png") no-repeat top left; margin: 0; padding: 0; }
.chatterBubble1 .bg { width: 440px; margin: 0; background: url("./themes/site_themes/default/252basics/bubbles1_bg.png") repeat-y; padding: 0; position: relative; }
.chatterBubble1 .shift { margin: 0; width: 396px; background: url("./themes/site_themes/default/252basics/bubbles1_bottom.png") no-repeat bottom left; padding: 0 40px 0 9px; }

.chatterBubble2 .tEdge { width: 440px; background: url("./themes/site_themes/default/252basics/bubbles2_tEdge.png") no-repeat top left; margin: 5px 0 0; height: 5px; }
.chatterBubble2 .bEdge { width: 440px; background: url("./themes/site_themes/default/252basics/bubbles2_bEdge.png") no-repeat top left; margin: 0 0 20px; height: 5px; }
.chatterBubble2 .top { width: 440px; background: url("./themes/site_themes/default/252basics/bubbles2_top.png") no-repeat top left; margin: 0; padding: 0; }
.chatterBubble2 .bg { width: 440px; margin: 0; background: url("./themes/site_themes/default/252basics/bubbles2_bg.png") repeat-y; padding: 0; }
.chatterBubble2 .shift { margin: 0; width: 387px; background: url("./themes/site_themes/default/252basics/bubbles2_bottom.png") no-repeat bottom left; padding: 0 18px 0 40px; }
.chatterBubble2 .extra { text-align: right; }

.chatterBubble1 p, .chatterBubble2 p  { margin: 0; }

.subscribe { display: block; width: 143px; height: 32px; text-indent: -5000em; background: url("./themes/site_themes/default/252basics/subscribe.png"); }

#featured-item a { display: block; width: 118px; margin: 0 auto; padding: 17px 0 0; text-decoration: none; }
.titleBox { display: block; width: 98px; height: 61px; padding: 10px; color: #222; }
.titleBox span { text-transform: uppercase; }