/*********** #vertical menu styles ***********/
ul#vmenu, 
ul#vmenu ul,
ul#vmenu li {
  margin: 0;
  padding: 0;
  border: 0 none;
  list-style: none;
  width: 150px;
}
ul#vmenu{
  background-color: #F2F3F3;
}
ul#vmenu li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  position: relative;
}
ul#vmenu:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

/* menu header */
ul#vmenu h2{
  font-family: Tahoma;
  font-weight: bold;
  font-size: 10pt;
  color: #ff9900;
  background-color: #f2f3f3;
  border: thin solid #c2d4dd;
  border-width: 0px 0px 1px 0px;
  text-align: left;
}
ul#vmenu .parent{
  background-image: url(pictures/nav_arrow.gif);
  background-position: right center;
  background-repeat: no-repeat;
}
ul#vmenu a.parent:hover{
  background-image: url(pictures/nav_arrow_over.gif);
  background-position: right center;
  background-repeat: no-repeat;
}

/* Root menu item */
ul#vmenu a, ul#vmenu span {
  font-size: 11px;
  padding: 0 0 0 17px;
  color: #4A699E;
  text-decoration:none;
  display:block;
  padding: 0.5em 0.2em 0em 0.2em;
  height: auto !important;
  height: 1%; /*For IE*/
  border-bottom: 1px dotted #C2D4DD;
}
ul#vmenu span.vsep{
  border: none;
  height: 10px;
  font-size: 6px;
  padding: 0;
  border-bottom: 1px solid #C2D4DD;
}
ul#vmenu .vsep:hover{
  background-color: #f2f3f3;
}

/* Root Menu Hover Persistence */
ul#vmenu a:hover, ul#vmenu span:hover,
ul#vmenu li:hover a, ul#vmenu li:hover span,
ul#vmenu li.iehover a, ul#vmenu li.iehover span {
  background-color:#ddd;
  color: #F65A23;
  font-weight: bold;
}
ul#vmenu li.selected {
  background-color:#ddd;
  color: #F65A23;
  font-weight: bold;
}
/* Secondary menu item*/
ul#vmenu ul{ 
  width:220px;
  overflow: visible;
  background-color:#ddd;
  display:none;
  position:absolute;
  top:0;
  left:140px;
  z-index: 30;
}
ul#vmenu li:hover li a, ul#vmenu li:hover li span,
ul#vmenu li.iehover li a, ul#vmenu li.iehover li span {
  float: none;
  background: #ddd;
  color: #4A699E;
  width:200px;
}
/* 2nd Menu Hover Persistence */
ul#vmenu li:hover li a:hover, ul#vmenu li:hover li span:hover,
ul#vmenu li:hover li:hover a, ul#vmenu li:hover li:hover span,
ul#vmenu li.iehover li a:hover, ul#vmenu li.iehover li span:hover,
ul#vmenu li.iehover li.iehover a, ul#vmenu li.iehover li.iehover span {
  background: #ccc;
  color: #F65A23;
  width:200px;
}
/* 3rd Menu */
ul#vmenu ul ul{ 
  width:160px;
  display:none;
  overflow: visible;
  position:absolute;
  top:0;
  left:200px;
  background-color:#bbb;
  z-index: 31;
}
ul#vmenu li:hover li:hover li a, ul#vmenu li:hover li:hover li span,
ul#vmenu li.iehover li.iehover li a, ul#vmenu li.iehover li.iehover li span {
  float: none;
  background: #bbb;
  color: #4A699E;
  width:140px;
}
/* 3rd Menu Hover Persistence */
ul#vmenu li:hover li:hover li a:hover, ul#vmenu li:hover li:hover li span:hover,
ul#vmenu li:hover li:hover li:hover a, ul#vmenu li:hover li:hover li:hover span,
ul#vmenu li.iehover li.iehover li a:hover, ul#vmenu li.iehover li.iehover li span:hover,
ul#vmenu li.iehover li.iehover li.iehover a, ul#vmenu li.iehover li.iehover li.iehover span{
  background: #aaa;
  color: #F65A23;
  width:140px;
}

/* 4th Menu */
ul#vmenu ul ul ul {
  display:none;
  position:absolute;
  top:0;
  left:160px;
  z-index: 32;
}
ul#vmenu li:hover li:hover li:hover li a,
ul#vmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#vmenu li:hover li:hover li:hover li a:hover,
ul#vmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#vmenu li:hover ul ul,
ul#vmenu li:hover ul ul ul,
ul#vmenu li.iehover ul ul,
ul#vmenu li.iehover ul ul ul {
  display: none;
}
ul#vmenu li:hover ul,
ul#vmenu ul li:hover ul,
ul#vmenu ul ul li:hover ul,
ul#vmenu li.iehover ul,
ul#vmenu ul li.iehover ul,
ul#vmenu ul ul li.iehover ul {
  display: block;
  -moz-opacity:0.9;
}


