/* screen_calvert-hs.css.jsp */ /* Copyright Brook Group, LTDŽ */ /* BASIC ELEMENTS */ * { margin: 0px; padding: 0px; } img { border: 0; } select, input, textarea { background-color: #FFF; font-size: 10px; } body { background: url(../images/bg_black3.gif) top left repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } body.search222 { background: url(../images/bg_black2.gif) 0px -7px repeat-x; } * html body.search222 { background: url(../images/bg_black2.gif) 0px -5px repeat-x; } /* CUSTOM STUFF */ /* global */ a { color: #000; text-decoration: none; } a:hover { color: #999; } table, input, select { font-family: verdana, sans-serif; font-size: 11px; } h1 { color: #000; font-size: 24px; font-family: galliard, itc galliard, georgia, serif; font-weight: normal; letter-spacing: 0px; margin-top: 16px; margin-bottom: 5px; } .logo1-h1 { font-size: 1px; color: #FFF; font-weight: normal; } .phone1-h1 { font-size: 17px; color: #0062C8; font-weight: normal; font-family: frutiger, tahoma, verdana, sans; letter-spacing: 1px; margin-right: 15px; } .top-h1 { margin-top: 7px; margin-bottom: 3px; margin-left: 18px; line-height: 100%; } h2 { font-size: 19px; color: #039; letter-spacing: 0px; font-family: galliard, itc galliard, georgia, serif; font-weight: normal; padding-top: 22px; line-height: 125%; padding-bottom: 15px; } h3 { font-size: 10px; color: #000; letter-spacing: 1px; border-top: 1px dotted #80b2e3; border-bottom: 1px dotted #80b2e3; margin-top: 13px; margin-bottom: 7px; } h4 { background: #72A4D8; width: 12em; padding-left: 14px; color: #FFF; padding-right: 14px; padding-top: 7px; white-space: nowrap; } div.empty { width: 100%; font-size: 1px; line-height: 1px; height: 1px; margin-top: 11px; } div.empty2 { width: 100%; font-size: 1px; line-height: 1px; height: 1px; margin-top: 11px; } h5 { display: inline; font-weight: normal; letter-spacing: 1px; font-size: 10px; } .spacer3 { font-size: 1px; line-height: 124px; height: 124px; } .navpic1 { margin-top: 12px; margin-right: 15px; margin-bottom: 3px; } .HeaderSection1, .HeaderElementSection1 { text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; font-size: 9px; color: #CCE0F4; } /* header */ #header { color: #FFF; white-space: nowrap; } /* navigation */ #corner1 { background: url(../images/corner2_tr.gif) top right no-repeat; float: right; font-size: 1px; line-height: 1px; width: 15px; height: 14px; } #navigation-top { background: #0062C8 url(../images/bg_7EA3DB.gif) bottom right repeat-x; height: 27px; padding-left: 18px; font-size: 10px; } * html #navigation-top { height: 26px; } html>body #navigation-top { position: relative; top: 2px; } #navigation-top a { letter-spacing: 1px; font-size: 10px; color: #FFF; text-decoration: none; cursor: hand; } #navigation-top a:hover { color: #99c0e9; } #navigation-top a.selected { color: #0062C8; font-weight: bold; } #navigation-top a.selected:hover { color: #66a0de; } #navigation-top li { position: relative; bottom: -8px; margin-right: 22px; float: left; font-size: 10px; } * html #navigation-top li { margin-right: 18px; } .left { background: url(../images/tab_on_left.gif) top left no-repeat; padding-top: 4px; padding-bottom: 6px; display: block; position: relative; bottom: 3px; margin-right: -22px; margin-left: -18px; } * html .left { margin-left: -3px; padding-top: 0px; bottom: 3px; padding-bottom: 5px; } .right { background: url(../images/tab_on_right.gif) top right no-repeat; padding-top: 4px; padding-bottom: 6px; margin-right: 3px; } * html .right { padding-top: 0px; padding-right: 23px; margin-right: -3px; padding-bottom: 5px; } .middle { background: #fff; margin-left: 22px; margin-right: 23px; height: 21px; padding-top: 4px; padding-bottom: 6px; font-size: 10px; } * html .middle { padding-top: 4px; padding-bottom: 6px; } .search { white-space: nowrap; margin-top: 22px; margin-right: 25px; padding-left: 30px; color: #fff; } .search form, .search input { display: inline; } input#search-field { width: 111px; } .search img { margin-top: -10px; } .links-type2 li { display: inline; } .links-type3 { padding: 2px 14px 5px; color: #fff; } * html .links-type3 { padding: 3px 14px 4px; color: #fff; } .links-type3 li { display: inline; font-size: 10px; } .links-type3 a { color: #fff; } .links-type3 a:hover { color: #004eb9; } /* wrapper column - left */ #left1 { width: 173px; text-align: right; background-color: #fff; } #calvert-school-logo1 { margin-bottom: -2px; background: url(../images/bg1.gif) top right no-repeat; padding: 38px 16px 0 0; } html>body #calvert-school-logo1 { margin-bottom: 0px; } #navigation-left1 { background: #FFF; padding-top: 25px; } * html #navigation-left2 { margin-bottom: 11px; } * html #navigation-left2 li { /*\*/ margin-bottom: -11px; /**/ } #navigation-left1 li { width: 173px; } #navigation-left1 li, #navigation-left2 li { list-style-type: none; } #navigation-left1 a, #navigation-left2 a { color: #000; display: block; font-size: 10px; } #navigation-left1 a { padding: 3px 20px 3px 15px; } #navigation-left2 a { background: #FFF url(../images/blt_arrow-000000.gif) bottom right no-repeat; padding: 2px 20px 2px 15px; font-weight: normal; } #navigation-left1 a:hover, #navigation-left2 a:hover { color: #999; } #navigation-left1 li, #navigation-left1 .lvl1-selected { font-weight: bold; } #navigation-left1 li li, #navigation-left1 .lvl1-selected li { font-weight: normal; } #navigation-left1 .selected li { background: white; } #navigation-left1 .lvl1-selected a, #navigation-left1 .lvl2-selected a, #navigation-left1 .lvl3-selected a, #navigation-left1 .lvl4-selected a, #navigation-left1 .lvl5-selected a { padding-top: 2px; padding-bottom: 3px; background: #CCE0F4 url(../images/blt_arrow-blue1.gif) 100% 1px no-repeat; } #navigation-left1 .lvl3-selected a, #navigation-left1 .lvl4-selected a, #navigation-left1 .lvl5-selected a { color: #01468A; } #navigation-left1 .lvl3-selected a:hover, #navigation-left1 .lvl4-selected a:hover, #navigation-left1 .lvl5-selected a:hover { color: #41668A; } #navigation-left1 .lvl2-selected { background: #E6F0FA; border-bottom: 2px #CCE0F4 solid; } #navigation-left1 .lvl2-selected ul { border-bottom: 1px #FFF solid; } #navigation-left1 .lvl2-selected ul ul { border-bottom: 0; } #navigation-left1 .lvl1-selected li a, #navigation-left1 .lvl2-selected li a, #navigation-left1 .lvl3-selected li a, #navigation-left1 .lvl4-selected li a, #navigation-left1 .lvl5-selected li a { padding-top: 2px; padding-bottom: 3px; color: #000; background: transparent none; } #navigation-left1 .lvl2-selected .lvl3-selected a, #navigation-left1 .lvl3-selected .lvl4-selected a, #navigation-left1 .lvl4-selected .lvl5-selected a { color: #01468A; } #navigation-left1 .lvl2-selected .lvl3-selected a:hover, #navigation-left1 .lvl3-selected .lvl4-selected a:hover, #navigation-left1 .lvl4-selected .lvl5-selected a:hover { color: #41668A; } #navigation-left1 .lvl1-selected li a { background: transparent none; } #navigation-left1 .lvl2-selected li a { background: #E6F0FA none; } .staticheader { display: block; margin-right: 19px; font-size: 9px; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; margin-top: 5px; } /* wrapper column - right */ #right1 { background: url(../images/bg_black.gif) top left repeat-x; } /* inside wrapper - content column - left */ #left2 { margin-right: 0px; padding-right: 17px; padding-left: 17px; padding-top: 15px; } #right2 { clear: right; border-top: 1px solid #FFF; background: #FFF; padding-bottom: 11px; color: #0061ca; padding-right: 10px; } html>body #right2 { width: 240px; } * html #right2 { width: 250px; } /* footer for content area */ #work-the-mojo { position: absolute; left: 0px; width: 173px; text-align: right; } * html #work-the-mojo { position: relative; } * html #wtm-ie { position: absolute; left: -173px; width: 173px; } * html #wtm-ie li { margin-bottom: 0px; /*\*/ margin-bottom: -11px; /**/ line-height: 125%; } #phone { margin-top: 46px; margin-bottom: 10px; } #phone2 { margin-top: 3px; margin-bottom: 10px; } #footer-content { width: 100%; } /* footer for entire page */ #footer-page { clear: both; } #footer-page .links-type3 li { padding-left: 0px; } .pipe111 { margin: 0 3px; } /* Footer */ h1.hdr2-h1 { font-size: 32px; color: #7EA3DB; font-family: galliard, itc galliard, georgia, serif; font-weight: normal; letter-spacing: 2px; padding-top: 25px; padding-left: 14px; } .callout-top1 { background: url(../images/callout-top.gif) top center no-repeat; padding-top: 12px; margin-top: -55px; z-index: 99; position: relative; top: -55; } .callout-top3 { background: url(../images/callout-top.gif) top center no-repeat; padding-top: 12px; z-index: 99; position: relative; top: -99; } .callout2Wrap { text-align: center; margin-top: 11px; } .callout2 { padding: 9px 9px 6px 6px; } .callout2Wrap .t { background: url(../images/box1-t.gif) top left repeat-x; } .callout2Wrap .tr { background: url(../images/box1-tr.gif) top right no-repeat; } .callout2Wrap .r { background: url(../images/box1-r.gif) top right repeat-y; } .callout2Wrap .br { background: url(../images/box1-br.gif) bottom right no-repeat; } .callout2Wrap .b { background: url(../images/box1-b.gif) bottom left repeat-x; } .callout2Wrap .bl { background: url(../images/box1-bl.gif) bottom left no-repeat; } .callout2Wrap .l { background: url(../images/box1-l.gif) top left repeat-y; } .callout2Wrap .tl { background: url(../images/box1-tl.gif) top left no-repeat; } .tableType1 { border-collapse: collapse; } .tableType1 td { padding: 0; vertical-align: top; } .tableType2 { border-collapse: collapse; margin: 0 auto; } .tableType2 td { padding: 0; vertical-align: top; } .listType1 { font-weight: bold; } .listType1 a { color: #b50202; text-decoration: none; } .listType1 a:hover { color: #da8080; } .listType1 ul li { padding: 2px 0 3px 25px; margin-bottom: 3px; } ul li.icon1 { background: url(../images/blt_enrollment.gif) 0 50% no-repeat; } ul li.icon2 { background: url(../images/blt_catalog.gif) 0 50% no-repeat; } ul li.icon3 { background: url(../images/blt_online.gif) 0 50% no-repeat; } /* global */ .links2 li { display: inline; padding-left: 8px; background: #FFF url(../images/pipe1.gif) 0px 2px no-repeat; padding-right: 3px; } .links2 { position: relative; bottom: 5px; left: 11px; } .links2 a:link, .links3 a:link { color: #666; border-bottom: none; } .links2 a:visited, .links3 a:visited { color: #666; border-bottom: none; } .links2 a:hover, .links3 a:hover { color: #999; border-bottom: none; } .links2 a:active, .links3 a:active { color: #666; border-bottom: none; } .links3 { margin-top: 5px; margin-right: 5px; } .links3 li { list-style-type: none; background: #FFF url(../images/blt_arrow_link.gif) 100% 3px no-repeat; padding-right: 11px; padding-bottom: 5px; } li.first-li { padding-left: 0px; background: none; } /* yadda */ .skipnav { width: 1px; height: 1px; position: absolute; visibility: hidden; } img.tagline { margin-top: 18px; margin-left: 12px; } img.hdr { margin-top: 11px; margin-left: 18px; } .photo2 { float: right; padding-bottom: 17px; padding-left: 17px; margin-right: -17px; margin-left: 0px; } * html .photo2 { float: right; margin-bottom: 17px; margin-right: -17px; margin-left: 17px; } div.grade { float: right; margin-bottom: 18px; } input.btn-go2 { width: 23px; position: relative; top: 2px; left: 11px; } img.cart1 { float: right; margin-top: 6px; margin-right: 9px; } img.cart111 { margin-top: 6px; margin-right: 0px; } /* editable area 1 */ .editable-area1 p { line-height: 150%; } .editable-area1 h2 { color: #000; font-size: 24px; font-family: galliard, itc galliard, georgia, serif; font-weight: normal; letter-spacing: 0px; margin: 0px; padding: 0px; } .editable-area1 h3 { color: #01468A; font-size: 18px; font-family: galliard, itc galliard, georgia, serif; border: none; font-weight: normal; letter-spacing: 0px; line-height: 125%; } .editable-area1 h4 { color: #000; font-size: 10px; font-family: verdana, arial, sans; border: none; font-weight: bold; letter-spacing: 0px; text-transform: uppercase; background: none; margin: 0px; padding: 0px; width: 100%; } .editable-area1 h5 { color: #000; font-size: 10px; font-family: verdana, arial, sans; border: none; font-weight: bold; letter-spacing: 0px; margin: 0px; padding: 0px; } .editable-area1 ul li { list-style-type: none; background: url(../images/blt_arrow-blue2.gif) 0px 1px no-repeat; margin-left: 4px; padding-left: 18px; padding-bottom: 3px; line-height: 125%; } .editable-area1 ol { margin-left: 22px; } * html .editable-area1 ol { margin-left: 25px; } .editable-area1 ol li { padding-bottom: 1px; } .editable-area1 a:link { color: #0062C8; text-decoration: underline; } .editable-area1 a:visited { color: #0062C8; text-decoration: underline; } .editable-area1 a:hover { color: #4792DE; text-decoration: underline; } .editable-area1 a:active { color: #0062C8; text-decoration: underline; } .editable-area1 li a:link { color: #000; text-decoration: underline; } .editable-area1 li a:visited { color: #000; text-decoration: underline; } .editable-area1 li a:hover { color: #999; text-decoration: none; } .editable-area1 li a:active { color: #000; text-decoration: underline; } /* editable area 2 */ .editable-area2 { padding-right: 3px; padding-left: 11px; clear: both; } .editable-area2 p { line-height: 150%; } .editable-area2 h2 { color: #000; font-size: 10px; font-family: verdana, arial, sans; font-weight: bold; letter-spacing: 0px; margin: 0px; padding: 0px; } .editable-area2 h3 { font-size: 10px; font-family: verdana, arial, sans; color: #0063c5; letter-spacing: 1px; border-top: 1px dotted #80b2e3; border-bottom: 1px dotted #80b2e3; margin-top: 13px; margin-bottom: 9px; padding-top: 2px; padding-bottom: 2px; clear: both; } .editable-area2 h4 { color: #000; font-size: 10px; font-family: verdana, arial, sans; border: none; font-weight: bold; letter-spacing: 0px; text-transform: uppercase; background: none; margin: 0px; padding: 0px; width: 100%; } .editable-area2 h5 { color: #000; font-size: 10px; font-family: verdana, arial, sans; border: none; font-weight: bold; letter-spacing: 0px; margin: 0px; padding: 0px; } .editable-area2 ul li { list-style-type: none; background: url(../images/blt_arrow-000000.gif) 0px 2px no-repeat; margin-left: 4px; padding-left: 18px; padding-bottom: 1px; line-height: 125%; } .editable-area2 ol { margin-left: 22px; } * html .editable-area2 ol { margin-left: 25px; } .editable-area2 ol li { padding-bottom: 1px; } .editable-area2 a { color: #0062C8; } .editable-area2 a:hover { color: #4792DE; } .editable-area2 li a { color: #000; text-decoration: underline; } .editable-area2 li a:hover { color: #999; text-decoration: none; } #col3-block1 { margin-bottom: 17px; padding-right: 3px; padding-left: 11px; } * html #col3-block1 { margin-bottom: 0px; } #col3-block1 ul li { display: inline; } #col3-block1 ul li a:link { color: #FFF; font-weight: bold; } #col3-block1 ul li a:visited { color: #FFF; font-weight: bold; } #col3-block1 ul li a:hover { color: #DDD; font-weight: bold; } #col3-block1 ul li a:active { color: #FFF; font-weight: bold; } #col3-block1 ul.squares li a span { padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; line-height: 200%; } .col3-block h3 { color: #0063c5; } .editable-area1 .block44 { margin-bottom: 17px; padding-right: 3px; padding-left: 11px; } .editable-area1 .block44 ul li { display: inline; } .editable-area1 .block44 ul li a:link { color: #FFF; font-weight: bold; } .editable-area1 .block44 ul li a:visited { color: #FFF; font-weight: bold; } .editable-area1 .block44 ul li a:hover { color: #DDD; font-weight: bold; } .editable-area1 .block44 ul li a:active { color: #FFF; font-weight: bold; } .editable-area1 .block44 ul.squares li a span { padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; line-height: 200%; } /* editable area 3 */ .area3-corner1 { background: #72a4d8 url(../images/corner3_bl.gif) bottom left no-repeat; width: 100%; } .area3-corner2 { background: url(../images/corner3_br.gif) bottom right no-repeat; width: 100%; } * html .area3-corner2 { margin: 0px; } .textType1 { font-size: 10px; text-align: right; font-weight: bold; } .imgType1, .imgType3 { float: left; margin: 0 18px 18px 0; } .imgType2, .imgType4 { float: right; margin: 0 0 18px 18px; } .imgType3, .imgType4 { border: 1px solid #000; } /* 2006-04-04 */ .headerType1 { margin: 0 0 15px; } .h1Type1 { margin-top: 0; line-height: 90%; } h2.h2Type1 { font-size: 11px; text-transform: uppercase; letter-spacing: 5px; font-weight: bold; font-family: helvetica, verdana, sans-serif; color: #0062C8; margin-bottom: .5em; padding-bottom: 0; padding-left: 2px; padding-top: 25px; } .headerType1Help1 { margin: 0 1em 0 11px; } .clear1 { clear: both; line-height: 0px; } * html .clear1 { display: none; } p.textType2 { width: 100px; margin-top: 5px; font-size: 10px; line-height: 115%; } .floatType1 { float: right; margin: 0 0 2em 2em; text-align: center; } .editable-area1 .listType2 ul li { background: url(../images/blt_dot-000000.gif) 0 5px no-repeat; padding-left: 11px; } /* change these from ID to CLASS: .right1 .left2 .right2 */ .borderType1 .t { background: url(../images/box1-t.gif) top left repeat-x; } .borderType1 .tr { background: url(../images/box1-tr.gif) top right no-repeat; } .borderType1 .r { background: url(../images/box1-r.gif) top right repeat-y; } .borderType1 .br { background: url(../images/box1-br.gif) bottom right no-repeat; } .borderType1 .b { background: url(../images/box1-b.gif) bottom left repeat-x; } .borderType1 .bl { background: url(../images/box1-bl.gif) bottom left no-repeat; } .borderType1 .l { background: url(../images/box1-l.gif) top left repeat-y; } .borderType1 .tl { background: url(../images/box1-tl.gif) top left no-repeat; padding: 5px 1px 13px; } .tableType3 { border-collapse: collapse; font-weight: bold; width: 100%; } .tableType3 td, .tableType3 th { padding: 10px; border-bottom: 1px solid #e5e5e5; } .tableType3 td.tdType1, .tableType3 th.tdType1 { padding: 0 0 0 3px; background-color: transparent; } .tableType3 td { vertical-align: top; text-align: center; background-color: #f5f5f5; } .tableType3 th { text-align: right; } .tableType3 .trType1 td { background-color: transparent; border-left: none; } .tableType3 .trType1 th { text-align: center; text-transform: uppercase; padding-bottom: 5px; } .tableType3 .trType2 td, .tableType3 .trType2 th { padding: 0; border-left: none; background-color: #e5e5e5; } .listType3 { margin: 55px 0 22px 0; } .editable-area2 .listType3 li { background: none; padding: 0; margin: 0 0 5px 0; } .listType3 li a { text-decoration: none; font-size: 10px; font-weight: bold; display: block; height: 19px; } .listType3 li img { float: left; } * html .listType3 li img { float: left; position: relative; left: -3px; } .listType3 li span { position: relative; top: 2px; padding: 0 5px; } * html .listType3 li span { padding: 0 5px 0 2px; } #lt3-gpk li { background: #edebf4 url(../images/bgGradePK.gif) top right no-repeat; } #lt3-gpk li.selected { background: #A599C7 url(../images/bgGradePKSel.gif) top right no-repeat; } #lt3-gpk li a { color: #A599C7; } #lt3-gpk li a:hover { color: #c2bad9; } #lt3-gpk li.selected a { color: #fff; } #lt3-gpk li.selected a:hover { color: #dbd6e9; } #lt3-gk li { background: #d8edd4 url(../images/bgGradeK.gif) top right no-repeat; } #lt3-gk li.selected { background: #3EA427 url(../images/bgGradeKSel.gif) top right no-repeat; } #lt3-gk li a { color: #3EA427; } #lt3-gk li a:hover { color: #7cc16c; } #lt3-gk li.selected a { color: #fff; } #lt3-gk li.selected a:hover { color: #b2dba9; } #lt3-g1 li { background: #cce6f7 url(../images/bgGrade1.gif) top right no-repeat; } #lt3-g1 li.selected { background: #0080d9 url(../images/bgGrade1Sel.gif) top right no-repeat; } #lt3-g1 li a { color: #0080d9; } #lt3-g1 li a:hover { color: #5297db; } #lt3-g1 li.selected a { color: #fff; } #lt3-g1 li.selected a:hover { color: #99c0e9; } #lt3-g2 li { background: #e5d5e2 url(../images/bgGrade2.gif) top right no-repeat; } #lt3-g2 li.selected { background: #7F2D6D url(../images/bgGrade2Sel.gif) top right no-repeat; } #lt3-g2 li a { color: #7F2D6D; } #lt3-g2 li a:hover { color: #a8709c; } #lt3-g2 li.selected a { color: #fff; } #lt3-g2 li.selected a:hover { color: #ccabc5; } #lt3-g3 li { background: #fbe7d3 url(../images/bgGrade3.gif) top right no-repeat; } #lt3-g3 li.selected { background: #EB8823 url(../images/bgGrade3Sel.gif) top right no-repeat; } #lt3-g3 li a { color: #EB8823; } #lt3-g3 li a:hover { color: #f1ae69; } #lt3-g3 li.selected a { color: #fff; } #lt3-g3 li.selected a:hover { color: #f7cfa7; } #lt3-g4 li { background: #fbf6cc url(../images/bgGrade4.gif) top right no-repeat; } #lt3-g4 li.selected { background: #E5B802 url(../images/bgGrade4Sel.gif) top right no-repeat; } #lt3-g4 li a { color: #E5B802; } #lt3-g4 li a:hover { color: #eed153; } #lt3-g4 li.selected a { color: #fff; } #lt3-g4 li.selected a:hover { color: #f5e39a; } #lt3-g5 li { background: #cceae0 url(../images/bgGrade5.gif) top right no-repeat; } #lt3-g5 li.selected { background: #009865 url(../images/bgGrade5Sel.gif) top right no-repeat; } #lt3-g5 li a { color: #009865; } #lt3-g5 li a:hover { color: #52b996; } #lt3-g5 li.selected a { color: #fff; } #lt3-g5 li.selected a:hover { color: #99d6c1; } #lt3-g6 li { background: #efd3d6 url(../images/bgGrade6.gif) top right no-repeat; } #lt3-g6 li.selected { background: #AF2232 url(../images/bgGrade6Sel.gif) top right no-repeat; } #lt3-g6 li a { color: #AF2232; } #lt3-g6 li a:hover { color: #c96974; } #lt3-g6 li.selected a { color: #fff; } #lt3-g6 li.selected a:hover { color: #dfa7ad; } #lt3-g7 li { background: #d4dae9 url(../images/bgGrade7.gif) top right no-repeat; } #lt3-g7 li.selected { background: #28468F url(../images/bgGrade7Sel.gif) top right no-repeat; } #lt3-g7 li a { color: #28468F; } #lt3-g7 li a:hover { color: #6d81b3; } #lt3-g7 li.selected a { color: #fff; } #lt3-g7 li.selected a:hover { color: #a9b5d2; } #lt3-g8 li { background: #d4d1cf url(../images/bgGrade8.gif) top right no-repeat; } #lt3-g8 li.selected { background: #000000 url(../images/bgGrade8Sel.gif) top right no-repeat; } #lt3-g8 li a { color: #000; } #lt3-g8 li a:hover { color: #555453; } #lt3-g8 li.selected a { color: #fff; } #lt3-g8 li.selected a:hover { color: #999; } * html #left2, * html .borderType1 { height: 1%; } #headerlogo { width: 327px; height: 58px; margin-top: 6px; margin-bottom:-4px; } #headerlogo h1 { font-family: georgia,galliard,itc galliard,georgia,serif; font-size:40px; color:#7ea3db; padding-left:15px; margin-top: 0px; }