/* CSS Document */

ul#navmenu-v,
ul#navmenu-v li,
ul#navmenu-v ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px; 
  list-style: none;
}

ul#navmenu-v:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-v li {
  float: left; 
  display: block !important; 
  display: inline; 
  position: relative;
  /*border:#003366 1px solid;*/
}
ul#navmenu-v li ul li {
border:none;
/*border-bottom:#FFFFFF 2px solid;*/
}

/* Root Menu */
ul#navmenu-v a {
  padding: 0 6px;
  display: block;
  background: url(s.s);
  color: #195CC1;
  font: bold 16px/32px verdana;
 /* font: bold 12px/28px Verdana, Arial;*/
  text-decoration: none;
  height: auto !important;
  height: 1%; 
  
}


ul#navmenu-v a:hover,
ul#navmenu-v li:hover a,
ul#navmenu-v li.iehover a {
 background: url(s.s);
 color:#1FCFFB;

}

/* 2nd Menu */
ul#navmenu-v li:hover li a,
ul#navmenu-v li.iehover li a {
width: 300px; 
  background: #E6EFFE;
  color: #195CC1;
  font: bold 12px/32px verdana;
  text-decoration:underline;
  /*padding: 0 10px;*/
 /* border:#003366 1px solid;
 border-left:#0398D0 1px solid;
 border-right:#0398D0 1px solid;*/
 
 
}


ul#navmenu-v li:hover li a:hover,
ul#navmenu-v li:hover li:hover a,
ul#navmenu-v li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover a {
  background: #E6EFFE;
  text-decoration:none;

  /*border:#003366 1px solid;*/
  
}



ul#navmenu-v ul,
ul#navmenu-v ul ul,
ul#navmenu-v ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
 /* border:#0398D0 1px solid;*/
}



ul#navmenu-v li:hover ul ul,
ul#navmenu-v li:hover ul ul ul,
ul#navmenu-v li.iehover ul ul,
ul#navmenu-v li.iehover ul ul ul {
  display: none;
}

ul#navmenu-v li:hover ul,
ul#navmenu-v ul li:hover ul,
ul#navmenu-v ul ul li:hover ul,
ul#navmenu-v li.iehover ul,
ul#navmenu-v ul li.iehover ul,
ul#navmenu-v ul ul li.iehover ul {
  display: block; width: 312px;
  border:#0398D0 1px solid;
}






























/*======== MENU ===========*/
#nav, 
#nav ul {float:left; padding:0 0 5px 0; margin:0; list-style:none; font: bold 16px verdana;position:relative; z-index:200;}

#nav li li {}
/* a hack for IE5.x and IE6 */
* html #nav li {float:left;}

#nav li a {display:block; color:#195CC1; margin: 5px 25px 10px 10px; text-decoration:none; white-space:nowrap; width:200px;}

#nav li:hover {position:relative; z-index:300; }

#nav ul {position:absolute; left:-9999px; top:-9999px; border: 1px solid #0398D0;}
/* yet another hack for IE5.x and IE6 */
* html #nav, * html nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover > ul {left:-5px; margin-left:100%; top:-1px; background:#E6EFFE; font: bold 12px verdana;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; }


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover ul,
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:underline;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none;}


/*=========================*/