/*flyout menu*/
.verticalmenu .menu {}
.verticalmenu .menu li, #mainlevel li{text-indent:20px;line-height:30px;width:100%;z-index:500;	
}
.verticalmenu .menu a, .verticalmenu .menu span,  #mainlevel li a{border-bottom:none;font-style:normal;width:100%;color:#666;}
.verticalmenu .menu li:hover, .verticalmenu .menu li.sfHover, .verticalmenu .menu li:hover a, .verticalmenu .menu li.sfHover a,  #mainlevel li:hover{
 background:#eee; }
.verticalmenu .menu li a:hover{border-bottom:none;}
.verticalmenu ul.menu ul,
.verticalmenu ul.menu ul ul,
.verticalmenu ul.menu ul ul ul {
background:#eee; 
}

.verticalmenu ul.menu li a:link,
.verticalmenu ul.menu li a:visited,
.verticalmenu ul.menu li a:visited,
.verticalmenu ul.menu span.separator,  #mainlevel li a:link,  #mainlevel li a:visited {
	margin: 0;
	padding: 0;
	color: #fff;
	line-height: 36px;
	display: block;
	background: url(../images/verticalmenuinact.png) no-repeat 4px 50%;
	text-indent: 30px;
	cursor:pointer;
	height:36px;

}
.verticalmenu ul.menu span.separator {
	background: transparent url(../images/flyouttoplevel.png) no-repeat 4px 50%;
}
.verticalmenu ul.menu .separator.active {
	background: transparent url(../images/flyoutactive.png) no-repeat 4px 50%;
}
.verticalmenu ul#mainlevel li, .verticalmenu ul.menu li {
width:100%;
list-style:none;
padding:0 0 0 0;
margin:0;
}
.verticalmenu ul.menu ul{width:250px;}

.verticalmenu ul.menu ul li{width:215px;}

.verticalmenu ul#mainlevel li a:link, .verticalmenu ul#mainlevel li a:visited, .verticalmenu ul.menu li a:link, .verticalmenu ul.menu li a:visited {
font-weight:400;
padding:0 0 0 0;
display:block;
text-decoration:none;
}

/*ACTIVE*/

.verticalmenu ul.menu li a:hover, .verticalmenu ul.menu li#current a:hover,
.verticalmenu ul.menu li.active a:hover  {
}

.verticalmenu ul#mainlevel li a#active_menu, .verticalmenu ul.menu li a#active_menu, .verticalmenu ul.menu li#current a,
.verticalmenu li.active a
{
text-decoration:none;
color:#fff;font-weight:bold;
background: url(../images/flyoutactive.png) no-repeat 4px 50%;
}
.verticalmenu ul#mainlevel li#active_menu, .verticalmenu ul.menu li#active_menu, .verticalmenu ul.menu li#current,.verticalmenu li.active{
}

.verticalmenu ul.menu li li a, .verticalmenu ul.menu li#current li a , .verticalmenu li.active li a{
background: url(../images/verticalmenuinact.png) no-repeat 4px 50%;
}

/* Root = Vertical, Secondary = Vertical */
.verticalmenu ul#mainlevel,
.verticalmenu ul.menu,
.verticalmenu ul.menu li,
.verticalmenu ul.menu ul {
 /*For KHTML*/
list-style: none;
}

.verticalmenu ul#mainlevel:after,
.verticalmenu ul.menu:after /*From IE 7 lack of compliance*/{
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}

.verticalmenu ul#mainlevel li, .verticalmenu ul.menu li {
float: left; /*For IE 7 lack of compliance*/
display: block !important; /*For GOOD browsers*/
/*display: inline; For IE*/
position: relative;
background: url(../images/verticalmenusep.png) no-repeat 50% 100% ;
}


/* Root Menu */
.verticalmenu ul#mainlevel a, .verticalmenu ul.menu a {
display: block;
height: auto !important;
height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
.verticalmenu ul.menu a:hover,
.verticalmenu ul.menu li:hover a,
.verticalmenu ul.menu li.sfHover a {
}

/* 2nd Menu */
.verticalmenu ul.menu li:hover li a,
.verticalmenu ul.menu li.sfHover li a {
z-index:500;
}

