/* 
    Document   : style.menu
    Created on : 2012.3.3, 00:23:31
    Author     : intuuzis
    Description:
        Purpose of the stylesheet follows.
*/

#menuh-container
	{
	    width: 800px;
	    margin: 0 auto;
	    padding-top: 35px;
	/* position: absolute; 
	top: 1em;
	left: 1em;*/	
	}

#menuh
	{
	font-size: 17px;
/*	width:100%;*/
	float:right;
	/* margin:2em;
	margin-top: 1em; */
	}
		
/*      
#menu_contact {	
    font-size: 17px;
    float:right;
    color: white;
    width: 200px;
    border: 1px solid pink;
}
*/
  
#menuh a
	{
	/* text-align: center; */
	display:block;
	/* border: 1px solid #0040FF; */
	white-space:nowrap;
	margin:0;
	padding: 5px;
	font-family: "Ubuntu Condensed", sans-serif;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: white;
	/* background-color: #0040FF;		 royal blue */
	text-decoration:none;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: white;
	/* background-color: #668CFF;	 cornflowerblue */
	text-decoration:none;
	}	
	
	
    /* attaches down-arrow to all top-parents */
#menuh a.top_parent, #menuh a.top_parent:hover
	{
	background-image: url(../images/menu_dropdown_triangle.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 20px;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(nav_white.html);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	/* width:9em;	 width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding-top: 10px;
	background-image: url(../images/menu_sub_triangle.png);
	background-repeat: no-repeat;
	background-position: top left;
	/* margin:-1em 0 0 -1em; */
	}
	
#menuh ul ul a
	{
	font-size: 14px;
	border-bottom: 1px solid #333333;
	padding: 3px;
	/*
	background-image: url(../images/menu_seperator_horizontal.png);
	background-repeat: repeat-x;
	background-position: bottom;
	*/
	}
	
#menuh ul ul a.submenu_item {
    padding-left: 25px;
    background-image: url(../images/menu_sub_triangle_white.png);
    background-repeat: no-repeat;
    background-position: left center;
    border-bottom: none;
}

#menuh ul ul a.submenu_parrent {
    border-bottom: none;
}
	
#menuh ul ul li
	{
	background-image: url(../images/menu_background_button.png);
	padding: 0 20px;
	/*
	background-image: url(../images/menu_seperator_horizontal.png);
	background-repeat: repeat-x;
	background-position: bottom;
	*/
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}


div#menuh li:hover amenu_vertical {
    
}

.menu_vertical {
    padding: 0px 10px;
    background-image: url(../images/menu_seperator_vertical.png);
    background-repeat: repeat-y;
    background-position: right;
}

.menu_vertical_last {
    padding: 0px 10px;
}

.menu_vertical_last a:hover, .menu_vertical a:hover, .top_parent:hover {
    color: #99CC66 !important;
    
    /* border-bottom: 3px solid #99cc66; */
    /*
    background-image: url(../images/menu_hover.png);
    background-repeat: repeat-x;
    background-position: bottom;
    */
}

#info_button:hover {
    background-image: url(../images/menu_hover.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

#info_button {
    bottom: 18px;
}




/* End CSS Drop Down Menu */
