/* CSS Menus - Vertical CSS Menu with Popout and Dropdown Menus - 20050131 */

/* Begin CSS Popout Menu */

#menu {
position:absolute;
top:67px;
left:5px;
width:125px;
height:auto;
padding-bottom:12em; 
z-index:3;
}

#menu ul {
width:100%;	
position:relative;
list-style:none;
margin:0px;
padding:0px;
z-index:3;
}

#menu li {
width:100%;
position: relative;
margin:0px;
padding:0px;
list-style-type:none;
z-index:3;
}

/* Default values for links */
#menu a {
	display:block;	
	position:relative;		
	text-decoration: none;
line-height: 1em;	
}
#menu a:link, #menu a:visited {
	color:#ffffff;
	background-color:#7982B9;
}
#menu a:hover, #menu a:active {
	color:#c5c6e4;
	background-color:#01326f;
}

/* Styling for top level */

#menu li a.x {
	font:bold 12px/20px arial,helvetica,sans-serif;
	padding:0px 3px 0px 10px;	
}
#menu li a.x:link, #menu li a.x:visited {
	color:#ffffff;	
	background: url(../buttons/buttonbg.gif) no-repeat 0px 0px;
}
#menu li a.x:hover, #menu li a.x:active {
	color:#c5c6e4;	
	background: url(../buttons/buttonbg.gif) no-repeat 0px -20px;
}

#menu img {
border: none;
}


/* Styling for 2nd level */
#menu ul li ul {
	position:absolute;
	top:-1px;;
	left:99.95%;
	z-index:3;
}

#menu li ul {
	width: auto;
	height:auto;
	border-left:1px #333366 solid;
	border-top:1px #333366 solid;
	border-right:1px #333366 solid;
	margin:0px;
	padding:0px;	
}

#menu li ul li  {
	position: relative;	
	width: inherit;	
	height:19px;
	border-bottom:1px #333366 solid;
	z-index:3;	
}

#menu li ul li a {
	width:auto;
	height:auto;
	font:bold 12px/19px arial,helvetica,sans-serif;
	padding:0px 0px 0px 10px;
	}
	
#menu li ul li a:link, #menu li ul li a:visited { 
	background-color:#7982B9;
}
#menu li ul li a:hover, #menu li ul li a:active {
	background-color:#01326f;
}


/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
position:relative;
}

div#menu li ul {
position:absolute;
top:-1px;;
left:99.95%;
/*display:none;*/
}


div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */


#menu ul.submenuS {
	width:175px;
}
#menu ul.submenuM {
	width:250px;
}
#menu ul.submenuL {
	width:300px;
}