CodeDogg

/** Navigation **/

#top_nav {

height:35px;

width:900px;

background:url(../images/nav_bg.gif) top center no-repeat;

margin:0 auto;

padding-bottom:3px;

font-weight:bold;

z-index:10 !important;

}

#top_nav ul {

padding:0;

margin:0;

z-index:20 !important;

}

#top_nav li {

list-style:none;

float:left;

}

/* Root = Horizontal, Secondary = Vertical */

ul#main_menu {

margin: 0;

padding: 0;

width: 100%; /*For KHTML*/

list-style: none;

border: 0 none;

}

ul#main_menu li {

margin: 0;

border: 0 none;

padding: 0;

float: left; /*For Gecko*/

display: inline;

list-style: none;

position: relative;

z-index:999 !important;

}

ul#main_menu ul {

padding:0;

margin:0;

border: 0 none;

width: 160px;

list-style: none;

display: none;

position: absolute;

left: 0;

z-index:999 !important;

}

ul#main_menu ul:after /*From IE 7 lack of compliance*/{

clear: both;

display: block;

font: 1px/0px serif;

content: ".";

height: 0;

visibility: hidden;

}

ul#main_menu ul li {

width: 160px;

float: left; /*For IE 7 lack of compliance*/

display: block !important;

display: inline; /*For IE*/

white-space:nowrap;

}

/* Root Menu */

ul#main_menu a {

font-family:Arial, Helvetica, sans-serif;

font-size:1.4em;

padding:11px 10px 11px 9px;

background-position:top;

text-decoration:none;

color:#fff;

float: none !important; /*For Opera*/

float: left; /*For IE*/

height: auto !important;

height: 1%; /*For IE*/

display:block;

}

/* Root Menu Hover Persistence */

ul#main_menu a:hover,

ul#main_menu li:hover a,

ul#main_menu li.iehover a {

color:#fff;

background-image:url(../images/button.gif);

background-position:bottom;

}

/* 2nd Menu */

ul#main_menu li:hover li a,

ul#main_menu li.iehover li a {

float: none;

background-image:url(../images/menu_li.gif);

background-position:left;

background-repeat:no-repeat;

background-color: #e4a601;

color: #fff;

padding:8px;

font-size:1.2em;

z-index:999 !important;

}

/* 2nd Menu Hover Persistence */

ul#main_menu li:hover li a:hover,

ul#main_menu li:hover li:hover a,

ul#main_menu li.iehover li a:hover,

ul#main_menu li.iehover li.iehover a {

background-color:#264e63;

color: #fff;

z-index:999 !important;

}

/* 3rd Menu */

ul#main_menu li:hover li:hover li a,

ul#main_menu li.iehover li.iehover li a {

float: none;

background-image:url(../images/menu_li.gif);

background-position:left;

background-repeat:no-repeat;

background-color: #e4a601;

color: #fff;

padding:5px 15px 5px 26px;

z-index:999 !important;

}

/* 3rd Menu Hover Persistence */

ul#main_menu li:hover li:hover li a:hover,

ul#main_menu li:hover li:hover li:hover a,

ul#main_menu li.iehover li.iehover li a:hover,

ul#main_menu li.iehover li.iehover li.iehover a {

background-color:#264e63;

color: #fff;

}

/* 4th Menu */

ul#main_menu li:hover li:hover li:hover li a,

ul#main_menu li.iehover li.iehover li.iehover li a {

background: #a89d9c;

color: #e1ff7b;

}

/* 4th Menu Hover */

ul#main_menu li:hover li:hover li:hover li a:hover,

ul#main_menu li.iehover li.iehover li.iehover li a:hover {

background: #f1ffc2;

color: #a0c800;

}

ul#main_menu ul ul,

ul#main_menu ul ul ul {

display: none;

position: absolute;

top: 0;

left: 170px;

}

/* Do Not Move - Must Come Before display:block for Gecko */

ul#main_menu li:hover ul ul,

ul#main_menu li:hover ul ul ul,

ul#main_menu li.iehover ul ul,

ul#main_menu li.iehover ul ul ul {

display: none;

}

ul#main_menu li:hover ul,

ul#main_menu ul li:hover ul,

ul#main_menu ul ul li:hover ul,

ul#main_menu li.iehover ul,

ul#main_menu ul li.iehover ul,

ul#main_menu ul ul li.iehover ul {

display: block;

}