/* 
 * CSS for css menu helper. 
 * Author: John Reeves 
 * Credit given to Jake Gordon, author of Nice Menus module 
 * for Drupal, for much of the idea. 
 */ 
ul.css_menu, 
ul.css_menu ul{

    list-style: none; 
    margin: 0; 
	padding-top: 10px;
	margin-top: 3px;
    padding: 1px; 

} 

ul.css_menu ul{
	display: none;
	position: absolute;
	text-align:center;
	margin-right: 0;
	margin-top: 3px;
	z-index: 5;
	color: #FFFFFF;

} 

ul.css_menu li{ 
    margin: 0; 
    padding: .1em;
	padding-top:5px; 

} 

ul.css_menu li{
	float: left;
	/*border: 0px none black;
	background-color: #220322;
	*/
	
	background-image:url(../img/buttons/standard.png);
	background-repeat:no-repeat;
	background-position:center;
	
	height: 21px;
	width: 7em;
	text-align:center;
	position: relative;
	left: 2px;
	top: 0;
	color: #FFFFFF;
     
} 

ul.css_menu ul li{
	display: block;
	font:bold;
	color: #FFFFFF;
	padding-top:4px; 
} 

ul.css_menu:after{ 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden; 
} 

ul.css_menu li:hover{
	font:bold; 
    /*background-color: #52034E ;
	*/
	background-image:url(../img/buttons/hover.png);
	background-repeat:no-repeat;
	vertical-align:bottom; 
} 

/* 
 * Hide sub menus that are not hovered over. 
 * It only works for 5 levels deep.  If for some reason you need 
 * more, it should be easy to see how to copy the last selector and 
 * add one more li:hover.  Same goes for the display: block; part below. 
 */ 
ul.css_menu ul, 
ul.css_menu li:hover ul ul, 
ul.css_menu li:hover li:hover ul ul, 
ul.css_menu li:hover li:hover li:hover ul ul{ 
  display: none;  
}  

/* show hovered submenus */ 
ul.css_menu li:hover ul, 
ul.css_menu li:hover li:hover ul, 
ul.css_menu li:hover li:hover li:hover ul, 
ul.css_menu li:hover li:hover li:hover li:hover ul{ 
    display: block; 
} 

/* RIGHT type menus */ 

ul.cm_right li{ 
    float: none; 
} 

ul.cm_right li.parent:hover, 
ul.cm_right li li.parent:hover{  
    background: #66cbca url(arrow-right.png) right center no-repeat; 
} 

ul.cm_right li.parent, 
ul.cm_right li li.parent{  
    background-image: url(arrow-right.png); 
    background-position: center; 
    background-repeat: no-repeat; 
} 

ul.cm_right li ul, 
ul.cm_right li ul li.parent ul{ 
    left: 5.9em; 
    top: -2px; 
} 


/* LEFT type menus */ 

ul.cm_left li{ 
    float: none; 
    padding-left: 15px; 
} 

ul.cm_left li.parent:hover, 
ul.cm_left li li.parent:hover{  
    background: #66cbca url(arrow-left.png) left center no-repeat; 
} 

ul.cm_left li.parent, 
ul.cm_left li li.parent{  
    background-image: url(arrow-left.png); 
    background-position: left center; 
    background-repeat: no-repeat; 
} 

ul.cm_left li ul, 
ul.cm_left li ul li.parent ul{ 
    left: -7.8em; 
    top: -2px; 
} 



/* DOWN type menus */ 
ul.cm_down li ul{
	top: 1.5em;
	left: -4px;
	color: #FFFFFF;
	font:bold;
	text-align:center;

} 

ul.cm_down li ul li.parent ul{ 
    left: 5.9em; 
    top: -0.1em;
	color:#FFFFFF;
 
} 

ul.cm_down li.parent:hover{ 
    background: #52034E  url(../img/buttons/hover.png) center no-repeat;
	background-repeat: no-repeat;  
} 

ul.cm_down li.parent{ 
    background-image: url(../img/buttons/hover.png); 
    background-position: center; 
    background-repeat: no-repeat; 
} 

ul.cm_down li li.parent:hover{  
    background: #52034E url(../img/buttons/hover.png) center no-repeat;
	background-repeat: no-repeat;  
} 

ul.cm_down li li.parent{  
    background-image: url(../img/buttons/hover.png); 
    background-position: center; 
    background-repeat: no-repeat; 
} 
#container #menu2 .css_menu cm_down img {
	position: relative;
	visibility: inherit;
	z-index: auto;
	right: 50px;
}