body { background-color: #ffffff; background-image: url("images/xx.jpg"); font-size: 13px; font-family: arial, sans-serif; margin-right: 0px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; } hr { color: #990033; height: 4px; } h1 { font-family: tahoma, arial, sans-serif; font-size: 18px; font-style: normal; color: #dd5800; font-weight: bold; padding-top: inherit; padding-bottom: 3px; margin-bottom: 0px; /* space outside padding */ } h2 { color: #990033; font-family: helvetica, verdana; font-size: 21px; font-style: normal; padding: 1px; margin-bottom: 6px; margin-top: 14px; } h3 { font-family: helvetica, verdana, sans-serif; font-size: 16px; color: #005b39; padding: 0px; margin-bottom: 8px; margin-top: 0px; } h4 { font-family: helvetica, verdana; font-size: 16px; color: #990033; padding: 0px; margin: 1px; } p { font-family: arial, sans-serif; font-size: 13px; color: #000000; margin: 0px; } p.h { font-family: arial, sans-serif; font-size: 15px; color: #000033; } p.red { color: #ff0000; } b { font-family: arial, sans-serif; font-size: 13px; color: #000000; font-weight: bold; } b.h { font-family: arial, sans-serif; font-size: 15px; color: #000000; font-weight: bold; } b.a { color: #ffffff; font-size: 15px; } i { font-family: arial, sans-serif; font-style: italic; font-size: 13px; } i.sm { font-family: arial, sans-serif; font-style: normal; font-size: 11px; color: #000000; margin: 0px; } p i { color: #000033; } /* only within */ ul { margin-top: 3px; } li { font-family: arial, sans-serif; font-size: 13px; color: #005b39; align: left; } td { font-family: arial, sans-serif; font-size: 13px; color: #000066; } a:link { color: #0010f0; font-family: arial; font-size: 13px; font-weight: normal; text-decoration: underline; } a:visited { color: #0000cc; font-family: arial; font-size: 13px; font-weight: normal; text-decoration: underline; } a:hover { color: #990033; font-family: arial; font-size: 13px; font-weight: normal; text-decoration: underline; } a.a:link { color: #ffffff; font-family: arial; font-size: 13px; font-weight: bold; text-decoration: none; } a.a:visited { color: #ffffff; font-family: arial; font-size: 13px; font-weight: bold; text-decoration: none; } a.a:hover { color: #eee470; font-family: arial; font-size: 13px; font-weight: bold; text-decoration: none; } a.n:link { font-family: verdana,Arial; font-size: 13px; font-weight: normal; color: #e5e5e5; } a.n:visited { font-family: verdana,Arial; font-size: 13px; font-weight: normal; color: #e5e5e5; } a.n:hover { font-family: verdana,Arial; font-size: 13px; font-weight: normal; color: #ffffff; } img {border-width: 0px; border-color: #ff0000; } img.a {border: 4px solid #00aa6a; } div#listmenu a.n:link { font-family: verdana,Arial; font-size: 13px; font-weight: normal; color: #e5e5e5; } div#listmenu a.n:visited { font-family: verdana,Arial; font-size: 13px; font-weight: normal; color: #e5e5e5; } div#listmenu a.n:hover { font-family: verdana,Arial; font-size: 13px; font-weight: normal; color: #ffffff; } body { font-size:100%; behavior: url(csshover.htc); } /* the horizontal menu starts here */ div#listmenu { width:100%; /* makes the div full width */ float:left; border-top:1px solid #005b39; /* draws line on top edge of div */ border-bottom:1px solid #005b39; /* draws line on bottom edge of div */ font-size:13px; /* SET FONT-SIZE HERE ORIG: font-size:.9em; */ background-color:#005b39; /* colors the div */ margin-top:0px; /* TEMPORARY - to push the div away from top of the browser */ } div#listmenu ul { margin:0 0 0 10px;/* indents ul from edge of container - NOTE: diff value for IE in hacks below */ } div#listmenu li { float:left; /* causes the list to align horizontally instead of stack */ position:relative; /* positioning context for the absolutely positioned drop-down */ list-style-type:none; /* removes the bullet off each list item */ background-color:#005b39; /*sets the background of the menu items 336699 blu-gray */ border-right:1px solid #005b39; /* creates dividing lines between the li elements */ } div#listmenu li:first-child { border-left:1px solid #005b39; /*the first vertical line on the menu */ } div#listmenu li:hover { background-color:#00aa6a; /*sets the background of the menu items during HOVER */ } div#listmenu a { display:block; padding:1px 10px; /*creates space each side of menu item's text */ text-decoration:none; /* removes the underlining of the link */ color:#e5e5e5; /* sets the text color for some browsers */ } div#listmenu a:hover { color:#005b39; } /* the menu ends here */ /* the drop-down starts here */ div#listmenu ul li ul { margin:0; text-align: left; z-index:10; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */ position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */ width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/ border-right:0; /* stops SCBs drops having two right borders - they inherit the border, IE doesn't */ left:-1px; /*aligns the drop exactly under the menu */ } div#listmenu ul li ul li {padding:0; width:130%; /* makes the list items fill the list container (ul) */ border-left:1px solid #00aa6a; /* three sides of each drop-down item */ border-bottom:1px solid #00aa6a; border-right:1px solid #00aa6a;} div#listmenu ul li ul li a {padding:2px .5em;} div#listmenu ul li ul li:first-child { border-top:1px solid #00aa6a; /*the top edge of the dropdown */ } /* make the drop-down display as the menu is rolled over */ div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */ div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */ /* pop-out starts here */ body div#listmenu ul li ul li ul { position:absolute; visibility:hidden; /* same effect as display:none in this situation */ top:-1px; left:10em; } div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */ /* second level popouts start here*/ div#listmenu ul li ul li:hover ul li ul {visibility:hidden;} div#listmenu ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */ /* THE HACK ZONE - */ /* hack for IE (all flavors) so the menu has a vertical line on the left */ * html div#listmenu ul { float:left; /* makes the ul wrap the li's */ border-left:1px solid #336699; /* adds the rightmost menu vertical line to the ul */ margin:0 0 0 20px;/* IE doubles the given value above - why? */ } /* add a top line to drops and pops in IE browsers - can't read :first-child */ * html div#listmenu ul li ul { border-top:1px solid #005b39; border-left:0px; /* stops the drop inheriting the ul border */ } /* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */ * html div#listmenu ul li ul li ul { left:9.85em; voice-family: "\"}\""; voice-family:inherit; left:10em; } /* and the "be nice to Opera" rule */ html>body div#listmenu ul li ul li ul { left:10em; } /* an Opera-only hack to fix a redraw problem by invisibly extending the ul */ /* the first-level drop stays open for 100px below the bottom but at least it works */ /* this can be reduced to as little as 22px if you don't have pop-outs */ /* the pop-out menu stays open for 22px below the bottom but at least it works */ @media all and (min-width: 0px){ body div#listmenu ul li ul {padding-bottom:100px;} body div#listmenu ul li ul li ul {padding-bottom:22px;} ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */ } /*end Opera hack */ /* END OF HACK ZONE */ /* the drop-down ends here */ /* END OF LIST-BASED MENU */ /* finally after feeding values to all others, we deal with MAc5 IE */ /* IE5 Mac can't do drop-downs so we need to present the info in a different way*/ /* we present the drop down choices in a row and never show any second-level drops */ /* this stylesheet is read by IE5 Mac only - hack omits 'url' and leave no space between @import and (" */ @import("css/ie51_menu_hack.css");