body { background: #FFFFFF url('../images/bgGrad.gif') repeat-x; } img { border: 0; /* removes border in case images have anchor around them */ } #container { margin: 0 auto; padding: 0; width: 774px; text-align: left; background: #ebe7df; position: relative;} .clear { clear: both; } .left { float: left; } .right { float: right; } /* LINKS */ A { COLOR: #2a2a2a; TEXT-DECORATION: underline;} A:active { COLOR: #36939b;} A:hover { COLOR: #36939b;} /* Header -----------------------------------------------------------------------------*/ #header { height: 58px; font-size: 10px; background: #5f6754; font-family: Verdana; font-size: 10px; } #header #headerlogo { text-indent: -9999px; margin-top:27px; float:left; display:block;} #headerBottom { height: 29px; background: #ece7d4; border-bottom: solid 1px #fff; } /* Menu -----------------------------------------------------------------------------*/ #menu { float: left; font-family: Verdana; font-size: 12px; background: #ebe6d2; margin-top: 0px; border-bottom: solid 1px #fff; border-top: solid 1px #929e82; } #menu_logo { background: #000000 url('../_images/css/menu_logo.gif') no-repeat top left; } #menu_logo a, #menu_logo img { display: inline-block; float: left; width: 100px; height: 50px; } #menu_logo a:hover { background-color: Transparent; } #menu a { text-decoration: none; } /* Navigation - based on Suckerfish Dropdowns -----------------------------------------------------------------------------*/ #nav { z-index: 500; float: left; padding: 0; margin: 0; list-style: none; } #nav ul { float: left; width: 774px; } #nav li { float: left; margin: 0; padding: 0; height: 26px; background: #879278; } #nav li a, #nav li span { width: 110px; height: 26px; line-height: 25px; vertical-align: middle; text-align: center; display: block; color: #FFFFFF; } #nav li ul /* second level menus */ { z-index: 150000; clear: left; position: absolute; height: 40px; /* greater than li height so the drop-down menu stays visible when the mouse is slightly below the list items */ left: -999em; /* used instead of display:none; */ margin: 0; padding: 0; list-style: none; background: #ebe7df; /* required because IE loses sfhover class if Transparent */ } #nav li:hover ul, #nav li.sfhover ul { left: auto; } /* shows second level menus under hovered list items */ /* align second-level menus under the top-level menu */ #nav li:hover ul.section0, #nav li.sfhover ul.section0 { margin-left: 0px; } #nav li:hover ul.section1, #nav li.sfhover ul.section1 { margin-left: -110px; } #nav li:hover ul.section2, #nav li.sfhover ul.section2 { margin-left: -220px; } #nav li:hover ul.section3, #nav li.sfhover ul.section3 { margin-left: -330px; } #nav li:hover ul.section4, #nav li.sfhover ul.section4 { margin-left: -440px; } #nav li:hover ul.section5, #nav li.sfhover ul.section5 { margin-left: -550px; } #nav li:hover ul.section6, #nav li.sfhover ul.section6 { margin-left: -660px; } #nav li:hover, #nav li.sfhover { background: Transparent; } #nav li:hover a, #nav li.sfhover a { color: #6e6e6e; } #nav li a:hover { color: #36939b; } #nav li ul li { width: 109px; height: 29px; border-top: solid 1px #ffffff; border-bottom: solid 1px #ffffff; font-size: 93%; background: #333; } #nav li ul li a, #nav li ul li span { text-align: left; width: 100px; height: 19px; line-height: 19px; vertical-align: middle; text-align: center; padding: 5px 5px; border: 0; color: #ffffff; position: relative; } #nav a.current { color: #6c6c6c; } /* section colors */ /* section0 */ #nav li.section0:hover a, #nav li.hover0 a, #nav .section0 a.current { background: #ece7d4 url(../images/navGradTop.gif) repeat-x left top; } #nav li.section0:hover li, #nav li.section0:hover li a, #nav li.hover0 ul li, #nav li.hover0 ul li a { background: #ece7d4 url(../../images/navGradOver.gif) repeat-x left bottom; } #nav li.section0:hover li a:hover, #nav li.hover0 ul li a:hover { background: #DFD8BB; } /* section1 */ #nav li.section1:hover a, #nav li.hover1 a, #nav .section1 a.current { background: #ece7d4 url(../images/navGradTop.gif) repeat-x left top; } #nav li.section1:hover li, #nav li.section1:hover li a, #nav li.hover1 ul li, #nav li.hover1 ul li a { background: #ece7d4 url(../../images/navGradOver.gif) repeat-x left bottom; } #nav li.section1:hover li a:hover, #nav li.hover1 ul li a:hover { background: #DFD8BB; } /* section2 */ #nav li.section2:hover a, #nav li.hover2 a, #nav .section2 a.current { background: #ece7d4 url(../images/navGradTop.gif) repeat-x left top; } #nav li.section2:hover li, #nav li.section2:hover li a, #nav li.hover2 ul li, #nav li.hover2 ul li a { background: #ece7d4 url(../../images/navGradOver.gif) repeat-x left bottom; } #nav li.section2:hover li a:hover, #nav li.hover2 ul li a:hover { background: #DFD8BB; } /* section3 */ #nav li.section3:hover a, #nav li.hover3 a, #nav .section3 a.current { background: #ece7d4 url(../images/navGradTop.gif) repeat-x left top; } #nav li.section3:hover li, #nav li.section3:hover li a, #nav li.hover3 ul li, #nav li.hover3 ul li a { background: #ece7d4 url(../../images/navGradOver.gif) repeat-x left bottom; } #nav li.section3:hover li a:hover, #nav li.hover3 ul li a:hover { background: #DFD8BB; } /* section4 */ #nav li.section4:hover a, #nav li.hover4 a, #nav .section4 a.current { background: #ece7d4 url(../images/navGradTop.gif) repeat-x left top; } #nav li.section4:hover li, #nav li.section4:hover li a, #nav li.hover4 ul li, #nav li.hover4 ul li a { background: #ece7d4 url(../../images/navGradOver.gif) repeat-x left bottom; } #nav li.section4:hover li a:hover, #nav li.hover4 ul li a:hover { background: #DFD8BB; } /* section5 */ #nav li.section5:hover a, #nav li.hover5 a, #nav .section5 a.current { background: #ece7d4 url(../images/navGradTop.gif) repeat-x left top; } #nav li.section5:hover li, #nav li.section5:hover li a, #nav li.hover5 ul li, #nav li.hover5 ul li a { background: #ece7d4 url(../../images/navGradOver.gif) repeat-x left bottom; } #nav li.section5:hover li a:hover, #nav li.hover5 ul li a:hover { background: #ece7d4; } /* home */ .lowerBoxes {float: left; background: url(../images/lowerBoxesBG.gif) repeat-y left;} .homecol{ float: left; width: 774px; background: #ebe7df; padding-bottom: 0px; margin-top: 10px; } .homecol .col1 { float: left; width: 245px; background: url(../images/brownServiceBG.gif) repeat-y; font-family: Verdana; font-size: 10px; color: #FFFFFF;} .homecol .col2 { float: left; width: 240px; background: #ede3cb; height: 335px; font-family: Verdana; font-size: 10px; color: #261913; position: relative; } .homecol .col2 .col2bottom { position: absolute; bottom: 0; text-align:center; padding: 0 0 10px 15px; } .homecol .col3 { float: left; width: 255px; background: #39261d; height: 335px; font-family: Verdana; font-size: 10px; color: #FFFFFF;} .homecol .pad { padding: 15px 5px 10px 15px;} .homecol .div1 { float: left; width: 15px; margin: 0; } .homecol .div2 { float: left; width: 4px; margin: 0; } .homecol .topRight { float: left; width: 255px; height: 200px; background: #ede3cb; font-family: Verdana; font-size: 10px; color: #261913; } .homecol .feature { float: left; width: 500px; } .homecol .centreDiv { float: left; width: 774px; margin: 0; } .homecol .calendar { float: left; background: url('../images/calendarBG.gif') no-repeat left; width: 39px; height: 40px; } .calday { font-family: times; font-size: 14px; FONT-WEIGHT : bold; color: #ede3cb; padding: 2px 0 0 0;} .calmonth { font-family: verdana; font-size: 12px; color: #ede3cb;} .headlineBlue { font-family: Verdana; font-size: 12px; FONT-WEIGHT : bold; color: #36939b;} .headlineBrown { font-family: Verdana; font-size: 12px; FONT-WEIGHT : bold; color: #261913;} .headlineEvent { font-family: Verdana; font-size: 12px; FONT-WEIGHT : bold; color: #ede3cb; background-color: #291b14; text-decoration: none;} A.headlineEvent:active { COLOR: #ede3cb; background-color: #291b14; text-decoration: none;} A.headlineEvent:hover { COLOR: #36939b; text-decoration: none;} .serviceDay { font-family: Verdana; font-size: 10px; FONT-WEIGHT : bold; color: #9f8150;} /* subpages */ .subcol{ float: left; width: 774px; background: #ebe7df; padding-bottom: 0px; margin-top: 10px; } .subcol .scol1 { float: left; width: 516px; } .subcol .banner { float: left; width: 250px; border: solid 3px #ffffff; margin-top: 25px;} .subcol .pad { padding: 15px 15px 10px 15px;} .subcol .col3 { float: left; width: 255px; height: 375px; background: #39261d; font-family: Verdana; font-size: 10px; color: #FFFFFF; margin-top: 30px;} .subcol .div2 { float: left; width: 4px; margin: 0; } #content, #content p, #content li { font: normal 12px/18px 'lucida grande',tahoma,sans-serif; color: #2a2a2a; } .headlineBlueSub { font: bold 20px 'lucida grande',tahoma,sans-serif; color: #36939b; border-bottom: solid 10px #291b14; padding: 10px 0 10px 0;} .subheadBlueSub { font: bold 15px 'lucida grande',tahoma,sans-serif; color: #36939b; padding: 10px 0 0 0;} /* footer ==============================================================================*/ #footer { position: relative; clear: both; padding: 20px 0; background: #5f6754 url(../images/bgFooter.gif) repeat-x; } .footerText { COLOR : #ede3cb; FONT-FAMILY : verdana, Arial, helvetica ,sans-serif; FONT-SIZE : 12px; LINE-HEIGHT : 20px; FONT-WEIGHT : normal; } A.footerText:link {text-decoration: none; color: #ede3cb;} A.footerText:visited {text-decoration: none; color: #ede3cb;} A.footerText:hover {text-decoration: none; color: #261913; font-style: normal; text-decoration: underline}