/* for horizontal menu */
ul#hmenu {
  list-style: none;
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 550px;
}
ul#hmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
  z-index: 30;
  position: absolute;
  /*width: 160px;*/
}
ul#hmenu li {
  margin: 0;
  display: block;
  float: left;
  position: relative;
  list-style: none;
  line-height: 1.0em;
  height: auto;
  z-index: 30;
}

ul#hmenu h2{
  font-family: Arial;
  font-weight: bold;
  text-transform: uppercase;
}
/* Root Menu items with child*/
ul#hmenu .parent{
  background-image: url(pictures/nav_arrow_d.gif);
  background-position: right center;
  background-repeat: no-repeat;
}
ul#hmenu .parent:hover{
  background-image: url(pictures/nav_arrow_d_over.gif);
  background-position: right center;
  background-repeat: no-repeat;
}
/* ROOT menu*/
ul#hmenu a, ul#hmenu span {
  color: #4A699E;
  font-family: Arial;
  font-size: 10px;
  text-decoration: none;
  padding: 0px 10px 0px 10px;
}
* html ul#hmenu a, ul#hmenu span{
  height:1%;
}
/*Root hover Persistence*/
ul#hmenu a:hover, ul#hmenu span:hover,
ul#hmenu li:hover a, ul#hmenu li:hover span,
ul#hmenu li.iehover a, ul#hmenu li.iehover span{
  background: #ddd;
  color: #F65A23;
}
ul#hmenu li a:hover,
ul#hmenu li span:hover, 
#hmenu li:hover {
  font-weight: normal;
  color: #F65A23;
  text-decoration: none;
  background: #ddd;
}
/*Secondary menu*/
ul#hmenu li:hover li a, ul#hmenu li:hover li span,
ul#hmenu li.iehover li a, ul#hmenu li.iehover li span {
  float: none;
  font-size: 11px;
  background: #ddd;
  color: #4A699E;
}
/* 2nd Menu Hover Persistence */
ul#hmenu li:hover li a:hover, ul#hmenu li:hover li span:hover,
ul#hmenu li:hover li:hover a, ul#hmenu li:hover li:hover span,
ul#hmenu li:hover li:hover a, ul#hmenu li:hover li:hover span,
ul#hmenu li.iehover li.iehover a, ul#hmenu li.iehover li.iehover span {
  background: #ccc;
  color: #F65A23;
}
ul#hmenu li li {
  float: none;
  background-color: #ddd;
  border: 0;
}
ul#hmenu li li a,
ul#hmenu li li span {
  display: block;
  font-weight: normal;
  color: #4A699E;
  /*padding: 0.2em 10px;*/
}
ul#hmenu li li .parent{
  background-image: url(pictures/nav_arrow.gif);
  background-position: right center;
  background-repeat: no-repeat;
}
ul#hmenu li li .parent:hover{
  background-image: url(pictures/nav_arrow_over.gif);
  background-position: right center;
  background-repeat: no-repeat;
}
ul#hmenu li li a:hover,
ul#hmenu li li span:hover {
  color: #F65A23;
  background: #ccc;
  display:block;
}
ul#hmenu li ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  font-weight: normal;
  background: #ddd;
  padding: 0.5em 0 0.5em 0;
  width: 150px;
}
ul#hmenu ul ul, 
#hmenu ul ul ul {
  display:none;
  position:absolute;
  background: #ddd;
  margin-top:-1.4em;
  margin-left:150px;
}
ul#hmenu li:hover ul ul,
ul#hmenu li:hover ul ul ul,
ul#hmenu li.iehover ul ul,
ul#hmenu li.iehover ul ul ul {
  display: none;
}
ul#hmenu li:hover ul,
ul#hmenu ul li:hover ul,
ul#hmenu ul ul li:hover ul,
ul#hmenu li.iehover ul,
ul#hmenu ul li.iehover ul,
ul#hmenu ul ul li.iehover ul {
  display: block;
  filter: alpha(opacity=90); 
  opacity: 0.9;
  -moz-opacity:0.9;
}

* html ul#hmenu ul li { float: left; width: 100%; clear:both }
* html ul#hmenu ul li a, html ul#hmenu ul li span {height: 1%;}

li>ul {
  top: auto;
  left: auto;
}

/* for separated horizontal menu */

ul#shmenu, ul#shmenu ul{
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  cursor: default;
  list-style-type: none;
  display: inline;
  text-align: center;
  font-family: Tahoma, sans-serif;
  font-size: 8pt;
}
* html ul#shmenu li{
  height:1%;
}
ul#shmenu li{
  margin: 0;
  display: inline;
  text-align: center;
  padding-right: 10px;
  padding-left: 10px;
  border-left: 2px solid White;
  background-color: #487198;
  float: none;
}

/*Menu styles*/
ul#shmenu a{
  text-decoration: none;
  color: #8DB1F2;
}
ul#shmenu span{
  color: #CC6600
}
ul#shmenu a:hover{
  color: #FFFFFF;
  text-decoration: none;
}