/* screen_calvert-template.css.jsp */ /* Copyright Brook Group, LTDŽ */ /* BASIC ELEMENTS */ div, span, table, td, th, li, ul, ol, dd, hr form, select, input, textarea, p, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-size: 10px; } img { border: 0; } select, input, textarea { background-color: #FFF; font-size: 10px; } body { letter-spacing: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin: 0px; padding: 0px; background: url(/engine/cal/images/bg_black.gif) top left repeat-x; } /* CUSTOM STUFF */ /* global */ a:link { color: #000; text-decoration: none; } a:visited { color: #000; text-decoration: none; } a:hover { color: #999; text-decoration: none; } a:active { color: #000; text-decoration: none; } h1 { color: #000; font-size: 24px; font-family: galliard, itc galliard, georgia, serif; font-weight: normal; letter-spacing: 0px; margin: 0px; padding: 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: 2px; border-top: 1px dotted #999; border-bottom: 1px dotted #999; margin-top: 13px; margin-bottom: 7px; } h4 { background: #72A4D8; width: 12em; padding-left: 14px; color: #FFF; padding-right: 7px; padding-top: 7px; } h4.empty { width: 100%; font-size: 1px; line-height: 1px; height: 1px; margin-top: 11px; } h5 { display: inline; font-weight: normal; letter-spacing: 1px; } .spacer1 { font-size: 28px; line-height: 28px; height: 28px; } .spacer2 { font-size: 88px; line-height: 88px; height: 88px; } .spacer3 { font-size: 1px; line-height: 124px; height: 124px; } .navpic1 { margin-top: 12px; margin-right: 15px; margin-bottom: 3px; } /* header */ #header { color: #FFF; white-space: nowrap; } /* navigation */ #corner1 { background: url(/engine/cal/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(/engine/cal/images/bg_7EA3DB.gif) bottom right repeat-x; height: 27px; padding-left: 18px; } #navigation-top2 { background: #B1C7E9; height: 27px; padding-left: 18px; } * html #navigation-top { padding-left: 7px; height: 26px; } * html #navigation-top2 { padding-left: 18px; height: 26px; } #navigation-top a, #navigation-top2 a { letter-spacing: 1px; } #navigation-top a:link { color: #FFF; } #navigation-top a:visited { color: #FFF; } #navigation-top a:hover { color: #999; text-decoration: none; } #navigation-top a:active { color: #FFF; } #navigation-top2 a:link { color: #0062C8; } #navigation-top2 a:visited { color: #0062C8; } #navigation-top2 a:hover { color: #333; text-decoration: none; } #navigation-top2 a:active { color: #0062C8; } #navigation-top a.selected:link { color: #0062C8; font-weight: bold; } #navigation-top a.selected:visited { color: #0062C8; font-weight: bold; } #navigation-top a.selected:hover { color: #333; font-weight: bold; } #navigation-top a.selected:active { color: #0062C8; font-weight: bold; } #navigation-top2 a.selected:link { color: #0062C8; } #navigation-top2 a.selected:visited { color: #0062C8; } #navigation-top2 a.selected:hover { color: #333; } #navigation-top2 a.selected:active { color: #0062C8; } #navigation-top li, #navigation-top2 li { position: relative; bottom: -8px; margin-right: 22px; float: left; } * html #navigation-top li { margin-right: 18px; } * html #navigation-top2 li { margin-right: 18px; } .left { background: url(/engine/cal/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(/engine/cal/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: -7px; padding-bottom: 5px; } .middle { background: #CCE0F4; margin-left: 22px; margin-right: 23px; height: 21px; padding-top: 4px; padding-bottom: 6px; } * html .middle { padding-top: 4px; padding-bottom: 6px; } .left222 { background: url(/engine/cal/images/tab_on_left3.gif) top left no-repeat; padding-top: 4px; padding-bottom: 6px; display: block; position: relative; bottom: 3px; margin-right: -22px; margin-left: -18px; } * html .left222 { margin-left: 0px; padding-top: 0px; bottom: 3px; padding-bottom: 5px; margin-right: 0px; padding-left: 22px; } .right222 { background: url(/engine/cal/images/tab_on_right3.gif) top right no-repeat; padding-top: 4px; padding-bottom: 6px; margin-right: 3px; } * html .right222 { padding-top: 0px; padding-right: 23px; margin-right: -7px; padding-bottom: 5px; } .middle222 { background: #FFF; margin-left: 22px; margin-right: 23px; height: 21px; padding-top: 4px; padding-bottom: 6px; } * html .middle222 { padding-top: 4px; padding-bottom: 6px; margin-left: 0px; } .search { float: right; white-space: nowrap; margin-top: 22px; margin-right: 25px; } .search form, .search input { display: inline; } input#search-field { width: 111px; } .search img { margin-top: -10px; } .links-type2 li { display: inline; } .links-type3 { padding-top: 8px; } .links-type3 li { display: inline; font-family: Arial, Verdana; font-size: 10px; padding-left: 14px; } /* wrapper column - left */ #left1 { width: 173px; float: left; text-align: right; } #calvert-school-logo1 { margin-bottom: -2px; } html>body #calvert-school-logo1 { margin-bottom: 0px; } #navigation-left1 { background: #FFF; padding-top: 25px; } #navigation-left1 a:link, #navigation-left2 a:link { color: #000; display: block; padding-right: 20px; padding-left: 15px; } #navigation-left1 a:visited, #navigation-left2 a:visited { color: #000; display: block; padding-right: 20px; padding-left: 15px; } #navigation-left1 a:hover, #navigation-left2 a:hover { color: #999; display: block; padding-right: 20px; padding-left: 15px; } #navigation-left1 a:active, #navigation-left2 a:active { color: #000; display: block; padding-right: 20px; padding-left: 15px; } #navigation-left3 a:link { color: #FFF; display: block; padding-right: 20px; padding-left: 0px; } #navigation-left3 a:visited { color: #FFF; display: block; padding-right: 20px; padding-left: 0px; } #navigation-left3 a:hover { color: #C0C0C0; display: block; padding-right: 20px; padding-left: 0px; } #navigation-left3 a:active { color: #FFF; display: block; padding-right: 20px; padding-left: 0px; } li.lvl1 { font-weight: bold; } li.lvl1 li { font-weight: normal; } #navigation-left1 li { width: 173px; list-style-type: none; } #navigation-left1 a { padding-top: 3px; padding-bottom: 3px; } li.selected li { background: white; } * html #navigation-left2 { margin-bottom: 11px; } #navigation-left2 li { list-style-type: none; } * html #navigation-left2 li { margin-bottom: -11px; } * html #navigation-left3 li { /*\*/ margin-bottom: -11px; /**/ } #navigation-left2 li, #navigation-left3 li { list-style-type: none; } #navigation-left2 a, #navigation-left3 a { padding-top: 2px; padding-bottom: 2px; font-weight: normal; } #navigation-left2 a { background: #FFF url(/engine/cal/images/blt_arrow-000000.gif) bottom right no-repeat; } #navigation-left3 a { background: #000 url(/engine/cal/images/blt_arrow-ffffff.gif) bottom right no-repeat; } #navigation-left3 { margin-left: 22px; margin-right: 11px; } li.lvl1-selected a { padding-top: 2px; padding-bottom: 3px; background: #CCE0F4 url(/engine/cal/images/blt_arrow-blue1.gif) 100% 1px no-repeat; } li.lvl1-selected ul li a { background: none; } li.lvl2-selected a { padding-top: 2px; padding-bottom: 3px; background: #CCE0F4 url(/engine/cal/images/blt_arrow-blue1.gif) 100% 1px no-repeat; border-bottom: 1px #FFF solid; } li.lvl2-selected ul li a { background: none; border-bottom: none; } ul.lvl2 li.lvl2-selected { background: #E6F0FA; } ul.lvl3 { padding-bottom: 3px; border-bottom: 2px #CCE0F4 solid; } #navigation-left1 li.lvl3-selected a:link { color: #01468A; } #navigation-left1 li.lvl3-selected a:visited { color: #01468A; } #navigation-left1 li.lvl3-selected a:hover { color: #41668A; } #navigation-left1 li.lvl3-selected a:active { color: #01468A; } #navigation-left1 li.lvl3-selected li.lvl4 a:link { color: #000; } #navigation-left1 li.lvl3-selected li.lvl4 a:visited { color: #000; } #navigation-left1 li.lvl3-selected li.lvl4 a:hover { color: #999; } #navigation-left1 li.lvl3-selected li.lvl4 a:active { color: #000; } #navigation-left1 li.lvl3-selected ul li { background: url(/engine/cal/images/blt_dot-000000.gif) 88% 8px no-repeat; } #navigation-left1 li.lvl3-selected ul li a { padding-right: 30px; } #navigation-left1 li.lvl4-selected ul li { background: url(/engine/cal/images/blt_dot-000000.gif) 88% 8px no-repeat; } #navigation-left1 li.lvl4-selected ul li a { padding-right: 30px; } * html #navigation-left1 ul.lvl4 li { padding-right: 11px; } /* wrapper column - right */ #right1 { } /* inside wrapper - content column - left */ #left2 { margin-right: 0px; padding-right: 17px; padding-left: 17px; } #right2 { width: 250px; clear: right; border-top: 1px solid #FFF; } #bring-it-back-up { float: right; margin-top: -31px; } * html #bring-it-back-up { float: right; margin-top: -31px; } /* 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: 16px; margin-bottom: 10px; } #footer-content { float: left; width: 100%; } /* footer for entire page */ #footer-page { clear: both; } /* 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 */ #callout1 { position: absolute; margin-right: 15px; z-index: 11; text-align: left; clear: both; font-size: 11px; } #callout1 ul { padding-right: 16px; padding-left: 14px; } #callout1 li { list-style-type: none; padding-left: 28px; padding-top: 2px; padding-bottom: 7px; } #callout1 li.blt-callout-enrollment { background: #FFF url(/engine/cal/images/blt_enrollment.gif) 0px 0px no-repeat; } #callout1 li.blt-callout-catalog { background: #FFF url(/engine/cal/images/blt_catalog.gif) 0px 0px no-repeat; } #callout1 li.blt-callout-online { background: #FFF url(/engine/cal/images/blt_online.gif) 0px 0px no-repeat; } #callout1 a:link { color: #B50202; font-weight: bold; font-size: 11px; } #callout1 a:visited { color: #B50202; font-weight: bold; font-size: 11px; } #callout1 a:hover { color: #DA8081; font-weight: bold; font-size: 11px; } #callout1 a:active { color: #B50202; font-weight: bold; font-size: 11px; } .callout-top1 { background: url(/engine/cal/images/callout-top.gif) top center no-repeat; padding-top: 12px; width: 220px; float: right; margin-top: -40px; } * html .callout-top1 { position: absolute; margin-top: -33px; right: 14px; } .callout-top2 { background: url(/engine/cal/images/callout-top.gif) top center no-repeat; padding-top: 12px; width: 220px; float: right; margin-top: -62px; } * html .callout-top2 { position: absolute; margin-top: -55px; right: 11px; } .callout-top3 { background: url(/engine/cal/images/callout-top.gif) top center no-repeat; padding-top: 12px; width: 220px; float: right; margin-top: -84px; } * html .callout-top3 { position: absolute; margin-top: -77px; right: 11px; } .callout-bottom { background: url(/engine/cal/images/callout-bottom.gif) bottom center no-repeat; padding-bottom: 12px; width: 220px; } .callout-sides { border-right: 1px solid #999; border-left: 1px solid #999; background-color: #FFF; padding-top: 3px; padding-bottom: 0px; } html>body .callout-sides { width: 218px; } #editable-callout { padding-right: 11px; padding-left: 11px; font-size: 11px; } /* global */ .links2 li { display: inline; padding-left: 8px; background: #FFF url(/engine/cal/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(/engine/cal/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: 46px; margin-left: 12px; } img.hdr { margin-top: 11px; margin-left: 18px; } img.photo2 { float: right; padding-bottom: 17px; padding-left: 17px; margin-right: -17px; margin-left: 0px; } * html img.photo2 { float: right; margin-bottom: 17px; margin-right: -17px; margin-left: 17px; } img.grade { float: right; margin-bottom: 18px; } input.btn-go { width: 23px; position: relative; top: 2px; left: 4px; } img.cart1 { float: right; margin-top: 6px; margin-right: 9px; } img.cart3 { position: absolute; z-index: 11111; } * html img.cart3 { position: absolute; z-index: 11111; margin-left: 19px; } img.your-account { position: relative; top: 1px; z-index: 11111; } img.logo111 { margin-top: 7px; } table.table222 { width: 100%; } * html table.table222 { width: 98%; } * html table.table223 { width: 97%; } /* 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(/engine/cal/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; } .editable-area1 a:visited { color: #0062C8; } .editable-area1 a:hover { color: #4792DE; } .editable-area1 a:active { color: #0062C8; } .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; } .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: #000; letter-spacing: 2px; border-top: 1px dotted #999; border-bottom: 1px dotted #999; margin-top: 13px; margin-bottom: 7px; 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(/engine/cal/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:link { color: #0062C8; } .editable-area2 a:visited { color: #0062C8; } .editable-area2 a:hover { color: #4792DE; } .editable-area2 a:active { color: #0062C8; } .editable-area2 li a:link { color: #000; text-decoration: underline; } .editable-area2 li a:visited { color: #000; text-decoration: underline; } .editable-area2 li a:hover { color: #999; text-decoration: none; } .editable-area2 li a:active { color: #000; text-decoration: underline; } #col3-block1 { margin-bottom: 17px; padding-right: 3px; padding-left: 11px; } #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%; } /* editable area 3 */ .editable-area3 { background: #72A4D8 url(/engine/cal/images/corner3_bl.gif) bottom left no-repeat; padding-top: 5px; padding-bottom: 5px; padding-left: 14px; padding-right: 40px; } * html .editable-area3 { padding-right: 0px; } .editable-area3 p { line-height: 150%; } .editable-area3 h2 { color: #000; font-size: 24px; font-family: galliard, itc galliard, georgia, serif; font-weight: normal; letter-spacing: 0px; margin: 0px; padding: 0px; } .editable-area3 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-area3 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-area3 h5 { color: #000; font-size: 10px; font-family: verdana, arial, sans; border: none; font-weight: bold; letter-spacing: 0px; margin: 0px; padding: 0px; } .editable-area3 ul li { list-style-type: none; background: url(/engine/cal/images/blt_arrow-blue2.gif) 0px 1px no-repeat; margin-left: 4px; padding-left: 18px; padding-bottom: 7px; line-height: 125%; } * html .editable-area3 ul li { background: url(/engine/cal/images/blt_dot-000000.gif) 0px 5px no-repeat; padding-bottom: 0px; } .editable-area3 ol { margin-left: 22px; } * html .editable-area3 ol { margin-left: 25px; } .editable-area3 ol li { padding-bottom: 1px; } .editable-area3 a:link { color: #0062C8; } .editable-area3 a:visited { color: #0062C8; } .editable-area3 a:hover { color: #4792DE; } .editable-area3 a:active { color: #0062C8; } .editable-area3 li a:link { color: #000; text-decoration: underline; } .editable-area3 li a:visited { color: #000; text-decoration: underline; } .editable-area3 li a:hover { color: #999; text-decoration: none; } .editable-area3 li a:active { color: #000; text-decoration: underline; }