body { background: url("./themes/site_themes/default/firstlook/firstlook_bg.png") 13px 0; }
#topBG { position: absolute; top: 85px; left:0; right:0; bottom:499px; margin: 0; background: url("./themes/site_themes/default/firstlook/firstlook_sky.png") repeat-x center top; z-index: -1; }
#bottomBG { height: 60px; position: absolute; bottom: 147px; left:0; right:0; margin: 0; background: url("./themes/site_themes/default/firstlook/firstlook_grass.png") repeat-x center center; z-index: -1; }
#topClouds { position: absolute; top: 85px; left:0; right:0; bottom:475px; margin: 0; background: url("./themes/site_themes/default/firstlook/firstlook_clouds.png") no-repeat center top; z-index: -1; }
#bottomAnimals { height: 210px; position: absolute; bottom: 147px; left:0; right:0; margin: 0; background: url("./themes/site_themes/default/firstlook/firstlook_animals.png") no-repeat center center; z-index: -1; }

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

#header { background: url("./themes/site_themes/default/firstlook/firstlook_header.jpg") repeat-x; }
#mainNav ul { background: url("./themes/site_themes/default/firstlook/firstlook_header_spacer.jpg") no-repeat top right; }
#mainNav ul li { background: url("./themes/site_themes/default/firstlook/firstlook_header_spacer.jpg") no-repeat top left; }
#mainNav ul li span { background: url("./themes/site_themes/default/firstlook/firstlook_header_titles.jpg") repeat-x top left; }
#mainNav ul li ul li { background: url("./themes/site_themes/default/firstlook/firstlook_header_subspacer.jpg") no-repeat bottom left; }

#logo a { background: url("./themes/site_themes/default/firstlook/firstlook_logo.png"); width: 200px; height: 51px; margin: 37px 0 37px;  float: left; }
#menu .main { padding: 15px 0px 15px 20px; }
#menu { color: #7b867e; margin: 36px -8px 0; width: 728px; height: 75px; background: url("./themes/site_themes/default/firstlook/firstlook_menu_bg.png") no-repeat; }
#menu a { display: block; float: left; text-indent: -5000em; height: 20px; cursor: pointer; }
#menu ul li { padding: 0 5px 0 0; }
#menu .aboutfirstlook { background: url("./themes/site_themes/default/firstlook/menu_firstlook.png"); width: 137px; }
#menu .seeit { background: url("./themes/site_themes/default/firstlook/samples_3.png"); width: 80px; }
#menu .chatter { background: url("./themes/site_themes/default/firstlook/menu_chatter.png"); width: 86px; }
#menu .getit { background: url("./themes/site_themes/default/firstlook/pricing_3.png"); width: 74px; }
#menu .faq { background: url("./themes/site_themes/default/firstlook/menu_faq.png"); width: 53px; }
#menu .contact { background: url("./themes/site_themes/default/firstlook/menu_contact.png"); width: 88px; }
#menu .aboutorange { background: url("./themes/site_themes/default/firstlook/menu_orange.png"); width: 125px; }
#menu a:hover, #menu li.selected a { background-position: 0 -20px !important; }

#main { position: relative; width: 968px; }
#main #middleSec{ position: relative; width: 968px; background: url("./themes/site_themes/default/firstlook/subpage_content_middle.png") repeat-y; padding: 10px 0; }
#main #topEdge { height: 17px; width: 968px; margin: 0; background: url("./themes/site_themes/default/firstlook/subpage_content_top.png") no-repeat; }
#main #bottomEdge { height: 17px; width: 968px; margin: 0; background: url("./themes/site_themes/default/firstlook/subpage_content_bottom.png") no-repeat; }

#main #topSection { height: 302px; width: 968px; background: url("./themes/site_themes/default/firstlook/firstlook_top_bg.png") repeat-x; position: relative; margin: 0 0 10px; }

#flashPlayer { position: absolute; margin: -4px 0 0; top: 0; left: 0; }
#videonav { background: url("./themes/site_themes/default/firstlook/video_nav.png") no-repeat; width: 166px; height: 295px; float: left; margin: 0 0 0 475px; }

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

#main #updates { width:320px; height: 295px; float: right; padding: 10px 0 0; }
h2.leaders { text-indent: -5000em; margin: -23px 0 0 0; padding: 0; display: block; width: 174px; height: 48px; background: url("./themes/site_themes/default/firstlook/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 8px; } 
#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; background: url("./themes/site_themes/default/firstlook/resources_bg.png") repeat left top; height: 273px; }
h2.resource-finder { text-indent: -5000em; margin: -13px 0 0 21px; padding: 0; display: block; width: 174px; height: 44px; background: url("./themes/site_themes/default/firstlook/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 0 0 8px; height: 16px; width: 8px; cursor: pointer; }
.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; }
.listNav { background: url("./themes/site_themes/default/firstlook/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: 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; background: url("./themes/site_themes/default/firstlook/featured.png"); width: 152px; height: 274px; }
#sidebar #featured-item { float: none; margin: 0 auto; }

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

/* Sub Pages */

#main #sidebar { width: 220px; float:right; margin: 0 20px 0 0; }
#main #borderBar { background: url("./themes/site_themes/default/firstlook/bodyBorder.png") repeat-y 725px 0px; padding: 0; }

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

.chatterBubble2 .tEdge { width: 440px; background: url("./themes/site_themes/default/firstlook/bubbles2_tEdge.png") no-repeat top left; margin: 5px 0 0; height: 5px; }
.chatterBubble2 .bEdge { width: 440px; background: url("./themes/site_themes/default/firstlook/bubbles2_bEdge.png") no-repeat top left; margin: 0 0 20px; height: 5px; }
.chatterBubble2 .top { width: 440px; background: url("./themes/site_themes/default/firstlook/bubbles2_top.png") no-repeat top left; margin: 0; padding: 0; }
.chatterBubble2 .bg { width: 440px; margin: 0; background: url("./themes/site_themes/default/firstlook/bubbles2_bg.png") repeat-y; padding: 0; }
.chatterBubble2 .shift { margin: 0; width: 387px; background: url("./themes/site_themes/default/firstlook/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: 71px; padding: 10px; background: #000; color: #fff; }
.titleBox span { text-transform: uppercase; }

#sample_content_panel { background-color: #FFFFFF;	float: left;height: 100%; width: 440px; overflow: hidden; }
#sample_content { position: relative; margin-right: 10px; font-size: 14px; text-align: left; }
.sample_table_header { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF;	background-color: #F90; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; }
.sample_table_header2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; background-color: #a8bc45; padding-top: 2px; padding-bottom: 2px; text-align: center; }
.sample_table_notification { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #060; padding-top: 2px; padding-bottom: 8px; font-weight: bold; }
.sample_table_id { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; padding-bottom: 4px; padding-right: 8px; padding-top: 2px; text-align: left; vertical-align: top; }
.sample_cell { text-align: center; 	vertical-align: top; padding-top: 2px; }

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