/* Horizontal Menu w/ 2 Tier dropdown */

#nav {
float: left;
height: 37px;
width: 708px;
}

#nav ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
font-size: 13px;
height: 37px;
}

#nav a {
display: block;
margin: 0;
padding: 12px 8px 12px 8px;
_padding: 9px 13px 9px 13px;
text-align: center;
text-decoration: none;
background-repeat: no-repeat;
background-image: url(assets/navcrnr-green-r.gif);
background-position: top right;
}

#nav a:hover {
background-position: right -37px;
background-image: url(assets/navcrnr-green-r.gif);
}

#nav li {
float: left;
color: #000;
position: static;
background-color: #d06f1a;
background-repeat: no-repeat;
background-image: url(assets/navcrnr-green-l.gif);
background-position: top left;
margin: 0 1px 0 0;
}

#nav li#pn-4  {
background-image: url(assets/navcrnr-green-l-communities.gif) !important;
}

#nav li:hover#pn-4 {
background-image: url(assets/navcrnr-green-l-communities.gif) !important;
}

#nav li:hover {
background-image: url(assets/navcrnr-green-l.gif);
background-position: 0 -37px;
}

#nav li:hover a {
color: #fff;
}
#nav li:hover a:hover {
color: #fff;
}

#nav ul ul {
position: absolute;
z-index: 500;
margin-top: -5px;
_margin-top: 0px;
}

#nav ul ul li a {
background-image: none !important;
text-align: left;
padding: 6px 0px 4px 15px;
}

#nav ul ul li {
width: 160px;
clear: both;
position: relative;
background-image: none !important;
border-top: 1px solid #9ce07e;
border-left: 1px solid #9ce07e;
border-right: 1px solid #9ce07e;
background-color: #78cd53 !important;
}

#nav ul ul li:hover {
background-image: none !important;
background-color: #6dbd4a !important;
}

#nav ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#nav ul ul,
div#nav ul li:hover ul ul,
div#nav ul ul li:hover ul ul
{display: none;}

div#nav ul li:hover ul,
div#nav ul ul li:hover ul,
div#nav ul ul ul li:hover ul
{display: block;}