/* Global CSS Document KNME New Mexico PBS */ /*Reset Styles | UPDATED: 05/12/07 | Inspired by work from Eric Meyer------*/ html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, cite, code, em, img, strong, sub, sup, dl, dt, dd, ol, ul, li {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;} :focus {outline: 0;} body {line-height: 1; color: black; background: white;} ol, ul {list-style: none;} blockquote:before, blockquote:after {content: "";} blockquote {quotes: "" "";} /*Global Styles*/ body{font: small Verdana, Arial, Helvetica, sans-serif; width:960px; margin:0 auto; background:#999;} .support h3, .teacherline h3, #production h3, .support h4, .teacherline h4, #production h4, h5, h6 {margin:10px 0;} h2 {font-size:145%;} h3 {font-size:135%;} h4 {font-size:120%; font-style:italic; color:#584f3e;} h5{font-size:110%; font-weight:600; font-stretch:extra-expanded;} h6 {font-style:italic;} a{color:#000;} a:hover{color:#584f3e;} #wrapper{background:#fff;} #innerWrapper{height:auto; padding: 2px 5px;} /*padding centered page and gave space above and below*/ /*Header style*/ #header{position:relative; margin-bottom:2px; width:960px; height:124px;} #KNMELogo{width:360px;height:68px; position:relative; text-indent:-5000px; margin:0;padding-top:0;} #KNMELogo span{position: absolute;top: 5px;left:12px;width: 360px;height: 68px;} #KNMELogo span {background:url(../images/knmeLogo_revised_02.png) no-repeat 0 0;} #pledge{position:absolute; height:37px; top:86px;left:14px;} #pbs{display:inline;text-decoration:none;float:left;margin:3px 10px 0 10px;text-indent:-5000px;width:30px;height:30px;background:url(../images/pbs_logo.gif) no-repeat 0 0;} #ponline{display:inline;text-decoration:none;float:left;margin-top:5px;text-indent:-5000px;width:155px;height:30px;background:url(../images/pledge_btn.jpg) no-repeat 0 0;} #ponline_kids{display:inline;text-decoration:none;float:left;margin-top:5px;text-indent:-5000px;width:155px;height:30px; background:url(../images/pledge_btn_kids.jpg) no-repeat 0 0;} #search{position:absolute; width:330px; top:0; left:716px;} #search a{margin:0;padding:10px 5px;border:none;float:left;color:#fff; font-size:85%;} #search form{margin:0;padding:5px 0 0 0;float:left;width:180px;} #credit {position:absolute; width:150px; top:105px; left:811px; color:#fff; font-size:85%;} #credit a{color:#fff;} /*---Primary Navigation---*/ /*Use em value for height so navigation "box" expands if text is boosted*/ #primaryNav {padding-left:0;margin-left:0;background:#726752;width:100%;font-size:78%;text-transform:uppercase;height:5em;position:relative;} #primaryNav li{float:left;list-style-type:none;background:url(../images/navSpacer.gif) no-repeat 0 0;line-height:230%;} /*Use em values for height and bottom padding to adjust if text size is increased*/ /*Original padding: 0 20px 1.5em;}*/ #primaryNav li a { display:block; height:4em; width:auto; text-align:center; color:#fff; text-decoration:none; padding-top: 0; padding-right: 30px; padding-bottom: 1.5em; padding-left: 30px; } #primaryNav li a:hover {color:#d1bb82;} #primaryNav li.home{background:none;} /*--Active Page/You Are Here (displays arrow; "turns off" cursor)--*/ body#home #primaryNav li.home a, body#schedule #primaryNav li.schedule a, body#myNM #primaryNav li.myNM a, body#kidsEducation #primaryNav li.kidsEducation a, body#kids #primaryNav li.kids a, body#educate #primaryNav li.educate a, body#give #primaryNav li.give a, body#production #primaryNav li.production a, body#business #primaryNav li.business a {cursor:default;background:url(../images/locate.png) no-repeat 50% 45%;} /*---Secondary Nav---*/ /*Left margin value necessary for IE 6 & 7; all others recognize left padding value*/ .secondaryNav {display:none;float:left;width:100%;position:absolute;top:20px;left:0;text-transform:none;padding-left:0;margin-left:0} body#kids #primaryNav li.kids .secondaryNav, body#educate #primaryNav li.educate .secondaryNav, body#kidsEducation #primaryNav li.kidsEducation .secondaryNav, body#myNM #primaryNav li.myNM .secondaryNav, body#schedule #primaryNav li.schedule .secondaryNav, body#give #primaryNav li.give .secondaryNav, body#production #primaryNav li.production .secondaryNav, body#dtv #primaryNav li.dtv .secondaryNav, body#business #primaryNav li.business .secondaryNav {display:block;} /*Use em values for padding to adjust if text size is increased*/ #primaryNav li .secondaryNav li {float:left;list-style-type:none;text-align:center;padding:1em 0;background:none;} /*Use em values for height to adjust if text size is increased; value necessary to reverse style from containing element*/ #primaryNav li .secondaryNav li a {width:auto;height:1em;} #primaryNav li .secondaryNav li a:hover {background:none;text-decoration:underline;cursor:pointer;} /*--Section Pages--*/ body#kidsEducation #primaryNav li.kidsEducation .secondaryNav li a, body#kids #primaryNav li.kids .secondaryNav li a, body#educate #primaryNav li.educate .secondaryNav li a, body#schedule #primaryNav li.schedule .secondaryNav li a, body#myNM #primaryNav li.myNM .secondaryNav li a, body#give #primaryNav li.give .secondaryNav li a, body#dtv #primaryNav li.dtv .secondaryNav li a, body#production #primaryNav li.production .secondaryNav li a, body#business #primaryNav li.business .secondaryNav li a {background:none;cursor:pointer} /*-Active Page/You Are Here (displays underline on link; "turns off" cursor)-*/ /*Schedule*/ body#schedule.knmetv #primaryNav li.schedule .secondaryNav li.knmetv a, body#schedule.hdmain #primaryNav li.schedule .secondaryNav li.hdmain a, body#schedule.talmain #primaryNav li.schedule .secondaryNav li.talmain a, body#schedule.digitalmain #primaryNav li.schedule .secondaryNav li.digitalmain a {text-decoration:underline;cursor:default;} /*My New Mexico*/ body#myNM.nmhome #primaryNav li.myNM .secondaryNav li.nmhome a, body#myNM.nmInFocus #primaryNav li.myNM .secondaryNav li.nmInFocus a, body#myNM.central #primaryNav li.myNM .secondaryNav li.central a {text-decoration:underline;cursor:default;} /*Kids & Education*/ body#kidsEducation.readyToLearn #primaryNav li.kidsEducation .secondaryNav li.readyToLearn a, body#kidsEducation.teacherline #primaryNav li.kidsEducation .secondaryNav li.teacherline a, body#kidsEducation.PBSKids #primaryNav li.kidsEducation .secondaryNav li.PBSKids a, body#kidsEducation.PBSKidsGo #primaryNav li.kidsEducation .secondaryNav li.PBSKidsGo a, body#kidsEducation.PBSKidsGoPlayer #primaryNav li.kidsEducation .secondaryNav li.PBSKidsGoPlayer a, body#kidsEducation.PBSTeachers #primaryNav li.kidsEducation .secondaryNav li.PBSTeachers a, body#kidsEducation.PBSParents #primaryNav li.kidsEducation .secondaryNav li.PBSParents a, body#kidsEducation.readingRainbow #primaryNav li.kidsEducation .secondaryNav li.readingRainbow a {text-decoration:underline;cursor:default;} body#kids.readyToLearn #primaryNav li.kids .secondaryNav li.readyToLearn a, body#kids.teacherline #primaryNav li.kids .secondaryNav li.teacherline a, body#kids.PBSKids #primaryNav li.kids .secondaryNav li.PBSKids a, body#kids.PBSKidsGo #primaryNav li.kids .secondaryNav li.PBSKidsGo a, body#kids.PBSKidsGoPlayer #primaryNav li.kids .secondaryNav li.PBSKidsGoPlayer a, body#kids.PBSTeachers #primaryNav li.kids .secondaryNav li.PBSTeachers a, body#kids.PBSParents #primaryNav li.kids .secondaryNav li.PBSParents a, body#kids.readingRainbow #primaryNav li.kids .secondaryNav li.readingRainbow a {text-decoration:underline;cursor:default;} body#educate.readyToLearn #primaryNav li.educate .secondaryNav li.readyToLearn a, body#educate.teacherline #primaryNav li.educate .secondaryNav li.teacherline a, body#educate.PBSKids #primaryNav li.educate .secondaryNav li.PBSKids a, body#educate.PBSKidsGo #primaryNav li.educate .secondaryNav li.PBSKidsGo a, body#educate.PBSTeachers #primaryNav li.educate .secondaryNav li.PBSTeachers a, body#educate.PBSParents #primaryNav li.educate .secondaryNav li.PBSParents a, body#educate.readingRainbow #primaryNav li.educate .secondaryNav li.readingRainbow a {text-decoration:underline;cursor:default;} /*Ways to Give*/ body#give.leadership #primaryNav li.give .secondaryNav li.leadership a, body#give.giving #primaryNav li.give .secondaryNav li.giving a, body#give.vehicle #primaryNav li.give .secondaryNav li.vehicle a, body#give.50th #primaryNav li.give .secondaryNav li.50th a {text-decoration:underline;cursor:default;} /*DTV*/ body#dtv.home #primaryNav li.dtv .secondaryNav li.home a, body#dtv.faq #primaryNav li.dtv .secondaryNav li.faq a, body#dtv.switch #primaryNav li.dtv .secondaryNav li.switch a, body#dtv.channels #primaryNav li.dtv .secondaryNav li.channels a {text-decoration:underline;cursor:default;} /*End primary nav CSS*/ body#schedule.digitalmain h5{text-decoration:underline;} /*Support*/ .supportnavlist a{text-decoration:none;} .supportnavlist a:hover {text-decoration:underline;} /*Underlines active page*/ body#give.pledge .supportnavlist li.pledge a, body#give.levels .supportnavlist li.levels a, body#give.leadership .supportnavlist li.leadership a, body#give.sustain .supportnavlist li.sustain a, body#give.business .supportnavlist li.business a, body#give.giving .supportnavlist li.giving a, body#give.card .supportnavlist li.card a, body#give.vehicle .supportnavlist li.vehicle a, body#give.50th .supportnavlist li.50th a {text-decoration:underline; cursor:default; background:url(../images/blue_action.gif) no-repeat 0 50%; display:block; padding: 4px 20px;} .supportnavlist li, .schedulenavlist li{padding:5px 0 5px 20px;} body#give.business .supportnavlist li.business .bizsubnavlist li a{background:none; text-decoration:none;padding:8px 4px; margin-left:20px; display:inline;} body#give.business .supportnavlist li.business .bizsubnavlist li a:hover{text-decoration:underline;} /*Sub-heads - Use span image replacement method*/ #highlights, #schedulemain, #scheduleHD, #scheduleTAL, #digitalTV, #watch_subhead, #nmInFocus, #supportmain, #anniversarymain, #sponsor_subhead, #rtlsubhead, #kids_subhead, #educate_subhead, #tlinesubhead, #pbsTeachersSubhead, #pbsKidsSubhead, #pbsKidsGoSubhead, #pbsParentsSubhead, #rRainbowSubhead, #prodSubhead, #careerSubhead, #privacySubhead, #manageSubhead, #contactSubhead, #onlineContactSubhead, #dvdSubhead, #blogsubhead, #siteMap{width: 949px;height: 46px; position: relative; font-size:90%; margin:0;padding-top:0;}/*added 2 px to h2 ids height to gain division between h2 images and rest of page*/ #highlights span, #schedulemain span, #scheduleHD span, #scheduleTAL span, #digitalTV span, #watch_subhead span, #nmInFocus span, #supportmain span, #anniversarymain span, #sponsor_subhead span, #rtlsubhead span, #kids_subhead span, #educate_subhead span, #tlinesubhead span, #pbsTeachersSubhead span, #pbsKidsSubhead span, #pbsKidsGoSubhead span, #pbsParentsSubhead span, #rRainbowSubhead span, #prodSubhead span, #careerSubhead span, #privacySubhead span, #manageSubhead span, #contactSubhead span, #onlineContactSubhead span, #dvdSubhead span, #blogsubhead span, #siteMap span {position: absolute;top: 0;left:0;width: 949px;height: 44px;} #highlights span{background:url(../images/highlights_subhead.jpg) no-repeat 0 0;} #schedulemain span {background:url(../schedule/images/schedule_subhead.jpg) no-repeat 0 0;} #scheduleHD span{background:url(../schedule/images/hdSchedule_subhead.jpg) no-repeat 0 0;} #scheduleTAL span{background:url(../schedule/images/talnetSchedule_subhead.jpg) no-repeat 0 0;} #digitalTV span{background:url(../schedule/images/digital_subhead.jpg) no-repeat 0 0;} #watch_subhead span {background:url(../myNM/images/watch_subhead.jpg) no-repeat 0 0;} #nmInFocus span{background:url(../myNM/images/nmInFocus_subhead.jpg) no-repeat 0 0;} #supportmain span {background:url(../support/images/sub_head.jpg) no-repeat 0 0;} #anniversarymain span {background:url(../50th/images/anniversarymain.jpg) no-repeat 0 0;} #sponsor_subhead span {background:url(../business/images/sponsor_subhead.jpg) no-repeat 0 0;} #rtlsubhead span{ background:url(../kids/images/rtl_subhead.jpg) no-repeat 0 0;} #kids_subhead span{background:url(../kids/images/kids_subhead.jpg) no-repeat 0 0;} #educate_subhead span{background:url(../educate/images/educate_subhead.jpg) no-repeat 0 0;} #tlinesubhead span{background:url(../kids/images/tLine_subhead.jpg) no-repeat 0 0;} #pbsTeachersSubhead span{background:url(../kids/images/pbsTeachers_subhead.jpg) no-repeat 0 0;} #pbsKidsSubhead span{background:url(../kids/images/pbsKids_subhead.jpg) no-repeat 0 0;} #pbsKidsGoSubhead span{background:url(../kids/images/pbsKidsGo_subhead.jpg) no-repeat 0 0;} #pbsParentsSubhead span{background:url(../kids/images/pbsParentsSubhead.jpg) no-repeat 0 0;} #rRainbowSubhead span{background:url(../kids/images/rRainbow_subhead.jpg) no-repeat 0 0;} #prodSubhead span{background:url(../production/images/prod_subhead.jpg) no-repeat 0 0;} #careerSubhead span{background:url(../footer/images/jobs_subhead.jpg) no-repeat 0 0;} #privacySubhead span{background:url(../footer/images/privacy_subhead.jpg) no-repeat 0 0;} #manageSubhead span{background:url(../footer/images/management_subhead.jpg) no-repeat 0 0;} #contactSubhead span{background:url(../footer/images/contactUs_subhead.jpg) no-repeat 0 0;} #onlineContactSubhead span{background:url(../forms/onlineContact_subhead.jpg) no-repeat 0 0;} #dvdSubhead span{background:url(../footer/images/dvd_subhead.jpg) no-repeat 0 0;} #blogsubhead span{background:url(../blog/im/blog_subhead.jpg) no-repeat 0 0;} #siteMap span{background:url(../site/images/siteMap_subhead.jpg) no-repeat 0 0;} #searchKNME {width: 949px;height: 46px; position: relative; text-align:right;margin-top:2px;padding-top:0;}/*added 2 px to h2 ids height and 2 px to margin-top to gain division between h2 images and rest of page*/ #searchKNME span{position: absolute;top: 0;left:0;width: 949px;height: 44px;} #searchKNME span{background:url(../search/search_subhead.jpg) no-repeat 0 0;} #onTVsubhead{width:58px; height:21px; position:relative; margin:2px 0 0 0;} #onTVsubhead span{width:58px; height:21px; position:absolute; top:2; left:0;} #onTVsubhead span{background:url(../images/onTV_subhead.jpg) no-repeat 0 0;} #blogHead, #sponsorsHead{width:340px; height:30px; position:relative; margin:2px 0 0 0;} #blogHead span, #sponsorsHead span{position:absolute;top:8;left:11;width:340px;height:30px;} #blogHead span{background:url(../images/blog_subhead.jpg) no-repeat 0 0;} #sponsorsHead span{background:url(../images/sponsor_subhead.jpg) no-repeat 0 0;} #sitessubhead {width:212px; height:21px; position:relative; marign:2px 0 0 0; text-align:left;} #sitessubhead span {position:absolute; top:2px; left:2px; width:212px; height:21px;} #sitessubhead span {background:url(../images/sites_subhead.jpg) no-repeat 0 0;} #supportKNMEHead{width:171px; height:21px; position:relative; text-align:left; margin:2px 0 0 0;} #supportKNMEHead span{position:absolute; top:2px; left:2px; width:171px; height:21px;} #supportKNMEHead span{background:url(../images/supportKNME_subhead.jpg) no-repeat 0 0;} #dTVsubhead{width:200px; height:30px; position:relative; text-align:left; margin:2px 0 0 0;} #dTVsubhead span{position:absolute; top:2px; left:2px; width:200px; height:30px;} #dTVsubhead span{background:url(../images/dTV_subhead.jpg) no-repeat 0 0;} #navhead, #biznavhead, #schedulenavhead{width:294px;height:48px;position:relative;} #navhead span, #biznavhead span, #schedulenavhead span{position:absolute;top:0;left:0;width:294px;height:48px;} #navhead span{background:url(../support/images/nav_subhead.gif) no-repeat 0 0;} #biznavhead span{background:url(../support/images/biz_nav_subhead.gif) no-repeat 0 0;} #schedulenavhead span{background:url(../schedule/images/schedule_navsubhead.gif) no-repeat 0 0;} #tlinesubheadlft, #prodsubheadlft{width:202px;height:30px;position:relative;} #tlinesubheadlft span, #prodsubheadlft span{position:absolute;top:0;left:0;width:202px;height:30px;} #tlinesubheadlft span{background:url(../kids/images/tline_subhead_lft.gif) no-repeat 0 0;} #prodsubheadlft span{background:url(../production/images/prod_subhead_lft.gif) no-repeat 0 0;} #newVideo, #featured{width:210px;height:45px;position:relative;} #newVideo span, #featured span{position:absolute;top:0;left:0;width:210px;height:45px;} #newVideo span{background:url(../myNM/images/new_subheahd.gif) no-repeat 0 0;} #featured span{background:url(../myNM/images/feature_subhead.gif) no-repeat 0 0;} #lineup{width:235px;height:25px;margin-bottom:4px;} #kidsParentsHead{width:445px;height:25px;} #lineup, #kidsParentsHead{padding:8px 0 0 5px;font:95% Verdana, Arial, Helvetica, sans-serif;color:#fff;text-transform:uppercase; font-weight:bold;background:#4a6e91;} #rtlresources, #newsEvents{ width: 449px; height: 37px; position: relative; text-align:right; padding-top:0; margin-top: 0; margin-right: 5; margin-bottom: 0; margin-left: 0; } #rtlresources span, #newsEvents span{position: absolute;top: 0;left:0;width: 454px;height: 37px;} #rtlresources span{background:url(../kids/images/rtlresources_subhead.gif) no-repeat 0 0;} #newsEvents span{background:url(../kids/images/newsEvents_subhead.gif) no-repeat 0 0;} #rtldesc, #knmeEd{width: 245px;height: 36px; position: relative; text-align:right;margin:0;padding-top:0;} #rtldesc span, #knmeEd span{position: absolute;top: 0;left:0;width: 245px;height: 36px;} #rtldesc span{background:url(../kids/images/rtldesc_subhead.jpg) no-repeat 0 0;} #knmeEd span{background:url(../kids/images/knmeEd_subhead.gif) no-repeat 0 0;} #rRainbowLogo{width: 150px;height: 63px; position: relative; margin-top:10px;} #rRainbowLogo span{position: absolute;top: 0;left:0;width: 150px;height: 63px; background:url(../kids/images/rr_contest_logo_fourteen.gif) no-repeat 0 0;} #rRainbowLogo,#scienceCentral{float:left;} #scienceCentral{width:130px; height:98px; position:relative;} #scienceCentral span{position:absolute; top:0; left:0; width:130px; height:98px; background:url(../kids/images/science_central_logo.gif) no-repeat 0 0;} #messageHead{width:570px; height:34px; position:relative;} #messageHead span{position:absolute; top:0; left:0; width:570px; height:34px; background:url(../business/images/message_head.gif) no-repeat 0 0;} #contactHead{width:160px; height:34px; position:relative;} #contactHead span{position:absolute; top:0; left:0; width:160px; height:34px; background:url(../business/images/contact_head.gif) no-repeat 0 0;} #supportsub, #leadsub, #givingsub, #anniversarysub, #vehiclesub{width:710px; height:37px; position:relative; padding-bottom:3px;} #supportsub span{position:absolute; top:0; left:0; width:710px; height:37px; background:url(../support/images/support_sub.gif) no-repeat 0 0;} #leadsub span{position:absolute; top:0; left:0; width:710px; height:37px; background:url(../support/images/leadership_sub.gif) no-repeat 0 0;} #givingsub span{position:absolute; top:0; left:0; width:710px; height:37px; background:url(../support/images/giving_sub.jpg) no-repeat 0 0;} #vehiclesub span{position:absolute; top:0; left:0; width:710px; height:37px; background:url(../support/images/vehicle_sub.gif) no-repeat 0 0;} #anniversary{width:210px; height:111px; position:relative;} #anniversary span{position:absolute; top:0; left:0; width:210px; height:111px; background:url(../support/images/KNME_50Logo.gif) no-repeat 0 0;} #anniversarysub span{position:absolute; top:0; left:0; width:710px; height:37px; background:url(../support/images/anniversarysub.jpg) no-repeat 0 0;} /*End of image replacement CSS for page sub-heads*/ /*Layout & Structure*/ #col1{float:left; width:240px;height:auto;} #col2{float:left;width:450px;margin:0 5px;} #col3{float:left;width:240px;} #col4{float:left;width:300px;} #col5{float:left; width:480px; height:auto;} #col6{float:left;width:160px;} #col7{float:left;width:635px;margin:0 0 0 5px;} #col1Home, #col3Home, #onTV, #myNMcol3 {float:left; width:210px;} #col2Home, #featuredSites{float:left; width:520px;margin-left:3px;} #colVid{float:left; height:345px;} #colIFVid{width:960px;} /*Sub-structure*/ #col4 p{width:260px;} #col5 p, #col5 ul{float:left;width:400px;} #col4 h3, #col4 h4, #col4 h5, #col4 h6, #col5 h3, #col5 h4, #col5 h5, #col5 h6,body#home h3, body#home h4, body#schedule h5, body#kidsEducation h4 {padding:0 5px;} /*use body id and selector to apply globally*/ #col5 .detail{float:left; width:480px;} #col6 img{float:right; padding:10px 0;} #col6 ul{width:140px;} #col3 .action{margin-left:10px;} body#give #col5 .detail{margin-top:10px;} body#site .detail{margin-left:5px;} /*Heights for columns to extend color*/ body#educate.teacherline #col4{background:#f4f4d3;} body#educate.teacherline #col6, .vehicle #col6 .leadership #col6{width:140px; padding:10px; color:#fff; font: 100% Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:130%; height:460px;background:url(../kids/images/testimonial_bkground.gif) no-repeat 0 0;} #production #col4{background:#e8ebe8;} #production #innerWrapper{background:url(../production/images/prod_bkground_column.jpg) no-repeat 99% 90%;} /*End site-wide global declarations*/ /*Home style*/ #highlight1, #highlight2, #highlight3{width:205px; height:110px; background:url(../images/highlight_bkground.jpg) no-repeat 0 0; margin-bottom:8px;} #highlight1 img, #highlight2 img, #highlight3 img { float:left; padding-top: 2px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; } .hightitle{font-weight:700; } .homeHighlights li{ font-size:80%; padding-top: 2px; padding-bottom: 0px; padding-right: 3px; padding-left: 3px; } #onTV {height:320px;} #col3Home{ background-image: url(../images/onTV_bkground.jpg); background-repeat: repeat-y; background-position: 0 0; float: right; } #DTVbtn { width:205; float: left; } img.DTVbtn{ margin-bottom:5; margin-top: 0px; margin-right: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; } #onTV{position:relative; background:url(../images/onTV_bkground.jpg) no-repeat 0 0;} #onTV p.TV{position:absolute; width:118px; top:306px; left:1px;font-size:80%} #onTV p.HD{position:absolute;width:190px; top:0px; left:0px;font-size:85%} /*Hover buttons style */ #col3Home li{ position:relative; padding-top: 8px; padding-right: 8px; padding-bottom: 18px; padding-left: 8px; } #col3Home li span{position:absolute; top:10px; left:103px; font-weight:bold; font-size:85%;} a.infocus{background:url(../images/inFocus_homepage_btn.jpg) no-repeat 0 0;display:block; width:90px; height:90px;} a.infocus:link, a.infocus:visited{background:url(../images/inFocus_homepage_btn.jpg) no-repeat 0 0;display:block} a.infocus:hover {background-position:0 -210px;} a.central{background:url(../images/scienceCentral_btn.jpg) no-repeat 0 0;display:block; width:90px; height:90px;} a.central:link, a.central:visited{background:url(../images/scienceCentral_btn.jpg) no-repeat 0 0;display:block} a.central:hover {background-position:0 -210px;} a.robb{background:url(../images/robb_homepage_btn.jpg) no-repeat 0 0;display:block; width:90px; height:90px;} a.robb:link, a.robb:visited{background:url(../images/robb_homepage_btn.jpg) no-repeat 0 0;display:block} a.robb:hover {background-position:0 -210px;} body#home #col2Home{background:url(../images/blog_bkground.gif) no-repeat 0 0;} body#home #col2Home #blogHome{ width:520px; height:270px; margin-top: 3px; } body#home #col2Home #blogHome .quickview{width:500px; height:120px; overflow:hidden; margin:0 10px;} body#home #col2Home #blogHome .archive{float:right; padding:0 25px 0 0;} body#home #col2Home #sponsorHome{position:relative; height:100px;} body#home #col2Home p.sponsor{position:absolute; top:32px; left:0;} body#home #col2Home p.sponsor1{position:absolute; top:32px;left:191px;} body#home #col2Home p.sponsor2{position:absolute; top:22px;left:351px;} /*Homepage Video Archive Columns */ #colOnDemand{float:left; width:210px; height:335px; background:#000000; color:#FFFFFF; padding:2px 0 8px 0;} #colOnDemandMore{float:right; padding:0 10px 0 0;} #colOnDemand a{color:#FFFFFF; font-size:85%;} #player{float:left; width:525px; margin:0 0 0 4px;} /*My New Mexico Style*/ #myNMcol3{float:left;height:400px; background:url(../schedule/images/schedule_leftNav_bkground.gif) repeat-x;} #myNMcol3, #myNMcol1{margin-left:5px;} #myNMcol1 li, #myNMcol3 li{padding:5px 0 0 10px;} /*Kids & Education Style*/ #events{width:450px;} #event1, #event2, #event3{ height:96px; background:url(../kids/images/event_bkround.gif) no-repeat 0 0; padding: 10px; } #event1 p{padding:3px;} #event2 ul{padding-top:10px;} #eventimage{ float: left; margin-right: 10px; } #kidsLinks{float:left;width:450px;height:251px;background:#c5b78e;margin-top:5px;} #rtlLinks{ float:left; width:445px; height:auto; background:#eeeeB6; margin-top:2px; margin-left: 5px; } #rtlLinks dl{float:left;width:220px;height:130px;font-size:95%; padding-bottom:5px;} #rtlLinks dt{float:left;width: 60px;padding-bottom:5px;} #rtlLinks dd{float:left;padding:0 0 0 5px;clear:left;width:150px;} #rtlLinks dd.intro{clear:none;} #rtlLinks dl.short{width:220px; height:90px;} #rtllogos{height:58px; position:relative;} #rtllogos p.lovelace{position:absolute; top:8px; left:60px; width:240px;} #rtllogos p.contact{ position:absolute; width:237px; top:-100px; left:475px; font-size:90%; border:solid #eeeeb6 1px; height: 88px; } p.contact{ font-size:82%; }#rtllogos p.WIC{position:absolute; top:10px; left:765px;} /*body#kidsEducation.readyToLearn ul{margin-bottom:15px;}*/ .kidsLinks{float:left;width:450px;height:auto;} #rtlmain, #tlinemain, #mainLinks{float:left;width:238px;height:auto;background:#c5b78e;border:solid #4a6e91 1px;margin-bottom:5px;} .rtlLinks{float:left;width:225px;height:auto;background:#eeeeB6;border:solid #4a6e91 2px;margin:0 0 0 10px;display:inline;} #rtlmain h4, #tlinemain h4, #mainLinks h4, .rtlLinks h4{margin-top:5px;} /*Kids Program*/ #kidsprogram{float:left;width:240px;height:557px;background:url(../kids/images/program_bkground.gif) no-repeat 0 0;font-size:80%;} .time{width:55px;} .kidsProgram, .kidsProgram a{color:#fff;} /*Support style - Redesign*/ #members{float:left; width:160px;} #members img{margin:10px; padding:2px; border:1px solid #847554;} #members .promo{background-color: #fffce8;} #members .promo p{width:140px; padding:10px; font-size:85%;} #members .phoneContact{background:#fffce8 url(../support/images/phoneContact_btm.jpg) no-repeat 0 100%; margin-top:10px; padding:15px 0;} #members .phoneContact ul{background:url(../support/images/phone.gif) no-repeat 0 0;} #members .phoneContact li, .giving #members .phoneContact li{font-weight:700; padding-left:50px; font-size:80%;} .giving #members .promo{background-color:#d5d9dd;} .giving #members .phoneContact{background:#d5d9dd url(../support/images/plannedContact_btm.jpg) no-repeat 0 100%; margin-top:10px; padding:15px 0;} .giving #members .phoneContact ul{background:url(../support/images/blue_phone.gif) no-repeat 0 0;} body#give.giving #members .promo p {padding:5px 10px 5px 10px; font-size:80%;} body#give.giving #members .promo p.caption{font-size:75%; font-style:italic; margin:-10px 0 -5px 0;} #maincontent{float:left; width:540px; margin: auto 10px;} body#give.home #maincontent h3, body#give.home #maincontent h4 a, body#give.home #maincontent h4, body#give.home #maincontent h5 {text-transform:uppercase; font-style:normal; color:#293942; padding-left:4px; font-size:105%;} body#give.home #maincontent .membership h3{font-size:120%;} body#give.home #maincontent h5{color:#f4701e; font-family:"Trebuchet MS"; padding-left:8px;} body#give.home #maincontent a:hover{color:#f4701e;} body#give.leadership #maincontent p, body#give.leadership #maincontent h3, body#give.vehicle #maincontent h3 {border-top:solid #847554 1px;} body#give.leadership #maincontent h3, body#give.vehicle #maincontent h3, body#give.template #maincontent h3{background:url(../support/images/petroSpiral.gif) no-repeat 0 50%; text-transform:uppercase; padding:5px 0 5px 25px;} body#give.giving #maincontent h3, body#give.vehicle #maincontent h3, body#give.template #maincontent h3{margin-top:10px; border-bottom:solid #547384 1px; border-top:solid #547384 1px;} body#give.giving #maincontent h3{background:url(../support/images/plannedSpiral.gif) no-repeat 0 50%; text-transform:uppercase; padding:5px 0 5px 30px;} body#give.vehicle #maincontent h3{background:url(../support/images/learnmore.jpg) no-repeat 0 50%; font-size:115%;} #maincontent ul{padding:10px 0 10px 10px;} ul.leadershipmenu li, ul.plannedbenefits li, ul.pick-up li, ul.template li{background:url(../support/images/arrow.gif) no-repeat 0 50%; padding:3px 0 3px 18px; font-weight:700;} ul.leadershipmenu li a{color:#547384;} p.money{color:#547384; font-size:130%;padding-left:5px;} #promo{float:left; width:210px; margin-top:-30px;} #promo h4{font-style:normal; padding-bottom:12px; border-bottom: solid #547384 1px; font-size:115%;} #promo h4#anniversary{border:none;} #promo p{padding: 5px 0 0 35px; font-size:85%;} #promo p.creditcard{background:url(../support/images/creditcard.jpg) no-repeat 0 5px;} #promo p.gift{background:url(../support/images/gift.jpg) no-repeat 0 5px;} #promo p.mail{background:url(../support/images/mail.jpg) no-repeat 0 5px;} #promo p.irs{background:url(../support/images/irs.jpg) no-repeat 0 5px;} #promo ul{padding:10px 0 10px 35px;} #promo ul li{font-size:85%;} #promo ul.pdf li{background:url(../support/images/pdf.jpg) no-repeat 0 25%; padding:3px 0 3px 15px;} #promo li a.email, #promo li a, .giving #promo a, .giving #members a {color:#0878a8;} #promo li a.email{font-size:85%;} .giving #promo h5 a{font-size:85%;} .giving #promo p{padding:5px 0 0 30px;} .giving #promo img{margin:10px 40px 0 40px; padding:2px; border:1px solid #547384;} .giving #promo a img {border:none;} .giving #promo p.brochure{text-transform:uppercase;} body#give.home #maincontent .memberpromo{font-family:"Trebuchet MS"; background:url(../support/images/memberpromo_bkground.gif) no-repeat 0 0; font-size:105%; padding-bottom: 5px;} .memberpromo p, .giving #maincontent p, .vehicle #maincontent p, .template #maincontent p{line-height:140%; width:530px; padding:9px 5px 5px 5px;} .memberpromo span{font-size:120%; font-family:"Trebuchet MS";} .home .memberpromo p, .giving .memberpromo p, .leadership .memberpromo p, .leadership .memberpromo ul, .sustain .memberpromo p, .sustain .memberpromo ul, .vehicle .memberpromo p{font-family:"Trebuchet MS";} .giving .memberpromo{background:url(../support/images/plannedPromo_bkground.gif) no-repeat 0 0;} .membership{background-color: #bec8cc;} .membership p{padding:0 2px 0 8px;} .membership li{padding: 3px 2px 3px 50px;} .membership ul{background:url(../support/images/membercard.gif) no-repeat 1% 10%;} .membership p a, .membershipleft p.pledge a, .membershipright p.pledge a, .leadership #maincontent .pledge a, .sustain #maincontent .pledge a, .memberpromo .pledge a, .template #maincontent .pledge a {text-transform:uppercase; font-family:"Trebuchet MS"; margin-left:440px; color:#293942; font-weight:700;} .membership .pledge, .memberpromo p.pledge, .leadership #maincontent .pledge, .template #maincontent .pledge {padding-bottom: 5px; background:url(../support/images/pledge_action.png) no-repeat 420px 0; padding-top:2px;} /*Extra .memberpromo padding CSS to accommodate last-minute changes for pledge link - consistent alignment with other links in .membership*/ .memberpromo p.pledge{padding-top:0;} .memberpromo p.pledge a{padding-left:3px;} .membershipleft, .membershipright{float:left; width:267px; margin-top:6px;} .membershipleft{background:#bec8cc url(../support/images/membership_bottom.png) no-repeat 0 100%; margin-right:3px;height:565px;} .membershipright{background: #bec8cc url(../support/images/membership_bottom_rt.png) no-repeat 0 100%; margin-left:3px;} .membershipleft p, .membershipright p{padding:10px 15px 10px 10px;} /*.membershipright p{padding:10px 15px 10px 10px;}*/ .membershipleft li, .membershipright li{padding-bottom:3px} .membershipleft .pledge, .membershipright .pledge {padding-bottom: 25px; background:url(../support/images/pledge_action.png) no-repeat 30px 0; padding-top:2px;} .membershipleft p.pledge a, .membershipright p.pledge a {margin-left:45px;} /*.membershipright h4.volunteer{padding-top:10px;}*/ .membershipright li a{display:block; padding-bottom:2px;} body#give.home #maincontent .membershipright h4.volunteer {font-size:115%;} /*Had to use stronger declarations to override border*/ body#give.leadership #maincontent .pledge, body#give.template #maincontent .pledge {padding-bottom:10px; background:url(../support/images/pledge_action_whitebkground.gif) no-repeat 300px 0; padding-top:2px; border:none;} body#give.leadership #maincontent .pledge a, body#give.template #maincontent .pledge a{margin-left:330px;} #timeline{float:left; width:950px; border:1px #547384 solid;} /*Flickr CSS*/ /* Images are wrapped in divs classed "flickr_badge_image" with ids"flickr_badge_imageX" where "X" is an integer specifying ordinal position.*/ .flickrphotofeed{padding-bottom:15px;} .flickrphotofeed h5{font-family:"Trebuchet MS"; font-weight:700; color:#000;} .flickrphotofeed h6{font-family:"Trebuchet MS"; text-transform:uppercase; font-style:normal; color:#293942; padding-left:5px;} #promo .flickrphotofeed p{padding:0; margin:0;} .flickrphotofeed p.flickr{padding-left:10px;background:url(../support/images/flickr.gif) no-repeat 15px 50%;} .flickrphotofeed p.flickr a{padding-left:30px; margin-left:15px;} .flickr_badge_image {float:left; margin:0 10px 20px 10px;} .flickr_badge_image img {padding:2px; border: 1px solid #847554 !important;} /*Business Style*/ #business #content{float:left; width:210px; background-color:#d9cec3; font-size:90%;} #business #col6{color:#fff;} #business .bizlinks a, #underwriter p a{color:#223547; font-weight:700;} #business a{color:#fff;} #business #content h3{font-size:110%; padding-top:5px; height:26px;font-family:Geneva, Arial, Helvetica, sans-serif; background:url(../business/images/tab_bkground.jpg) repeat-x;} #business #content h6, #business #content h5{font-weight:bold;} #business #content h6.fontresize{font-size:90%;} .summary ul{margin:5px 0 5px 10px;} .summary li{padding:3px 0;} .tablabel a {margin-left:5px; color:#fff; text-decoration:none;} .tablabel a:hover {text-decoration:underline;} .summary a img {padding:0 35px;} #message{float:left; width:570px; background-color: #f3f2f2; margin:auto 5px; font-size:95%;} #message ul{margin:5px 0 15px 10px;} #message li {padding: 3px 0 4px 18px; background:url(../business/images/arrow.gif) no-repeat 0 50%;} #contact ul{padding:5px 0 10px 5px;} #contact li{font-size:95%; padding:2px 0;} #contact{background-color:#806c59; margin-bottom:5px;} #sales{width:155px; height:50px; position:relative;} #sales span{width:160px; height:50px; top:0; left:0; position:absolute; background:url(../business/images/download_static.gif) no-repeat 0 0;} #sales span:active{width:160px; height:50px; top:0; left:0; position:absolute; background:url(../business/images/download_push.gif) no-repeat 0 0;} #underwriter{width:160px;margin-bottom:10px;} #underwriter h4{font-size:100%; font-style:normal; font-family:Geneva, Arial, Helvetica, sans-serif; padding:5px;} #underwriter img{margin:0 15px 10px 15px; padding:3px; border:1px solid #666;} #underwriter p{color:#000; width:150px; padding:15px 5px 0 5px; font-size:80%;} #packet{width:160px; height:50px;} /*50th*/ /*50th*/ #col50Vid{ float:left; width:525px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: -20px; } #col2Home p.left {margin-right: 10px; float: left; font-size:85%;} #col2Home p.right {margin-left: 10px; float: right; font-size:85%;} #coltime{float:left;width:210px; margin-left:5px; background:#EAEAEB; } #coltime p{font-size:85%;} #coltime p.left img {margin-right: 5px; margin-bottom: 5px; float: left;} #coltime p.right img {margin-left: 5px; margin-bottom: 5px; float: right;} #coltime a{text-decoration:none; color:#547384; font-size:110%;} #coltime p.decade {text-align:center;} #coltime_indent {float:left; width:200px; padding: 5px 5px 5px 5px;} #coltime h5{color:#547384; font-size:120%;} #thenNow {float:left; width:205px; height:700px; font-size:95%;} #thenNow{position:relative; background:url(../images/thenNow_bkground.jpg) no-repeat 0 0;} #thenNow_indent {float:left; width:190px; padding: 5px 5px 5px 5px;} #50main {float:left; padding: 10px 10px 10px 10px;} #50main_indent {float:left; width:400px; padding: 5px 5px 5px 5px;} #time{float:left; width:735px; margin-left:0px; margin-bottom:15px; background:#F5F1EE; } #time p.left {margin-right: 8px; margin-bottom: 8px; float: left; font-size:85%;} #time p.right {margin-left: 8px; margin-bottom: 8px; float: right; font-size:85%;} #time_indent {float:left; width:725px; padding: 5px 5px 5px 5px;} #time b{color:#847860; text-decoration:none;} #time ul.time li{background:url(images/dot.gif) no-repeat 0 25%; padding:3px 0 3px 15px;} /*DTV*/ /*#backgroundDTV{float:left; width:950px; background-image: url(../dtv/images/dtvBackground-index.gif); background-repeat:no-repeat;}*/ #backgroundDTVfaq, #backgroundDTVs{float:left; width:950px; background-image: url(../dtv/images/dtvBackground-index.gif); background-repeat: repeat-y;} /*#colDTVHeader{float:left; width:950px; }*/ #colDTVL{float:left; width:540px; padding: 0px 0 0 10px;} #colDTVR{float:left; width:395px; padding: 0px 0 0 0;} #colDTVHeader{float:left; width:950; height: 50px; padding: 15px 0 15px 10px;} /*#colDTVHeaderR{float:left; width:395px; height: 50px; padding: 20px 0 15px 0;}*/ #colDTVR h2, #colDTVL h2{font-size:145%;} #colDTVR h3, #colDTVL h3{font-size:135%; color:#5b81a3; padding: 0 0 10px 0;} #colDTVR h4, #colDTVL h4{font-size:135%; color:#5b81a3; text-align:center;} #colDTVR p.left, #colDTVL p.left, #colChannelL p.left, #colChannelR p.left, #colLeftDTV p.left{margin-right: 10px; float: left; font-size:85%;} #colDTVR p.right, #colDTVL p.right, #colChannelL p.right, #colChannelR p.right{margin-left: 10px; float: right; font-size:85%;} #colDTVVideo{float:left; height:355px; padding: 4px 0 0 0;} #colDTVChannel{float:left; width:535px; padding: 20px 0 0 0;} #colDTVShift{float:left; width:390px; height:380px; padding: 0 0 0 0;} #colDTVCoupon{float:left; width:390px; } img.coupon{margin-top: 5px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px;} img.border{border:1px solid #000000} /*#colDTVOpacity{float:left; width:390px; margin-top:-300px; background:#FFFFFF; filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;}*/ #colChannelHeader, #colFAQHeader, #colSwitchHeader{float:left; width:875px; height:30px; padding: 20px 0 0 30px;} #colChannelL{float:left; width:450px; padding: 20px 0 0 40px;} #colChannelR{float:left; width:450px; padding: 20px 0 0 0;} #colChannelSpace{float:left; width:400px; height:20px; padding: 20px 0 0 0;} #col5-1{float:left; width:400px; height:200px; padding: 15px 10px 20px 10px; background:url(../dtv/images/channel-background.gif) no-repeat;} #col5-2{float:left; width:400px; height:200px; padding: 15px 10px 0 10px; background:url(../dtv/images/channel-background.gif) no-repeat;} #col9-1{float:left; width:400px; height:200px; padding: 15px 10px 20px 10px; background:url(../dtv/images/channel-background.gif) no-repeat;} #col9-2{float:left; width:400px; height:200px; padding: 15px 10px 0 10px; background:url(../dtv/images/channel-background.gif) no-repeat;} #colChannelL h3, #colChannelR h3, #colFAQi h3{font-size:135%; color:#5b81a3; padding: 0 0 10px 0;} #colChannelR p.schedule, #colChannelL p.schedule{margin-right: 10px; float: right; font-size:85%;} #colFAQlinks{float:left; width:875px; height:20px; padding: 5px 0 0 30px;} #colFAQ, #colSwitch{float:left; width:850px; padding: 0 0 25px 40px; margin-bottom: 25px;} #colFAQi{float:left; width:850px; background-color: #FFFFFF; border: 2px solid #d8d8d8; padding: 10px 10px 20px 10px;} #colFAQi p.head{font-weight: bold; font-size:100%} #colFAQi p{margin-left: 10px; font-size:95%} #colSwitchText{float:left; width:875px; padding: 5px 0 0 0px;} #colSwitch1{float:left; width:310px; padding:20px 0 0 0px} #colSwitch2{float:left; width:325px; padding:20px 0 0 0px} #colSwitch3{float:left; width:215px; padding:20px 0 0 0px} #colSwitch1-1{float:left; width:200px; padding: 5px 5px 5px 5px; color: #FFFFFF; background-color: #5b81a3;} #colSwitch2-1{float:left; width:200px; padding: 5px 5px 5px 5px; background-color: #579aff} #colSwitch3-1{float:left; width:200px; padding: 5px 5px 5px 5px; background-color: #83b3fb;} #colSwitch4-1{float:left; width:200px; padding: 5px 5px 5px 5px; background-color: #b1cffb;} #colSwitch5-1{float:left; width:200px; padding: 5px 5px 5px 5px; background-color: #dae7fa;} #colSwitch1-2{float:left; width:310px; padding: 5px 5px 5px 5px; color: #FFFFFF; background-color: #5b81a3;} #colSwitch2-2{float:left; width:310px; padding: 5px 5px 5px 5px; background-color: #579aff} #colSwitch3-2{float:left; width:310px; padding: 5px 5px 5px 5px; background-color: #83b3fb;} #colSwitch4-2{float:left; width:310px; padding: 5px 5px 5px 5px; background-color: #b1cffb;} #colSwitch5-2{float:left; width:310px; padding: 5px 5px 5px 5px; background-color: #dae7fa;} #colSwitch1-3{float:left; width:295px; padding: 5px 5px 5px 5px; color: #FFFFFF; background-color:#5b81a3;} #colSwitch2-3{float:left; width:295px; padding: 5px 5px 5px 5px; background-color: #579aff} #colSwitch3-3{float:left; width:295px; padding: 5px 5px 5px 5px; background-color: #83b3fb;} #colSwitch4-3{float:left; width:295px; padding: 5px 5px 5px 5px; background-color: #b1cffb;} #colSwitch5-3{float:left; width:295px; padding: 5px 5px 5px 5px; background-color: #dae7fa;} /*End DTV*/ /*Footer style*/ #ftwrapper{height:28px;background:url(../images/footer_bkground.gif) no-repeat 50% 0;color:#fff;font-size:80%; padding-top:8px;} #ftwrapper ul{float:left;width:560px;padding:0px;} #ftwrapper li{list-style-type:none;display:inline;padding:0 0 0 5px; line-height:90%;} #ftwrapper #copy{float:left;width:395px; height:28px; position:relative;} #copy p.copyright{position:absolute; top:0; left:0;} #copy p.unm{position:absolute; right:55px; top:-6px; height:32px; width:54px;} #copy p.aps{position:absolute; right:0; top:-6px; height:32px; width:51px;} #ftwrapper a{color:#fff;} /*Style for Reading Rainbow*//*Style for hidden video*/ .rr_body_text{font-size:85%;} body#kidsEducation.readingRainbow #col4 p{width:350px;} #rrlogos{height:120px; position:relative;} #rrlogos p.wendys{position:absolute; top:6px; left:40px; } #rrlogos p.wells{position:absolute; top:10px; left:426px;} #rrlogos p.sylvan{position:absolute; top:14px; left:740px;} #videoNav, #videoNav ul {float:left;width:400px; margin-bottom:20px;} #videoNav li{margin:0;list-style-type:none;padding:5px 0 5px 20px;background:url(../kids/images/rrimages/rr_television.gif) no-repeat 0 50%;} #video2, #video3, #video4{display:none;} #videoPlay{float:left;width: 440px;height: 346px;} #contest_stats{float:left;} /*Classes - Used site-wide*/ .rollover{float:left; padding:15px 16px;} .rollover a{display:block; height:80px; width:80px; text-indent:-5000px; text-decoration:none;background:url(../kids/images/clifford_btn.jpg) no-repeat 0 0;} .rollover a:hover{background-image:none; text-indent:0; text-align:center;} .rollover .arthur{background-image:url(../kids/images/arthur_btn.jpg);} .rollover .a-z{background-image:url(../kids/images/a-z_btn.jpg);} .rollover .place{background-image:url(../kids/images/place_btn.jpg);} .rollover .healthyHab{background-image:url(../kids/images/healthHab_btn.jpg);} .rollover .lions{background-image:url(../kids/images/lions_btn.jpg);} .rollover .wordGirl{background-image:url(../kids/images/wordGirl_btn.jpg);} .rollover .ninos{background-image:url(../kids/images/ninos_btn.jpg);} .bullet{padding:0 0 5px 20px;background:url(../images/bullet_blue.gif) no-repeat;} .action {padding:0 0 5px 20px;background:url(../images/action.gif) no-repeat 0 25%;} .blueaction{padding:0 0 5px 20px; display:block; background:url(../images/blue_action.gif) no-repeat 0 50%;} .arrow{padding:0 0 5px 20px; display:block; background:url(../images/arrow.gif) no-repeat 0 50%; margin-left:300px; color:#c09122;} .learn{padding-bottom:3px; margin-left:125px; display:block} .indent{padding:10px;} .emphasis{font-weight:bold;} .top{float:right; color:#4a6e91; font-weight:500; display:block; padding-bottom:15px;} .clearL{clear:left;} .clearR{clear:right;} .clearB{clear:both;} #box{ margin: 5px; padding: 5px; float: left; width: 250px; background-color: #D8C5AA; }