/* 2nd Menu Hover Persistence */
.verticalmenu ul.menu li:hover li a:hover,
.verticalmenu ul.menu li:hover li:hover a,
.verticalmenu ul.menu li.sfHover li a:hover,
.verticalmenu ul.menu li.sfHover li.sfHover a {
}

/* 3rd Menu */
.verticalmenu ul.menu li:hover li:hover li a,
.verticalmenu ul.menu li.sfHover li.sfHover li a {
z-index:501;
}

/* 3rd Menu Hover Persistence */
.verticalmenu ul.menu li:hover li:hover li a:hover,
.verticalmenu ul.menu li:hover li:hover li:hover a,
.verticalmenu ul.menu li.sfHover li.sfHover li a:hover,
.verticalmenu ul.menu li.sfHover li.sfHover li.sfHover a {
}

/* 4th Menu */
.verticalmenu ul.menu li:hover li:hover li:hover li a,
.verticalmenu ul.menu li.sfHover li.sfHover li.sfHover li a {
}

/* 4th Menu Hover */
.verticalmenu ul.menu li:hover li:hover li:hover li a:hover,
.verticalmenu ul.menu li.sfHover li.sfHover li.sfHover li a:hover {
}

.verticalmenu ul.menu ul,
.verticalmenu ul.menu ul ul,
.verticalmenu ul.menu ul ul ul {
position: absolute;
top: -7px;
left: -1999px;
z-index:9000;
}

/* Do Not Move - Must Come Before display:block for Gecko */
.verticalmenu ul.menu li:hover ul ul,
.verticalmenu ul.menu li:hover ul ul ul,
.verticalmenu ul.menu li.sfHover ul ul,
.verticalmenu ul.menu li.sfHover ul ul ul {
left:-1999px;
}

.verticalmenu ul.menu li:hover ul,
.verticalmenu ul.menu ul li:hover ul,
.verticalmenu ul.menu ul ul li:hover ul,
.verticalmenu ul.menu li.sfHover ul,
.verticalmenu ul.menu ul li.sfHover ul,
.verticalmenu ul.menu ul ul li.sfHover ul {
left:100%;
}
 
.verticalmenu ul.menu ul, .verticalmenu ul.menu ul ul,  .verticalmenu ul.menu ul ul ul,  .verticalmenu ul.menu ul ul ul ul {
width:215px; color:#fff;}

/*more to come*/
.verticalmenu ul.menu li.parent a,
.verticalmenu ul.menu li.parent ul li.parent a,
.verticalmenu ul.menu li.parent ul li.parent ul li.parent a,
.verticalmenu ul.menu li.parent ul li.parent ul li.parent ul li.parent a,

.verticalmenu ul.menu li#current ul li.parent a,
.verticalmenu ul.menu li#current ul li.parent ul li.parent a,
.verticalmenu ul.menu li#current ul li.parent ul li.parent a,
.verticalmenu ul.menu li#current ul li.parent ul li.parent ul li.parent a
{
	background: url(../images/flyouttoplevel.png) no-repeat 4px 50%;
}

.verticalmenu ul.menu li.parent ul a,
.verticalmenu ul.menu li.parent ul li.parent ul a,
.verticalmenu ul.menu li.parent ul li.parent ul li.parent ul a,
.verticalmenu ul.menu li.parent ul li.parent  ul li.parent ul li.parent ul a,
.verticalmenu ul.menu li#current ul li.parent ul a,
.verticalmenu ul.menu li#current ul li.parent ul li.parent ul a,
.verticalmenu ul.menu li#current ul li.parent ul li.parent ul li.parent ul a
{
background: url(../images/verticalmenuinact.png) no-repeat 4px 50%;
}

.verticalmenu ul#mainlevel li a:hover, 
.verticalmenu ul.menu li a:hover{
}

.verticalmenu ul.menu li#current, .verticalmenu ul.menu li.active{
	 padding-top:0px;padding-bottom:0px;
}
.verticalmenu ul.menu li li#current, .verticalmenu ul.menu li li.active{
	 padding-top:0px;padding-bottom:0px;
}

.verticalmenu ul.menu ul{ background: #eee;}
.verticalmenu ul.menu { width:100%;}
