
/* thin nav styling */
.menu {font-family: verdana, arial, sans-serif; width: 80px; height:22px; position:relative; margin:0; font-size:10px; margin:0px 0; background-image:url(images/navback.jpg); text-align:center;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#FFF; width:80px; height:22px; text-align: center; border:0px solid #fff; border-width:0px 0px 0 0; line-height:21px; font-size:10px;}
.menu ul {padding:0; margin:0;list-style-type: none; text-align:center; }
.menu ul li {float:left; margin-right:1px; position:relative; text-align:center;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#EDB05F; background-image:url(images/navback.jpg);}
.menu ul li:hover ul {display:block; position:absolute; top:22px; left:0px; width:105px;}
.menu ul li:hover ul li a.hide {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:165px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#000; color:#FFF; font-size:12px; text-align: left; width:165px; height: 35px; line-height:40px;   border:1px solid #666666; text-indent: 14px; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
.menu ul li:hover ul li a:hover {text-align: left; background:#003399; color:#EDB05F; font-size:12px; line-height:40px;   border:1px solid #666666; text-indent: 14px; background-image:url(images/flyout_back.gif); filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:165px; background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}

/* WC styling */
.menu2 {font-family: verdana, arial, sans-serif; width: 150px; height:22px; position:relative; margin:0; font-size:10px; margin:0px 0; background-image:url(images/navback.jpg); text-align:center;}
.menu2 ul li a, .menu2 ul li a:visited {display:block; text-decoration:none; color:#FFF; width:150px; height:22px; text-align: center; border:0px solid #fff; border-width:0px 0px 0 0; line-height:21px; font-size:10px;}
.menu2 ul {padding:0; margin:0;list-style-type: none; text-align:center; }
.menu2 ul li {float:left; margin-right:1px; position:relative; text-align:center;}
.menu2 ul li ul {display: none;}

/* specific to non IE browsers */
.menu2 ul li:hover a {color:#EDB05F; background-image:url(images/navback.jpg);}
.menu2 ul li:hover ul {display:block; position:absolute; top:22px; left:0px; width:150px;}
.menu2 ul li:hover ul li a.hide {background:#000; color:#000;}
.menu2 ul li:hover ul li:hover a.hide {width:220px;}
.menu2 ul li:hover ul li ul {display: none;}
.menu2 ul li:hover ul li a {display:block; background:#000; color:#FFF; font-size:12px; text-align: left; width:220px; height: 40px; line-height:40px;  border:1px solid #666666; text-indent: 14px; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
.menu2 ul li:hover ul li a:hover {text-align: left; background:#003399; color:#EDB05F; font-size:12px; line-height:40px;   border:1px solid #666666; text-indent: 14px; background-image:url(images/flyout_back.gif); filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.menu2 ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu2 ul li:hover ul li:hover ul li a {display:block; width:220px; background:#dfc184; color:#000;}
.menu2 ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}


/* undo nmw_styles for nav */
.menu a {font-weight:normal;}
li.black{width: 165px; height:10px; color: #000; background: #000; border:1px solid #666666;}
.menu2 a {font-weight:normal;}
li.black2{width: 220px; height:10px; color: #000; background: #000; border:1px solid #666666;}


#dropmenudiv{
position:absolute;
border:2px solid white;
border-bottom-width: 0;
font:normal 11px Verdana;
line-height:20px;
z-index:100;
background-color: #5F7E5E;
}

#dropmenudiv a{
width: 160px;
display: block;
text-indent: 4px;
text-transform: Capitalize;
border-bottom: 2px solid white;
padding: 1px 0;
text-decoration: none;
background-color: #5F7E5E;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #91A792;
color: #333333;
}