/*
 * 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.
 */
 
 #menu_holder{
 	position:absolute;
 	left:0px;
 }
 
 .menu_holder {
 	/*padding-top:253px;*/
 	float:left;	
 }
 
ul.css_menu,
ul.css_menu ul{
    list-style: none;
    margin: 0;
    padding: 1px;
    font-size: 13px;
}

ul.css_menu ul{
    display: none;
    position: absolute;
    margin-right: 0;
    z-index: 5;
}

ul.css_menu li > a{
	font-weight: normal;	
}

ul.css_menu li{
    margin: 0;
    padding: .1em;
}
ul.css_menu ul > li {
	/*width: 6em;*/
	width:100%;
	display:block;
	clear:left;
	
}
ul.css_menu li{
	cursor: default;
	font-weight:normal;
	padding: 4px 4px;
	color:#333;
	min-width: 0;
	float: left;
	position: relative;
	margin: 0 2px;
	border-right: 2px #003d4c solid;
	/*background:#e6e49f;
	background: -webkit-gradient(linear, left top, left bottom, from(#93bff4), to(#9ab4d4));
	background-image: -moz-linear-gradient(top, #93bff4, #9ab4d4);
	
	border:1px solid #aaac62;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	text-decoration:none;
	text-shadow: #fff 0px 1px 0px;
	*/
	
}

ul.css_menu ul li{
    display: block;
}

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

ul.css_menu li:hover{
    background-color: #66cbca;
}

/*
 * 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: right 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;
    
}

ul.cm_down li ul li{
	background-color:#0f55ab;
	
}

ul.cm_down li ul li a {
	color: #fff;
}

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

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

ul.cm_down li.parent{
   /* background-image: url(arrow-down.png);
    background-position: right center;
    background-repeat: no-repeat;*/
}

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

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