CodeDogg

/* common styling */

.menu {position: absolute; top: 150px; left: 0px; padding-left: 15px;

background: transparent url(../../assets/sitegraphics/mainmenugradient.png) repeat-x scroll 0px 0px;

background-color: #00215A;}

#footer .menu {position: relative; top: 0; left: 0px; background-color: #CC9900;}

.menu {

font-family: verdana, sans-serif;

/* position:relative; */

font-size:0.95em;

z-index:100;

}

.menu ul {

width: 885px;

padding:0;

margin: -1px 0 0 0;

list-style-type: none;

}

.menu ul li {

float:left;

position:relative;

}

.menu ul li a, .menu ul li a:visited {

text-align: center;

display:block;

text-decoration:none;

color:#fff;

/* width:79px; /* was 89px */

height:3em;

/* color:#000; */

border:0px solid #fff;

border-width:1px 0px 0 0;

padding: 0 10px;

line-height:3em;

background: transparent url(../../assets/sitegraphics/mainmenugradient.png) repeat-x scroll 0px 0px;

/* background-color: #00215A; */

}

.menu ul ul li a, .menu ul ul li a:visited {text-align: left;

}

#footer .menu {background: transparent url(../../assets/sitegraphics/footermenugradient.png) repeat-x scroll 0px 0px;

background-color: #CC9900;}

#footer .menu ul li a, #footer .menu ul li a:visited { border: #fff;

background: transparent url(../../assets/sitegraphics/footermenugradient.png) repeat-x scroll 0px 0px;

background-color: #CC9900xx;

}

* html .menu ul li a, .menu ul li a:visited {

width:99px;

width:89px;

}

.menu ul li ul {

display: none;

color:#fff;

}

table {

margin:-1px;

border-collapse:collapse;

font-size:1em;

}

/* specific to non IE browsers */

.menu ul li:hover a,

.menu ul li a:hover {

color:#fff;

background: transparent url(../../assets/sitegraphics/footermenugradient.png) repeat-x scroll 0px 0px;

background-color: #CC9900;

}

#footer .menu ul li:hover a,

#footer .menu ul li a:hover {

color:#fff;

background: transparent url(../../assets/sitegraphics/mainmenugradient.png) repeat-x scroll 0px 0px;

background-color: #00215A;}

.menu ul li:hover ul,

.menu ul li a:hover ul {

display:block;

position:absolute;

top:3em;

margin-top:1px;

left:0;

width:100px;

}

* html .menu ul li a:hover ul {

margin-top:0;

margin-top:1px;

}

.menu ul li:hover ul li ul,

.menu ul li a:hover ul li a ul {

visibility:hidden;

position:absolute;

height:0;

width:0;

}

/* 2nd level */

.menu ul li:hover ul li a,

.menu ul li a:hover ul li a {

display:block;

background: transparent url(../../assets/sitegraphics/mainmenugradient.png) repeat-x scroll 0px 0px;

background-color: #00215A;

color:#fff;

height:auto;

line-height:1.2em;

padding:5px 10px;

width:189px /* was 79px */

}

* html .menu ul li a:hover ul li a {

width:100px;

width:79px;

}

.menu ul li:hover ul li a.drop,

.menu ul li a:hover ul li a.drop {

background:#CC9900 url(drop.gif) bottom right no-repeat;

}

.menu ul li:hover ul li a:hover,

.menu ul li a:hover ul li a:hover {

background: transparent url(../../assets/sitegraphics/footermenugradient.png) repeat-x scroll 0px 0px;

background-color: #CC9900;

color:#fff;

}

/* 3rd level */

.menu ul li:hover ul li:hover ul,

.menu ul li a:hover ul li a:hover ul {

visibility:visible;

position:absolute;

left:210px; /* was 100px */

top:0;

width:100px;

}

.menu ul li:hover ul li:hover ul.left,

.menu ul li a:hover ul li a:hover ul.left {

left:-100px;

}