/* Sharp Solar Styles - Resolute Digital */ *{margin:0; padding:0} object:focus { outline: none; } body { background-color: #FFF; font-family: Arial, Sans-Serif; font-size: 12px; padding: 0 0 0 30px; text-align: center; } .left { float:left; } .right { float:right; } img {border: none;} a {text-decoration: none; outline: none; } a:hover {text-decoration: underline; } h4 { color: #ff6600; } h4 a { color: #ff6600; } #head { background: transparent url(../images/header_placeholder.png) left top no-repeat; border: none; height: 43px; width: 956px; float: left; } #head a { display: block; cursor: pointer; float: left; height: 78px; width: 130px; text-indent: -9999px; } #content { margin: 0 auto 12px; padding: 0; width: 956px; } /** html div#head{float:left; margin: 0; }*/ #view { background: transparent url(../images/common/top-gradient.png) repeat-x left top; float: left; border: none; height: 600px; width:956px; margin: 0; position: relative; text-align: center; } .page-title { color: #444546; position: absolute; top: 35px; left: 220px; width: 450px; } .page-title p { font-size: 12px; line-height: 18px; text-align: left; float: left; } #eco-blog-title { background: transparent url(../images/eco-blog/eco-blog-icon.png) no-repeat left top; height: 230px; } #eco-blog-title h2 { background: url(../images/eco-blog/eco-blog-title.png) no-repeat top; float: left; height: 37px; text-indent: -9999px; margin:0; padding:0; margin-left:160px; width:140px; } /*#eco-blog-title p.blurb { font-size: 12px; line-height: 18px; text-align: left; float: left; margin-left: 160px; }*/ #project-index-title { background: transparent url(../images/classroom-reports/reports-icon.png) no-repeat left top; height: 210px; } #project-index-title h2 { background: transparent url(../images/classroom-reports/class-reports-title.png) no-repeat left top; float: left; margin: 0 0 0 145px; height: 40px; width: 278px; text-indent: -9999px; } /*#project-index-title p.blurb { font-size: 12px; line-height: 18px; text-align: left; float: left; margin-left: 145px; }*/ #project-index-title p.title-btn { float: right; margin:10px 0 0 145px; z-index: 9998; } #project-index-title p.title-btn a { background: transparent url(../images/classroom-reports/btn_add_classroom_spotlight.jpg) no-repeat left top; float: left; height: 30px; width: 180px; text-indent: -9999px; z-index: 9999; } #eco-blog-title p.title-btn { float: right; margin:0 0 0 145px; z-index: 9998; } #eco-blog-title p.title-btn a { background: transparent url(../images/eco-blog/btn_add_eco_blog.jpg) no-repeat left top; float: left; height: 30px; width: 124px; text-indent: -9999px; z-index: 9999; } .forteachers-list-item p.spotlight-btn a { background: transparent url(../images/classroom-reports/btn_add_classroom_spotlight.jpg) no-repeat left top; float: left; height: 30px; width: 180px; text-indent: -9999px; z-index: 9999; } .forteachers-list-item p.blog-btn a { background: transparent url(../images/eco-blog/btn_add_eco_blog.jpg) no-repeat left top; float: left; height: 30px; width: 124px; text-indent: -9999px; z-index: 9998; } #forteachers-title, #forparents-title { background: transparent url(../images/forparents-teachers/forteachers-logo.png) no-repeat -10px top; height: 180px; width: 440px; } #forteachers-title h2 { background: transparent url(../images/forparents-teachers/forteachers-title.png) no-repeat left top; float: left; margin: 0 0 0 160px; height: 63px; width: 264px; text-indent: -9999px; } #forparents-title h2 { background: transparent url(../images/forparents-teachers/forparents-title.png) no-repeat left top; float: left; margin: 0 0 0 160px; height: 62px; width: 264px; text-indent: -9999px; } /*#forteachers-title p.blurb, #forparents-title p.blurb { font-size: 12px; line-height: 18px; text-align: left; float: left; margin-left: 160px; }*/ #forparents-title p, #forteachers-title p { padding-left: 160px; margin:15px 0 } #letters-index-title { background: transparent url(../images/letters/letters-icon.png) no-repeat left top; height:185px; width: 460px; } #letters-index-title h2 { background: transparent url(../images/letters/letters-title.gif) no-repeat left top; float: left; margin: 0 0 0 150px; height: 75px; width: 270px; text-indent: -9999px; } /*#letters-index-title p.blurb { font-size: 12px; line-height: 18px; text-align: left; float: left; margin: 10px 0 0 150px; }*/ #letters-index-title p { padding-left: 150px; } #qanda-index-title { background: transparent url(../images/q-and-a/qanda-icon.png) no-repeat -10px top; height: 180px; width: 460px; left: 190px;} #qanda-index-title h2 { background: transparent url(../images/q-and-a/qanda-title.gif) no-repeat left top; float: left; margin: 0 0 0 182px; height: 75px; width: 257px; text-indent: -9999px; } /*#qanda-index-title p.blurb { font-size: 12px; line-height: 18px; text-align: left; float: left; margin: 10px 0 0 182px; }*/ #qanda-index-title p { padding-left: 182px; } #family-title { background: transparent url(../images/family/family-icon.png) no-repeat -10px top; height: 250px; width: 460px; left: 210px;} #family-title h2 { background: transparent url(../images/family/family-title.png) no-repeat left top; float: left; margin: 0 0 0 175px; height: 110px; width: 222px; text-indent: -9999px; } /*#family-title p.blurb { font-size: 12px; line-height: 18px; text-align: left; float: left; margin: 10px 0 0 177px; }*/ #family-title p { padding-left: 177px; } #aboutus-title { background: transparent url(../images/about-us/aboutus-icon.png) no-repeat left top; height: 200px; width: 460px; left: 220px;} #aboutus-title h2 { background: transparent url(../images/about-us/aboutus-title.png) no-repeat left top; float: left; margin: 0 0 0 150px; height: 29px; width: 140px; text-indent: -9999px; } /*#aboutus-title p.blurb { font-size: 12px; line-height: 18px; text-align: left; float: left; margin: 10px 0 0 150px; }*/ #contactus-title { background: transparent url(../images/about-us/contactus-icon.png) no-repeat left top; height: 200px; width: 460px; left: 220px;} #contactus-title h2 { background: transparent url(../images/about-us/contactus-title.png) no-repeat left top; float: left; margin: 0 0 0 150px; height: 29px; width: 165px; text-indent: -9999px; } /*#contactus-title p.blurb { font-size: 12px; line-height: 18px; text-align: left; float: left; margin: 10px 0 0 150px; }*/ #search-title { height: 150px; width: 460px; left: 220px;} #search-title h2 { background: transparent url(../images/search/search-title.gif) no-repeat left top; float: left; margin: 0 0 0 100px; height: 40px; width: 270px; text-indent: -9999px; } /* SEARCH COLUMN */ #search-column { /*border: solid 1px black;*/ position: absolute; width: 206px; top: 120px; right: 0; z-index: 5; } #search-column #search-area { height:26px; margin-bottom: 20px; } #search-column #search-area #txtsitesearch { border: solid 1px #cdced0; float: left; padding: 2px; width: 110px; } #search-column #search-area #btnsitesearch { border: none; background: transparent url(../images/common/search-btn.png) no-repeat top left; cursor: pointer; float: left; width: 69px; height: 19px; margin: 2px 0 0 4px; } #search-column #right-nav {font-size: 12px; text-align: left; padding-top: 10px; position:absolute; left:10px; width:200px; top:20px;} #search-column #right-nav p { font-weight: bold;} #search-column #right-nav ul { color: #136cc7; list-style-image: url(/SolarAcademy/images/common/right-nav-bullet.png); padding-left:18px; margin-left: 0; } #search-column #right-nav ul li.view-more { list-style-image: url(/SolarAcademy/images/common/plus.png) !important; } #search-column #right-nav ul li.view-less { list-style-image: url(/SolarAcademy/images/common/minus.png) !important; } #search-column #right-nav ul li { padding: 2px 0; } #search-column #right-nav ul li a { color:#136cc7; text-decoration:none; } #search-column #right-nav ul li a:hover { color:#136cc7; text-decoration: underline; } /*#search-column #right-nav ul li { margin: 0; padding: 4px 0; }*/ #search-column .faq-list { font-size: 10px; margin: 35px 20px 0 -55px !important; border: solid 8px #f8d455; padding: 0 10px 10px !important; } #search-column .faq-list ul {margin:0 0 0 12px; padding: 0;} #search-column .faq-list ul li { margin: 0; padding: 4px 0; } #search-column #search-column-content p { color:#444546; text-align: left; font-size: 12px; line-height: 18px; } /* LEFT NAV MENU (PENCILS) */ #left-nav { /*background: transparent url(../images/pencil-nav.png) no-repeat top left;*/ width: 232px; height: 220px; position: absolute; top: 0; left: 0; list-style-type: none; margin: 0; padding: 10px 0 0 0 ; z-index: 500; } #left-nav li { display: block; float:left; clear: both; padding: 0; margin: 0; } /*#left-nav li#nav-homelink { height: 0; }*/ #left-nav li.toggle { width: 232px; } #left-nav li a { cursor: pointer; display: block; /*float: left;*/ text-indent: -9999px; } #left-nav li a.homelink { height:33px; position:relative; top:-4px; width:232px;} #left-nav li a.nav-btn { height: 23px; width: 232px; } #left-nav li a.on { height: 30px; } #left-nav li#nav-contact a {height: 30px !important;} #nav-homelink a { } #nav-homelinkold a { background: transparent url(../images/leftnav/solarhomelink.png) no-repeat top left; } #nav-eco-blog a { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 0; } #nav-reports a { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -24px; } #nav-letters a { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -47px; } #nav-qanda a { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -71px; } #nav-sunnys a { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -95px; } #nav-about a { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -118px; } #nav-contact a { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -142px; } /* #nav-eco-blog a:hover { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -180px ; } #nav-reports a:hover { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -204px ; } #nav-letters a:hover { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -227px ; } #nav-qanda a:hover { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -251px ; } #nav-sunnys a:hover { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -275px ; } #nav-about a:hover { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -298px ; } #nav-contact a:hover { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -322px ; } */ #nav-eco-blog a.on, #nav-eco-blog a:hover, #nav-eco-blog a.hover, #nav-eco-blog a.hover.clean { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -360px ; } #nav-reports a.on, #nav-reports a:hover, #nav-reports a.hover, #nav-reports a.hover.clean { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -393px; } #nav-letters a.on, #nav-letters a:hover, #nav-letters a.hover, #nav-letters a.hover.clean { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -423px ; } #nav-qanda a.on, #nav-qanda a:hover, #nav-qanda a.hover, #nav-qanda a.hover.clean { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -455px ; } #nav-sunnys a.on, #nav-sunnys a:hover, #nav-sunnys a.hover, #nav-sunnys a.hover.clean { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -487px ; } #nav-about a.on, #nav-about a:hover, #nav-about a.hover, #nav-about a.hover.clean { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -518px ; } #nav-contact a.on, #nav-contact a:hover, #nav-contact a.hover, #nav-contact a.hover.clean { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -550px ; } #nav-eco-blog a.clean { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -588px ; } #nav-reports a.clean { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -619px ; } #nav-letters a.clean { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -648px ; } #nav-qanda a.clean { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -678px ; } #nav-sunnys a.clean { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -708px ; } #nav-about a.clean { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -738px ; } #nav-contact a.clean { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -768px ; } #nav-eco-blog a.clean:hover { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -360px !important; } #nav-reports a.clean:hover { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -393px !important; } #nav-letters a.clean:hover { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -423px !important; } #nav-qanda a.clean:hover { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -456px !important; } #nav-sunnys a.clean:hover { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -488px !important; } #nav-about a.clean:hover { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -520px !important; } #nav-contact a.clean:hover { background: transparent url(../images/leftnav/pencil-nav.png) no-repeat 0 -552px !important; } .left-sub-nav { /*background-color: #FFF; opacity: .5;*/ /*float: left; */ font-size: 12px; font-weight: bold; line-height: 20px; display: block; } .left-sub-nav ul { list-style: none; margin: 0 0 10px 0px; padding: 0; } .left-sub-nav ul li { margin: 0; text-align: left; } .left-sub-nav ul li.subnav-listitem { margin: 0; text-align: left; width: 200px; } .left-sub-nav ul li a { cursor: pointer; text-decoration: none; text-align: left; } .left-sub-nav ul li a, #left-sub-nav ul li a:visited, #left-sub-nav ul li a:hover { color: #136cc7; } /* MTG 6-22 for sub-nav and JS to work*/ .subnav-popup { position: absolute; background-color: #FE6600; border: none; padding: 10px 0 10px 10px; /*height: 110px; width: 110px; */ z-index:501; text-align: left; } .subnav-popup ul { list-style: none; margin: 0; padding: 0;} .subnav-popup a, .subnav-popup a:hover { color: #FFF; font-weight: bold; text-align: left; } .left-sub-nav ul li a.sub-nav-link {text-indent: 0 !important; /*background: none !important;*/ padding-left: 10px; } .left-sub-nav ul li a.sub-nav-link:hover { /*background: none !important;*/ } /* #subnav-reports { height: 150px; } #subnav-reports ul li a.sub-nav-link {width: 70px; border: solid 1px transparent;} #subnav-reports ul li a.sub-nav-link:hover {border: solid 1px transparent; border-right: none; } */ /* #subnav-over { position: absolute; border: solid 1px #FE6600; border-right: solid 1px #FFF; background-color: #FFF; text-align: left; } #subnav-over a {margin: 10px; padding: 0; } #subnav-over a, #subnav-over a:visited, #subnav-over a:hover { color: #136cc7; } */ div.scroller { /*border:1px solid #DDDDDD;*/ /*height:150px;*/ /*margin-left:100px;*/ /*width:200px;*/ } div.scroller .content { float:left; height:100px; overflow:hidden; width:130px; } div.scroller .scrollarea { /*border-left:1px solid #DDDDDD;*/ cursor:pointer; float:left; height:100px; width:9px; } div.scroller div.scrollBarContainer { height:100px; } /*div.scroller .scrollForward, div.scroller .scrollBack {*/ div.scroller .scrollKnob { /*background:#FE6600 none repeat scroll 0 0;*/ background:#FFF none repeat scroll 0 0; border:1px solid #FFF; height:20px; margin:1px; width:5px; } /* TOP RIGHT - SUN & PARENT/TEACHER NAV */ #bigsun { background: transparent url(../images/common/big_sun.png) no-repeat top left; width: 290px; height: 120px; position: absolute; top: 0; right: 0; } #teacherstudent { /*background: transparent url(../images/teacher-student_btns.png) no-repeat top left; */ width: 239px; height: 30px; padding: 0; margin: 0; list-style: none; position: absolute; top: 0; right: 0; z-index: 1000; } #teacherstudent li { display: block; float: left; padding: 0; margin: 0; list-style: none; height: 30px; width: 110px; } #teacherstudent li a { text-indent: -9999px; display: block; float: left; height: 30px; width: 110px; } #teacherstudent li#btnTeachers a { background: transparent url(../images/common/teacher-student_btns.png) no-repeat 0 0; } #teacherstudent li#btnParents a { background: transparent url(../images/common/teacher-student_btns.png) no-repeat -110px 0; } #teacherstudent li#btnTeachers a:hover, #teacherstudent li#btnTeachers a.on { background: transparent url(../images/common/teacher-student_btns.png) no-repeat 0 -31px; } #teacherstudent li#btnParents a:hover, #teacherstudent li#btnParents a.on { background: transparent url(../images/common/teacher-student_btns.png) no-repeat -110px -31px; } /* ******************************** */ #torso { background: transparent url(../images/common/torso-footer.png) no-repeat bottom left; /*margin-top: 210px;*/ padding-bottom: 200px; width: 956px; } #torso { position: relative; } .house_home { display:block; height:90px; width:99px; position:absolute; bottom:48px; right:20px; text-indent:-10000px; } #archive-list { list-style-image: url(../images/Common/archive-list-arrow-closed.png) !important; cursor: pointer; } .archive-list-item.open { list-style-image: url(../images/Common/archive-list-arrow-open.png) !important; } .archive-item-list { list-style-image: url(../images/common/right-nav-bullet.png) !important; } .archive-item-list li { padding: 4px 0; } .archive-item-list li a { color: #136CC7; text-decoration: none; } .archive-item-list li a:hover { text-decoration: underline; } .archive-item-list li.view-more, .archive-item-list li.view-less { list-style-image: none; } .archive-item-list li.view-more a, .archive-item-list li.view-less a { color: blue; text-decoration: none; } div.pager { clear: both; display: block; margin: 10px 0 20px 0; } div.pager a { text-decoration: none; color: #136CC7; font-size: 12px; margin: 0 10px; } div.pager a.off { color: #839097; cursor: text; } div.pager a:hover { text-decoration: underline; } div.pager a.off:hover { text-decoration: none; } * html div.bubble-popup {background:none!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home/bubble-popup.png', sizingMethod='scale');} * html #bigsun {background:none!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='/images/common/big_sun.png', sizingMethod='size');} * html #teacherstudent li#btnTeachers a, * html #teacherstudent li#btnParents a{height:25px; width:107px} * html #eco-blog-title h2 {margin-left:80px; background:none!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/eco-blog/eco-blog-title.png', sizingMethod='scale');} * html #project-index-title h2 {margin-left:73px; background:none!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/classroom-reports/class-reports-title.png', sizingMethod='scale');} * html #family-title h2{margin-left:84px; background:none!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/family/family-title.png', sizingMethod='scale');} * html #forparents-title h2 {margin-left:80px; background:none!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/forparents-teachers/forparents-title.png', sizingMethod='scale');} * html #forteachers-title h2 {margin-left:80px; background:none!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/forparents-teachers/forteachers-title.png', sizingMethod='scale');} * html #contactus-title h2{margin:0 0 10px 76px; background:none!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/about-us/contactus-title.png', sizingMethod='scale');} * html #aboutus-title h2{margin:0 0 10px 76px; background:none!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/about-us/aboutus-title.png', sizingMethod='scale');} * html #qanda-index-title h2 { margin: 0 0 0 88px;} * html #search-title h2 { margin: 0 0 0 58px;} * html #letters-index-title h2{ margin: 0 0 0 74px;} * html #eco-blog-title {background:transparent url(../images/eco-blog/eco-blog-icon.jpg) no-repeat scroll left top; margin-top:10px;} * html #letters-index-title{background:transparent url(../images/letters/letters-icon.jpg) no-repeat left top;} * html #project-index-title {background:transparent url(../images/classroom-reports/reports-icon.jpg) no-repeat scroll left top;} * html #qanda-index-title { background: transparent url(../images/q-and-a/qanda-icon.jpg) no-repeat scroll left top;} * html #contactus-title {background:transparent url(../images/about-us/contactus-icon.jpg) no-repeat scroll left top;} * html #aboutus-title {background:transparent url(../images/about-us/aboutus-icon.jpg) no-repeat scroll left top;} * html #family-title { background: transparent url(../images/family/family-icon.jpg) no-repeat scroll left top;} * html #forteachers-title, * html #forparents-title { background: transparent url(../images/forparents-teachers/forteachers-logo.jpg) no-repeat -10px top;} * html #nav-homelink a { margin-top:25px; background:none!important; } * html #nav-homelinkold a { margin-top:25px; background:none!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/leftnav/solarhomelink.png', sizingMethod='scale');} /* LEFT NAV MENU (PENCILS) */ * html #left-nav li { float:left;} * html #nav-eco-blog a { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 0; } * html #nav-reports a { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -24px; } * html #nav-letters a { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -47px; } * html #nav-qanda a { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -71px; } * html #nav-sunnys a { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -95px; } * html #nav-about a { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -118px; } * html #nav-contact a { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -142px; } * html #nav-eco-blog a.on { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -360px !important; } * html #nav-reports a.on { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -393px !important; } * html #nav-letters a.on { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -423px !important; } * html #nav-qanda a.on { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -456px !important; } * html #nav-sunnys a.on { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -488px !important; } * html #nav-about a.on { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -520px !important; } * html #nav-contact a.on { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -552px !important; } * html #nav-eco-blog a.clean { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -588px !important; } * html #nav-reports a.clean { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -618px !important; } * html #nav-letters a.clean { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -648px !important; } * html #nav-qanda a.clean { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -678px !important; } * html #nav-sunnys a.clean { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -708px !important; } * html #nav-about a.clean { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -738px !important; } * html #nav-contact a.clean { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -768px !important; } * html #nav-eco-blog a.hover, * html #nav-eco-blog a.hover.clean { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -360px ; } * html #nav-reports a.hover, * html #nav-reports a.hover.clean { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -393px ; } * html #nav-letters a.hover, * html #nav-letters a.hover.clean { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -423px ; } * html #nav-qanda a.hover, * html #nav-qanda a.hover.clean { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -455px ; } * html #nav-sunnys a.hover, * html #nav-sunnys a.hover.clean { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -487px ; } * html #nav-about a.hover, * html #nav-about a.hover.clean { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -518px ; } * html #nav-contact a.hover, * html #nav-contact a.hover.clean { background: transparent url(../images/leftnav/pencil-nav.gif) no-repeat 0 -552px ; } p{margin:15px 0} #footer { clear: both; font-size: 10px; } #footer ul { list-style: none; text-align: center; } #footer ul li { float: left; margin: 5px 0; border-left: solid 1px black; padding: 1px 5px; text-align: left; } #footer ul li.first { border-left: 0 !important; font-size: 9px; }