/*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .mainmenu ul{ margin: 0; padding: 0; list-style-type: none; font: 12px 'Verdana', Arial; z-index: 97; position: relative; width: 190px; /* Main Menu Item widths */ } .mainmenu_round { height: 1px; background-color: #006600; overflow: hidden; display: block; } .mainmenu_round_border { height: 1px; background-color: #FFFFFF; } .mainmenu ul li{ position: relative; } /* Top level menu links style */ .mainmenu ul li a{ display: block; overflow: auto; /*force hasLayout in IE7 */ color: white; text-decoration: none; padding: 6px; border-right: 1px solid #FFFFFF; } /* Top level menu links style */ .mainmenu ul ul li a{ display: block; overflow: auto; /*force hasLayout in IE7 */ color: white; text-decoration: none; padding: 6px; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 0px solid #FFFFFF; border-left: 0px solid #FFFFFF; } .mainmenu ul li a:link, .mainmenu ul li a:visited, .mainmenu ul li a:active{ color: #FFFFFF; background: #006600; /*background of tabs (default state)*/ } .mainmenu ul li a:hover{ background: #FFFF00; color: #111111; } /*Sub level menu items */ .mainmenu ul li ul{ position: absolute; width: 190px; /*Sub Menu Items width */ top: 0; visibility: hidden; } /* Holly Hack for IE \*/ * html .mainmenu ul li { float: left; height: 1%; } * html .mainmenu ul li a { height: 1%; } /* End */ /* --------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------- */ /* Horizontal & Vertical */ ul#mainnavh { position: relative; display: inline; margin: 0; border: 0 none; padding: 0; list-style: none; z-index: 97; height: 27px; } ul#mainnavh li { margin: 0; border: 0 none; padding: 0; float: left; /*For Gecko*/ list-style: none; position: relative; } ul#mainnavh ul { margin: 0; border: 0 none; padding: 0; width: 190px; list-style: none; display: none; position: absolute; top: 27px; left: 0; } ul#mainnavh ul:after /*From IE 7 lack of compliance*/{ clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } ul#mainnavh ul li { width: 190px; float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/ } /* Root Menu 1 */ ul#mainnavh a { border-left: 1px solid #FFFFFF; padding: 0px 8px 0px 8px; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; background: #006600; color: #FFFFFF; font: 12px 'Verdana', Arial; line-height: 27px; text-decoration: none; height: auto !important; height: 1%; /*For IE*/ } /* Root Menu 2 */ ul#mainnavh ul a { border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; padding: 0px 8px 0px 8px; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; background: #006600; color: #FFFFFF; font: 12px 'Verdana', Arial; line-height: 27px; text-decoration: none; height: auto !important; height: 1%; /*For IE*/ } /* Root Menu 3 */ ul#mainnavh ul ul a { border-left: 0px solid #FFFFFF; padding: 0px 8px 0px 8px; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; background: #006600; color: #FFFFFF; font: 12px 'Verdana', Arial; line-height: 27px; text-decoration: none; height: auto !important; height: 1%; /*For IE*/ } /* Root Menu Hover */ ul#mainnavh a:hover, ul#mainnavh li:hover a, ul#mainnavh li.iehover a { background: #FFFF00; color: #111111; } /* Menu 1 */ ul#mainnavh li:hover li a, ul#mainnavh li.iehover li a { float: none; background: #006600; color: #FFFFFF; } /* Menu 1 - Hover */ ul#mainnavh li:hover li a:hover, ul#mainnavh li:hover li:hover a, ul#mainnavh li.iehover li a:hover, ul#mainnavh li.iehover li.iehover a { background: #FFFF00; color: #111111; } /* Menu 2 */ ul#mainnavh li:hover li:hover li a, ul#mainnavh li.iehover li.iehover li a { background: #006600; color: #FFFFFF; } /* Menu 2 - Hover Persistence */ ul#mainnavh li:hover li:hover li a:hover, ul#mainnavh li:hover li:hover li:hover a, ul#mainnavh li.iehover li.iehover li a:hover, ul#mainnavh li.iehover li.iehover li.iehover a { background: #FFFF00; color: #111111; } /* Menu 3 */ ul#mainnavh li:hover li:hover li:hover li a, ul#mainnavh li.iehover li.iehover li.iehover li a { background: #006600; color: #FFFFFF; } /* Menu 3 - Hover */ ul#mainnavh li:hover li:hover li:hover li a:hover, ul#mainnavh li.iehover li.iehover li.iehover li a:hover { background: #FFFF00; color: #111111; } ul#mainnavh ul ul, ul#mainnavh ul ul ul { display: none; position: absolute; top: 0; left: 190px; } /* Do Not Move - Must Come Before display:block for Gecko */ ul#mainnavh li:hover ul ul, ul#mainnavh li:hover ul ul ul, ul#mainnavh li.iehover ul ul, ul#mainnavh li.iehover ul ul ul { display: none; } ul#mainnavh li:hover ul, ul#mainnavh ul li:hover ul, ul#mainnavh ul ul li:hover ul, ul#mainnavh li.iehover ul, ul#mainnavh ul li.iehover ul, ul#mainnavh ul ul li.iehover ul { display: block; } .mainnavh1 { width: 974px; background: #006600; height: 27px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; }