/** START drop down top navigation styles **/ /* LEVEL ONE */ ul.dropdown { position: relative; /* background-color: silver;*/ font-family: arial, verdana, sans-serif; font-size: 0.7em; z-index: 100; /* important that it be "in-front" of everything else */ } /*ul.dropdown li { font-weight: 500; float: left; zoom: 1; background: #ccc; }*/ ul.dropdown li { float: left; zoom: 1;} /*ul.dropdown a:hover { color: #E5B53A; opacity:1; filter: alpha(opacity=100);}*/ ul.dropdown a:hover { color: #E5B53A; } ul.dropdown a:active { color: #E5B53A; } ul.dropdown li a:hover img { visibility:hidden; } /* ul.dropdown li img { visibility:hidden; } */ /* ul.dropdown li a { display: block; padding: 4px 8px; border-right: 1px solid #333; color: #222; } */ ul.dropdown li {color: #f6f6f6; border-left: solid 1px white;} ul.dropdown li a { display: block; padding: 0px 0px; border-right: 0px; color: #f6f6f6; text-decoration: none;} ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */ ul.dropdown li.hover, ul.dropdown li:hover { background: #333333; color: white; position: relative; } /*ul.dropdown li.hover a { color: white; }*/ /* LEVEL TWO */ /*ul.dropdown ul { width: 230px; visibility: hidden; position: absolute; top: 100%; left: 0; }*/ ul.dropdown ul { width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0; } /*ul.dropdown ul li { background: #f6f6f6; color: white; */ ul.dropdown ul li { background: white; color: white; /*border-bottom: 1px solid #ccc; */ float: none; background-color: #474343; background-repeat:repeat; border-bottom-color: white; /*border-bottom-style:dashed;*/ border-bottom-style:dashed; border-bottom-width:1px; /*opacity:.50;filter: alpha(opacity=50);*/ /* this kills submenus for some reason in IE7, not sure of others */ opacity:.95; filter: alpha(opacity=95); } /* remove the added white border */ ul.dropdown li li {color: #f6f6f6; border-left: solid 0px white;} /* remove for level 2 */ ul.dropdown #top_nav_about { border-left: 0px;} /* tweak far left button to get rid of white line */ ul.dropdown #top_nav_knowledgectr { border-right: solid 1px white;} /* tweak far right button to add white line */ /* remove the dashed line for last li*/ ul.dropdown ul li.dropdown_last { border-bottom-style: none !important; border-bottom-width:1px !important; } /* IE 6 & 7 Needs Inline Block */ ul.dropdown ul li a { border-right: none; width: 100%; padding: 4px 8px; display: inline-block; color: white;} /*ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; } */ /* LEVEL THREE */ ul.dropdown ul ul { left: 100%; top: 0; } ul.dropdown li:hover > ul { visibility: visible; } /** STOP drop down top navigation styles **/ /** START layout **/ #top_nav_bar {float: left; background-image:url("img/top_nav_back.png"); background-repeat: repeat-x; width: 100%; border:0px; border-style:solid; } /**#consumer_nav {margin: 0px 10px 0px 30px; float: left; position: relative; top: 10px; left: 0px; border: solid; border-width: 2px;}**/ #wifi_banner {margin: 0px; padding: 0px;} #main_body {width: 100%} /*#main_body {margin: 0px 150px 150px 0px; padding: 0px 150px 0px 0px; width: 100%}*/ /*ul.verticle_dropdown li {padding: 20px;}*/ /*ul.verticle_dropdown li { padding: 30px; } */ /* both of these inside #main_body */ #consumer_nav { float: left; width: 200px; position: relative; top: 10px; left:20px} /*#multi_lang_sayings { float: right; position: relative; top: 0px; left: -280px}*/ #multi_lang_sayings { float: right; width: 200px; position: relative; top: 10px; left: -280px;} /** STOP layout **/ /* code to make the rollovers smooth */ ul.verticle_dropdown li a, ul.verticle_dropdown li a:link, ul.verticle_dropdown li a:visited { display:block; /*width: 192px;*/ /* testing */ } /* code to make the rollovers show up */ ul.verticle_dropdown li a:hover img { visibility:hidden; } div.nav_divs a, div.nav_divs div a:link, div.nav_divs div a:visited { display: block; /*overflow: hidden;*/ } div.nav_divs div a:hover img { visibility:hidden; } /*div.nav_divs { margin-left: 20px; position: relative; top: 10px}*/ .nav_divs div { margin-top: 5px !important; margin-right: 0px !important;} div.nav_divs { clear: both; } /* used for about.html */ div.nav_level2 ul { position: relative; } ul.nav_level2 ul { padding-top: 5px; padding-bottom: 5px; float: left; } ul.nav_level2 a { padding: 0.5em 0 0.5em 18px; } ul.nav_level2 li { font-size: 0.75em; background-color: #777777; color: white; /*line-height: 2em;padding-left: 30px; padding-top: 0.5em; padding-bottom: 0.5em;*/ line-height: 1em; margin-left:0; } ul.nav_level2 li a { color: white; text-decoration: none; display: block; /*white-space: nowrap;*/ } li.nav_level2_sublevel_1 a { /* this is a short cut, normally would get indentation working with nested ul li */ margin-left: 10px; color: red; } ul.nav_level2 li.current_page { /*background-image:url("img/Public_ViewingIndustry_nav2_slice.gif"); background-repeat: repeat-x ;*/ background-color: #999999; font-weight: bold; } ul.nav_level2 li:hover { background-color: #999999; } ul.nav_level2 li.nohover:hover { /* cancel out the hover effect */ background-color: #777777; cursor: default; } div.nav_level2 { background-color: #777777; /*border: solid 2px;*/ /*height: 10.5em;*/ /* 1.5em per li */ padding: 5px 0px 5px 0px; overflow: hidden; float: right; width: 178px; } /* used for the stripe in the left nav */ div.nav_level2_outer_border { float: right; width: 100%; background-color: #777777; margin-bottom: 5px;} div.nav_level2_inner_border { float: right; width: 188px; background-color: #E2B338} div.nav_level2_inner_border_mo { float: right; width: 188px; background-color: #810050} .nav_level2 * { z-index: 0; } .nav_level2 a { display: block; } /* ul.nav_level2 li a { display: block; padding: 0px 0px; border-right: 0px; color: #f6f6f6; text-decoration: none;} */