/*********** #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 li {
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	height: 1.2em !auto;
	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, Arial;
	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.2em;
	height: auto !important;
  	height: 1%; /*For IE*/
}
/* 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;
}
/* 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: Tahoma, 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, Tahoma;
	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: Arial, 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;
}