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

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

ul.css_menu li{
    margin: 0;
    padding: .1em;
}

ul.css_menu li{
    float: left;
    background-color: #98bba7;
    width: 94px;
    position: relative;
    left: 2px;
    top: 0;
    font-weight: 600;
    color: #000000;
}

ul.css_menu a:link {
	text-decoration: none;
	color: #000000;
}
ul.css_menu a:hover {
	text-decoration: none;
	color: #000000;
}
ul.css_menu a:visited {
	text-decoration: none;
	color: #000000;
}

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.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.parent {
  /* Add class 'hover' when hovered */
  stupid-ie-be-more-funny: expression(this.onmouseover =  new Function("this.className += ' hover';"));
}
ul.cm_down li.parent.hover {
  /* Duplicate bit from the :hover rule */
  background: #66cbca; /* url(arrow-right.png) right center no-repeat; */
  /* Delete 'hover' class when unhovered */
  stupid-ie-be-more-funny: expression(this.onmouseout = new Function("this.className=(' '+this.className+' ').replace(' hover ','');"));
}


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