body { background: #91d7ec; }
#topBG { height: 577px; position: absolute; top: 40px; left:0; right:0; margin: 0; background: url("./themes/site_themes/default/xp3/bg_clouds.png") no-repeat center center; z-index: -1; }
#mainBG { height: 652px; position: absolute; top: 137px; left:0; right:0; margin: 0; background: url("./themes/site_themes/default/xp3/bg_bubbles.png") no-repeat center center; z-index: -1; }

.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/xp3/xp3_logo.png"); width: 96px; height: 53px; margin: 36px 0 36px; }
#menu .main { padding: 3px 10px; }
#menu li { padding:0 5px 0 0 !important; }
#menu a { display: block; float: left; text-indent: -5000em; height: 20px; cursor: pointer; }
#menu { color: #7b867e; margin: 42px 0 0; width: 728px; height: 75px; background: url("./themes/site_themes/default/xp3/xp3_menu_bg.png") no-repeat; }
#menu ul li { padding: 0 5px 0 0; }
#menu .aboutxp3students { background: url("./themes/site_themes/default/xp3/menu_xp3.png"); width: 153px; }
#menu .seeit { background: url("./themes/site_themes/default/xp3/samples_1.png"); width: 80px; }
#menu .chatter { background: url("./themes/site_themes/default/xp3/menu_chatter.png"); width: 86px; }
#menu .getit { background: url("./themes/site_themes/default/xp3/pricing_1.png"); width: 74px; }
#menu .faq { background: url("./themes/site_themes/default/xp3/menu_faq.png"); width: 53px; }
#menu .contact { background: url("./themes/site_themes/default/xp3/menu_contact.png"); width: 88px; }
#menu .aboutorange { background: url("./themes/site_themes/default/xp3/menu_orange.png"); width: 125px; }
#menu a:hover, #menu li.selected a { background-position: 0 -20px !important; }

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

#flashPlayer { position: absolute; margin: -5px 0 0; top: 0; left: 0; }
#videonav { width: 149px; height: 307px; float: left; margin: -15px 0 0 482px; background: url("./themes/site_themes/default/xp3/video_nav.png"); }

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

#main #updates { width:320px; height: 295px; float: right; padding: 10px 0 0; }
h2.leaders { text-indent: -5000em; margin: -33px 0 0 0; padding: 0; display: block; width: 174px; height: 48px; background: url("./themes/site_themes/default/xp3/orange_leaders_title.png") no-repeat; }
#twitterPosts { padding: 10px 0 0 5px; }
#updates #twitterPosts { padding: 10px 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; }
#main #about-info p { line-height:18px; }
h2.about-title { font-size: 24px; margin: 0; }

#main .resources { float: left; width: 398px; padding: 0; height: 273px; }
h2.resource-finder { text-indent: -5000em; margin: -11px 0 0 26px; padding: 0; display: block; width: 174px; height: 44px; background: url("./themes/site_themes/default/xp3/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: 398px; height: 143px; color: #747474; } 
#panel img { float: left; margin: 11px 0 0 13px }
#panel .info { width: 230px; float: right; margin: 11px 43px 0 0; }
#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 6px; height: 16px; width: 8px; cursor: pointer; padding: 2px 0 0; }
.right-arrow { width: 8px; 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; height: 16px; width: 8px; cursor: pointer; padding: 2px 0 0; }
.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: 364px; overflow: hidden; text-align: left; }
.listNav .navigation { width: 330px; float: left; padding: 2px 0; overflow: hidden; 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: 326px; 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: 326px; display: block; float: left; height: 13px; }

.rfNav { list-style: none; margin: 0; padding: 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: 148px; height: 274px; padding: 0 0 0 4px; }
#sidebar #featured-item { float: none; margin: 0 auto; background: url("./themes/site_themes/default/xp3/featured.png"); width: 171px; height: 252px; padding: 0; }

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

/* Sub Pages */

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

.inline { display: inline !important; }

.subpage { width: 984px; margin: 0 0 0 -12px; background: url("./themes/site_themes/default/xp3/subpage_cloud_middle.png") repeat-y; }

#topBG2 { width: 100%; height: 414px; position: absolute; top: 40px; margin: 0; background: url("./themes/site_themes/default/xp3/bg_clouds_top.png") no-repeat center center; z-index: -1; }
#bottomBG2 { width: 100%; height: 163px; position: absolute; bottom: 341px; margin: 0; background: url("./themes/site_themes/default/xp3/bg_clouds_bottom.png") no-repeat center center; z-index: -1; }
#sub_top { width: 984px; height: 268px; position: absolute; top: 189px; margin: 0; background: url("./themes/site_themes/default/xp3/subpage_cloud_top.png") no-repeat center center; z-index: 1; }
#sub_bottom { width: 984px; height: 329px; position: absolute; bottom: 170px; margin: 0; background: url("./themes/site_themes/default/xp3/subpage_cloud_bottom.png") no-repeat center center; z-index: 1; }

#main #sidebar { width: 220px; float: right; margin: 0 0 20px; }
#main #borderBar { background: url("./themes/site_themes/default/xp3/bodyBorder.png") repeat-y 725px 0px; padding: 0; margin: 2px 0 20px -2px; min-height: 550px; width: 960px; z-index: 100; 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-extra { width: 198px; min-height: 100px; float:left; padding: 18px 25px 20px; margin: 0 0 0 20px; }
#page-content { width: 437px; float:left; padding: 0 20px 20px 0; }

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

.chatterBubble2 .tEdge { width: 440px; background: url("./themes/site_themes/default/xp3/bubbles2_tEdge.png") no-repeat top left; margin: 5px 0 0; height: 5px; }
.chatterBubble2 .bEdge { width: 440px; background: url("./themes/site_themes/default/xp3/bubbles2_bEdge.png") no-repeat top left; margin: 0 0 20px; height: 5px; }
.chatterBubble2 .top { width: 440px; background: url("./themes/site_themes/default/xp3/bubbles2_top.png") no-repeat top left; margin: 0; padding: 0; }
.chatterBubble2 .bg { width: 440px; margin: 0; background: url("./themes/site_themes/default/xp3/bubbles2_bg.png") repeat-y; padding: 0; }
.chatterBubble2 .shift { margin: 0; width: 387px; background: url("./themes/site_themes/default/xp3/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/xp3/subscribe.png"); }

#featured-item a { display: block; width: 122px; margin: 0 auto; padding: 14px 0 0; text-decoration: none; font-size:12px; }
.titleBox { display: block; width: 122px; height: 54px; padding: 5px 0; color: #747474; }
.titleBox span { text-transform: uppercase; }
.thumbBox img { border: 1px solid #f58526; } 

#page-extra img { margin: 0 0 15px; max-width:198px; height: auto; }