.vmenu {
width: 13em; /* 15em-left set width of vmenu */
background: #eee;
font: 10px verdana;
margin: 0px 0px 0px 4px;
} 

.v_lmenu {
width: 15em; /* 15em-left set width of vmenu */
} 

.v_rmenu {
width: 12em; /* 15em-left set width of vmenu */
} 

.vmenu ul { /* remove bullets and list indents */
display: block;

list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
.vmenu a, .vmenu li.hh {
display: block;
margin: 0;
padding: 3px 0px;
color: #4DB6E5;
background: #ffffff;
text-decoration: none;
font: 10px verdana;	
}

.vmenu a:hover {
color: #ffffff;
/*background: #66C7F2;*/
background: #3E8EC9;
}

.vmenu img
{
    top: 4px;
    right: 1px;
    width:5px;
    height:5px;    
    border: 0;
}

/* make the list elements a containing block for the nested lists */
.vmenu li {
position: relative;
color: #4DB6E5;
font: 10px verdana;
} 

/* Color of Level 1 when extended */
.vmenu ul li:hover, .vmenu ul li.sfhover{
color: #ffffff;
/*background: #66C7F2; */
background: #3E8EC9;
font: 10px verdana;
} 

/* Color of Level 2 when open */
.vmenu ul ul a {
color: #ffffff;
font: 10px verdana;
/*background-color: #4DB6E5;*/
background: #3E8EC9;
} 

/* Background of Level 2 hover */
.vmenu ul ul a:hover {
background-color: #71b2e2;
width: 14.5em;									/* for IE level-2 not to disappear */
}

.v_lmenu ul ul a {
padding: 3px 0px 3px 5px;
text-align: left;
width: 14.5em;									/* for IE level-2 not to disappear */
} 

.v_rmenu ul ul a {
padding: 3px 5px 3px 0px;
width: 14.5em;
text-align: right;
} 

.vmenu ul ul  {
position: absolute;
top: 0;
width: 100%; /* width is based on the containing block - 12em*/
}

.v_lmenu ul ul  {
left: 100%;  /* to position them to the right of their containing block */	

}

.v_rmenu ul ul  {
left: -125%;   
width: 15em; /* 15em-left set width of vmenu longer than v-main */
}
	
/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file (requires behavior for IE-not stable).
Replaced by sfhover.js */

/* 1- hide all the popouts 
   2- hide any <ul>'s that are two or more descendant children of the hovered <li>	
*/

div.vmenu ul ul,
div.vmenu ul li:hover ul,
div.vmenu ul li.sfhover ul
{display: none;}


/* Now to get them re-appear we want to declare that 
   when a second level <li> element is hovered over 
   we want it's child <ul> to appear.
*/

div.vmenu ul li:hover ul,
div.vmenu ul ul li:hover ul,
div.vmenu ul li.sfhover ul,
div.vmenu ul ul li.sfhover ul
{display: block; }

				
.vindent {
padding-left: 9px;
}



/* Temporary - Settings of Level 2 when no link exists !!!!       IE  */
.vmenu ul ul li{
color: #ffffff;
text-align: right;
background-color: #3E8EC9;
padding: 0;
margin: 0;
}


/* Temporary - Padding of Level 2 when no link exists !!!! */
.no_link {
padding: 6px 5px 6px 0px;
text-align: right;
LINE-HEIGHT: 170%;

}

/* Temporary - Padding of Level 2/Left Menu when no link exists !!!! */
.vmenu li.no_link_left {
padding: 3px 0px 3px 5px;
text-align: left;
width: 14.5em;									/* for IE level-2 not to disappear */
}

/* Temporary - Padding of Level 1/Left Menu when no link exists !!!! */
.vmenu li.no_link_left_l1 {
padding: 3px 0px 3px 0px;
text-align: left;
background: #ffffff;

}

/* Temporary - Settings of Level 1 when no link exists !!!! */
.vmenu li.no_link_l1 {
display: block;
margin: 0;
padding: 3px 0px;
color: #4DB6E5;
background: #ffffff;
text-align: left;
text-decoration: none;
font: 10px verdana;	
}


/*********** Admin Menu *************/
.adm_menu .title 		{COLOR: #5D5D5D; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY:  Verdana, Arial, Helvetica; 
	text-align:left;
	margin:3px 3px 6px 25px;
	padding:0px 0px 0px 0px;
	line-height:15px;
	TEXT-DECORATION: none;
}

.adm_menu .links {margin:0px; padding:0px; float:left;display:block; width:15em; }
.adm_menu .links ul {list-style:none;margin:0px;padding:0px;
	float:left;width:15em;
	display:block;
	background:#ffffff no-repeat top left
}

.adm_menu .links li {list-style:none; margin:0px 0px 1px 2px; 
  float:left; 
  clear:both; 
  display:block; width:15em; 
	padding:0px 0px 0px 3px;
}

.adm_menu .links li a { 
	margin:0px 0px 0px 0px;   
	display:block; 
	width:15em; 
  font:normal 10px "verdana"; color:#4DB6E5 ;text-decoration:none;
  background: url(../../../images/adm_bullet_orange.gif) no-repeat center left;
	padding:2px 0px 3px 10px;
}

.adm_menu .links li a:hover {
	margin:0px;  
	display:block; 
	width:14em; 
	font:normal 10px "verdana"; color:#ffffff; 
	background-color: #3E8EC9;
	text-decoration:none
}