#nav, #nav ul{ background-color: gray; margin:0; padding: 0px; list-style-type: none; position:relative; line-height: 1.7em; z-index: 1;}
#nav a{ display:block; padding:0px 10px 0px 10px; border-right: 1px solid silver; color:#0084ff; text-decoration:none; font-size: 13px; font-weight: bold; outline: none; } 
#nav a:hover{ background-color:#B2D8FF; color:#0084ff; border-right: 1px solid #0084ff; }
#nav li{ float:left; position:relative; }
#nav li.active { background-color:#B2D8FF; }
#nav li.active a { color:#0084ff; }

#nav ul { position:absolute; display:none;  top:1.7em;}
#nav li ul a{ width:15em; height:auto; float:left; }
#nav ul ul{ top:auto; }	
#nav li ul ul { left:12em; margin:0px 0 0 10px;  }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block}

#nav.green a{ display:block; padding:0px 10px 0px 10px; border-right: 1px solid silver; color:#57C6E2; text-decoration:none; font-size: 13px; font-weight: bold; outline: none; }
#nav.green a:hover{ background-color:#00A040; color:#F7FFE3; border-right: 1px solid #85EBB9; }
#nav.green li.active { background-color:#00A040; }
#nav.green li.active a { color:#F7FFE3; }

#nav.orange a{ display:block; padding:0px 10px 0px 10px; border-right: 1px solid silver; color:#FFD040; text-decoration:none; font-size: 13px; font-weight: bold; outline: none; }
#nav.orange a:hover{ background-color:#D07F00; color:#FFD040; border-right: 1px solid #FFF0C0; }
#nav.orange li.active { background-color:#D07F00; }
#nav.orange li.active a { color:#FFD040; }

#nav.silver a{ display:block; padding:0px 10px 0px 10px; border-right: 1px solid silver; color:#373737; text-decoration:none; font-size: 13px; font-weight: bold; outline: none; }
#nav.silver a:hover{ background-color:#27156E; color:#efefef; border-right: 1px solid #d7d7d7; }
#nav.silver li.active { background-color:#27156E; }
#nav.silver li.active a { color:#efefef; }

#nav.red a{ display:block; padding:0px 10px 0px 10px; border-right: 1px solid silver; color:#000000; text-decoration:none; font-size: 13px; font-weight: bold; outline: none; }
#nav.red a:hover{ background-color:#990000; color:#fff; border-right: 1px solid #FFF0C0; }
#nav.red li.active { background-color:#990000; }
#nav.red li.active a { color:#FFF0C0; }
#nav.red li:hover ul, #nav.red li li:hover ul, #nav.red li li li:hover ul, #nav.red li li li li:hover ul{ display:block;}
#nav li:hover a {background: #6495ed; color:#FFF0C0;}
#nav li a:hover ul a {background: #6495ed; color:#ffffff;} 
/*#nav a:hover {background: #7B2700; color:#FFF0C0;}*/