.topnav_stttv { margin-bottom : 0; padding : 0; } .topnav_wttv { background-color : #0000a7; margin : 0; padding : 0; width : 100%; } /* rmenu.css */ * html #nav { position: static; } /* only for ie 5.5 */ /* html.* #nav { position: relative; } */ /******************************************************************************* * General Menu Mechanics * * Below is a set of rules which is applicable to any list used within * this dropdown menu system. */ ul.rMenu, ul.rMenu ul, ul.rMenu li, ul.rMenu a { display: block; margin: 0; padding: 0; } ul.rMenu, ul.rMenu li, ul.rMenu ul { list-style: none; } ul.rMenu ul { display: none; } ul.rMenu li { position: relative; z-index: 1; line-height: 1.5em; } ul.rMenu li:hover { z-index: 999; } ul.rMenu li:hover > ul { display: block; position: absolute; } /******************************************************************************* * Extended Menu Mechanics * * These rules exist only for specific menu types, such as horizontal or * vertical menus, right or left aligned menus. */ ul.rMenu-hor li { float: left; width: auto; } ul.rMenu-hRight li { float: right; } ul.rMenu-ver li { float: none; } ul.rMenu-ver, ul.rMenu-ver ul { width: 15em; } ul.rMenu-wide { width: 100%; } ul.rMenu-vRight { float: right; } ul.rMenu-lFloat { float: left; } ul.rMenu-noFloat { float: none; } /******************************************************************************* * Extended Menu Mechanics - Center Horizontal Menu * */ div.rMenu-center ul.rMenu { float: left; position: relative; left: 50%; } div.rMenu-center ul.rMenu li { position: relative; left: -50%; } div.rMenu-center ul.rMenu li li { left: auto; } /******************************************************************************* * DROP POSITIONS * */ ul.rMenu-hor ul { top: auto; right: auto; left: auto; margin-top: 0; } ul.rMenu-ver ul { left: 60%; right: auto; top: auto; margin-top: -0.5em; } ul.rMenu-vRight ul, ul.rMenu-hRight ul.rMenu-ver ul { left: -60%; right: auto; top: auto; margin-top: -0.5em; } ul.rMenu-hRight ul { left: auto; right: 0; top: auto; margin-top: -1px; } /******************************************************************************* * PRESENTATION : General */ ul.rMenu li { } ul.rMenu li a { font-size: 130%; font-weight: bold; color: #fff; font-family: Arial, Helvetica, sans-serif; } ul.rMenu-hor li { border-right: 2px solid #FFF; } ul.rMenu-hor {} ul.rMenu-ver li { margin-left: 0; margin-top: 0px; } ul.rMenu-ver {} ul.rMenu li a { padding: 4px 15px 4px 5px; background-image: none; background-repeat: no-repeat; background-position: 98% 90%; } ul.rMenu li li a { padding: 3px 15px 3px 5px; } ul.rMenu li a:link, ul.rMenu li a:hover, ul.rMenu li a:visited, ul.rMenu li a:active { text-decoration: none; } ul.rMenu li.sfhover a:active, ul.rMenu li:hover a:active {} ul.rMenu li { } ul.rMenu li:hover, ul.rMenu li.sfhover { background-color: #F00; } ul.rMenu li a:hover { background-color: #FFF; color: #000; } ul.rMenu li:hover a, ul.rMenu li.sfhover a { background-color: #FFF; color: #000; } ul.rMenu li.Active a { background-color: #FFF; color: #000; } ul.rMenu li ul.rMenu-ver { /*display: none;*/ } ul.rMenu li ul.rMenu-ver li { border-right: 0; border-bottom: 1px solid #FFF; } ul.rMenu li ul.rMenu-ver li a { font-size: 100%; padding-left: 10px; padding-right: 5px; background-position: 5px 0.75em; border: 0; } ul.rMenu li ul.rMenu-ver li a:hover { background-color: #FFF; } ul.rMenu li ul.rMenu-ver li.Active a { background-color: #FFF; } /******************************************************************************* * HACKS : General * * These are rules specifically targeted to resolve bugs/quirks that some * browser exhibit. * */ * html ul.rMenu { display: inline-block; /* \*/ display: block; position: relative; /* \*/ position: static; } * html ul.rMenu ul { float: left; /* \*/ float: none; } ul.rMenu ul { background-color: #fff; } * html ul.rMenu-ver li, * html ul.rMenu-hor li ul.rMenu-ver li { width: 100%; float: left; clear: left; } *:first-child+html ul.rMenu-ver > li { width: 100%; float: left; clear: left; } ul.rMenu li a { position: relative; min-width: 0; } * html ul.rMenu-hor li { width: 6em; /* \*/ width: auto; } * html div.rMenu-center { position: relative; z-index: 1; } /* orig: css/navigation/rmenu.css */ ul.rMenu li a { border: solid 1px #2E4B90; } ul.rMenu-ver { border: 1px solid #2E4B90; border-top: 0; } ul.rMenu li { background-color: #2E4B90; } ul.rMenu li ul.rMenu-ver li { background-color: #ddddc0; } ul.rMenu li ul.rMenu-ver li a { background-color: #ddddc0; } ul.rMenu li.rand a:hover {background-color:#2E4B90} /******************************************************************************* * HACKS : Suckerfish w/Form Field Support (for IE 5.5 & 6.x) * * IE6 and earlier do not support the :hover pseudoclass and so javascript is * used to add the "sfhover" class of any LI element that the mouse is currently * over. This method is called suckerfish and you can read up on it at: * http://www.htmldog.com/articles/suckerfish/dropdowns/ * */ * html ul.rMenu ul { display: block; position: absolute; } * html ul.rMenu ul, * html ul.rMenu-hor ul, * html ul.rMenu-ver ul, * html ul.rMenu-vRight ul, * html ul.rMenu-hRight ul.rMenu-ver ul, * html ul.rMenu-hRight ul { left: -10000px; } * html ul.rMenu li.sfhover { z-index: 999; } * html ul.rMenu li.sfhover ul { left: auto; } * html ul.rMenu li.sfhover ul ul, * html ul.rMenu li.sfhover ul ul ul { display: none; } * html ul.rMenu li.sfhover ul, * html ul.rMenu li li.sfhover ul, * html ul.rMenu li li li.sfhover ul { display: block; } * html ul.rMenu-ver li.sfhover ul { left: 60%; } * html ul.rMenu-vRight li.sfhover ul, * html ul.rMenu-hRight ul.rMenu-ver li.sfhover ul { left: -60%; } * html ul.rMenu iframe { position: absolute; left: 0; top: 0; z-index: -1; } * html ul.rMenu li ul.rMenu-ver li a { margin-top: -2px; } #nav_main { padding: 0 0 0 0; } #nav_main {width:940px;margin-left:0px;margin-right:0px;background-color:#2E4B90;padding: 0px 0px 0px 0px} * html #nav_main {width:947px} #nav_main .dummy { font-size: 125%; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-weight: bold; padding: 3px 15px 3px 5px; } #nav_main_container .navbar { height: 2em; } #nav_admin {width:940px;margin-left:0px;margin-right:0px;background-color:#2E4B90;padding: 0px 0px 0px 0px} * html #nav_admin {width:947px} #nav_admin_container .navbar { height: 2em; } .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix{display:block} #topnav_content { padding: 0px 0 0px 0; text-align: right; margin-right: 0px; color:#000} #topnav_content { vertical-align:bottom;} #topnav_content .separator { color: #808080; } #topnav_content a { color: #000; text-decoration:none; } #topnav_content a:focus, #topnav_content a:hover, #topnav_content a:active { text-decoration:underline; }