body { background: #333333 url('image/dgray.gif') repeat scroll top left; font-size: 13px; font-family: arial, sans-serif; margin-right: 0px; margin-left: 0px; margin-top: 4px; margin-bottom: 0px; scrollbar-face-color:#004030; scrollbar-highlight-color:gold; scrollbar-3dlight-color:gold; scrollbar-darkshadow-color:black; scrollbar-shadow-color:gray; scrollbar-arrow-color:gold; scrollbar-base-color:#ffcc00; } hr { color: goldenrod; height: 2px; } p { font-family: arial, sans-serif; font-size: 13px; color: #ffffcc; } p.cs { color: #900070; font-family: comic sans ms,tekton; font-size: 13px; } p.small { font-size: 11px; color: #ffffff; } b.small { font-size: 11px; color: #ffffcc; font-weight: normal; } b.sm { font-size: 11px; color: #103875; font-weight: bold; } p.side { font-size: 11px; color: #33ccff; } b.side { font-size: 11px; color: #33ccff; } p.s { font-family: arial, sans-serif; font-size: 14px; color: #ffffcc; } b.nav { font-size: 8px; color: #ffcc33; font-weight: normal; } p.red { color: #ff0000; } h1 { font-family: arial narrow,arial, sans-serif; font-size: 45px; font-style: normal; color: goldenrod; font-weight: bold; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; } h2 { font-family: tahoma, verdana; font-size: 17px; color: #ffcc66; padding: 0px; margin-bottom: 0px; margin-top: 0px; } h3 { font-family: arial, sans-serif; text-align: center; font-size: 13pt; color: goldenrod; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; } h4 { font-family: arial, sans-serif; font-size: 13pt; color: #ffcc66; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; } b { font-family: arial, sans-serif; font-size: 13px; color: #ffff99; font-weight: bold; } b.s { font-family: arial, sans-serif; font-size: 13px; color: #ffffcc; font-weight: bold; } b.head { color: #006699; font-family: comic sans ms,tekton; font-size: 15px; } b.a { color: #9900cc; font-family: comic sans ms,tekton; font-size: 15px; } i { font-style: italic; color: #ffff99; } li { font-family: tahoma, arial, sans-serif; font-size: 13px; color: #ffffff; } td { font-family: arial, sans-serif; font-size: 11pt; color: #333300; } a:link { color: #99ccff; font-family: arial; font-size: 13px; font-weight: normal; text-decoration: underline; } a:hover { color: #ffcc99; font-family: arial; font-size: 13px; font-weight: normal; text-decoration: underline; } a:visited { color: #99ccff; font-family: arial; font-size: 13px; font-weight: normal; text-decoration: underline; } a.a:link { color: #ffffff; font-family: arial; font-size: 8pt; font-weight: normal; text-decoration: none; } a.a:hover { color: #ff9900; font-family: arial; font-size: 8pt; font-weight: normal; text-decoration: none; } a.a:visited { color: #ccccff; font-family: arial; font-size: 8pt; font-weight: normal; text-decoration: none; } a.s:link { color: #ffffff; font-family: arial; font-size: 11pt; font-weight: bold; text-decoration: none; } a.s:hover { color: #ff9900; font-family: arial; font-size: 11pt; font-weight: bold; text-decoration: underline; } a.s:visited { color: #ccccff; font-family: arial; font-size: 11pt; font-weight: bold; text-decoration: none; } a.m:link { font-size: 11px; color: #33ccff; text-decoration: none; } a.m:hover { font-size: 11px; color: #33ccff; text-decoration: underline; } a.m:visited { font-size: 11px; color: #33ccff; text-decoration: none; } a.i:link { font-size: 13px; } a.i:hover { font-size: 13px; } a.i:visited { font-size: 13px; } a.APCAnchor:link { font-size: 13px; } a.APCAnchor:hover { font-size: 13px; } a.APCAnchor:visited { font-size: 13px; } a.l:link { font-family: arial; font-size: 11px; color: #33ccff; font-weight: normal; text-decoration: none; } a.l:hover { font-family: arial; font-size: 11px; color: #c4e1ff; font-weight: normal; text-decoration: underline; } a.l:visited { font-family: arial; font-size: 11px; color: #33ccff; font-weight: normal; text-decoration: none; } img { border-width: 0px; border-color: #0099ff; } img.a { border: 2px solid goldenrod; } a.n:link { font-family: verdana,Arial; font-size: 13px; font-weight: normal; color: #eee470; } a.n:hover { font-family: verdana,Arial; font-size: 13px; font-weight: normal; color: #ffffff; } a.n:visited { font-family: verdana,Arial; font-size: 13px; font-weight: normal; color: #eee470; } div#listmenu a.n:link { font-family: verdana,Arial; font-size: 13px; font-weight: normal; color: #eee470; } div#listmenu a.n:hover { font-family: verdana,Arial; font-size: 13px; font-weight: normal; color: #ffffff; } div#listmenu a.n:visited { font-family: verdana,Arial; font-size: 13px; font-weight: normal; color: #eee470; } 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 #336699; /* draws line on top edge of div */ border-bottom:1px solid #336699; /* draws line on bottom edge of div */ font-size:13px; /* SET FONT-SIZE HERE ORIG: font-size:.9em; */ background-color:#336699; /* colors the div */ margin-top:0px; /* TEMPORARY - to push the div away from top of the browser */ } div#listmenu ul { margin:0 0 0 1px;/* 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:#336699; /*sets the background of the menu items 336699 blu-gray */ border-right:1px solid #336699; /* creates dividing lines between the li elements */ } div#listmenu li:first-child { border-left:1px solid #336699; /*the first vertical line on the menu */ } div#listmenu li:hover { background-color:#1c3678; /*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:#eee470; /* sets the text color for some browsers */ } div#listmenu a:hover { color:#336699; } /* 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:180%; /* makes the list items fill the list container (ul) */ border-left:1px solid #1c3678; /* three sides of each drop-down item */ border-bottom:1px solid #1c3678; border-right:1px solid #1c3678;} div#listmenu ul li ul li a {padding:2px .5em;} div#listmenu ul li ul li:first-child { border-top:1px solid #1c3678; /*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-left:10px; /* 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 #336699; 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");