@charset "utf-8";
/* CSS Document */

/**********************************************/
#hnavbar ul {
	list-style:none;
}

#hnavbar ul ul{
	list-style:none;
	margin-left:10px;
}

#hnavbar li {
	float:right;
	width:auto;
}
#hnavbar ul li a {
	display:block;
	padding:0 5px 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:20px;
font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
}


#hnavbar ul li ul li {
padding-left:0px;
font-weight:bold;
}


#hnavbar ul li ul li a {
text-align:left;
font-weight:normal;
display:block;
}


#hnavbar li.last {
	margin-right:10px;
}
#hnavbar ul li a.hmarked {
	text-decoration:none;
	color:#757575;
	font-weight:bold;
	/*background-color: #fff; */
}

#hnavbar ul li ul li a.hmarked {
	text-decoration:none;
	color:#757575;
	font-weight:bold;
background-color: #FFFFFF;
}

#hnavbar ul:hover li:hover a {
font-weight:normal;
background-color:#FFFFFF;
color:#656565;
}

#hnavbar ul:hover li:hover a:hover, #hnavbar ul:hover li:hover a.hmarked, #hnavbar ul  li a.hmarked  {
font-weight:bold;
background-color:#E4DDD5;
color:#656565;
}

/**************************************************/




/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
	width:570px;
	height:27px;
	position:relative;
	z-index:100;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
}
/* hack to correct IE5.5 faulty box model */
* html .menu {
	width:670px;
	w\idth:668px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.menu ul ul {
	width:90px;
	width:120px;

}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width:110px;
	position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	width:89px;
	width:109px;
	height:25px;
	border:1px solid #555555;
	/*border:1px solid #fff;*/
	border-width:1px 1px 1px 1px;
	/*background:#74ba5e;*/
	/*padding-left:10px;*/
	line-height:25px;
	background: rgb(74, 74, 74);
	background: rgba(74, 74, 74, .75);
	color: rgb(255, 255, 255);
	color: rgba(255, 255, 255, .75);
	text-align:center;
	color:#FFF;
}

/* a hack so that IE5.5 faulty box model is corrected    IE6*/ 
* html .menu a, * html .menu a:visited {
	width:119px;
	w\idth:109px;
	
}

.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:26px;
	left:0;
	
	
	border-top:1px solid #74ba5e;

	
}
/* another hack for IE5.5 */
* html .menu ul ul {
	/*top:30px;
	t\op:31px;*/
	
	top:25px;
	t\op:26px;

	
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	
}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	/*background:#d4d8bd;*/
	
	height:auto;
	line-height:1em;
	padding:5px 5px;
	width:120px;
	border-width:0 1px 1px 1px;
	background: rgb(228, 221, 213); 
	background: rgba(228, 221, 213, .75);
	color: rgb(33, 33, 33); color:#111111;
	color: rgba(33, 33, 33, .75);
	color:#555555;
	text-align:left;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
	/*width:150px;
	w\idth:128px;

	color:#111;*/
}

.menu ul li a.marked {
	background:#252525;
	
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
	color:#111;
	background:#252525;
}


.menu :hover > a, .menu ul ul :hover > a, .menu ul ul a.marked{
	color:#FFF;
	background:#252525;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
	color:#111;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {
	visibility:visible;
	color:#111;
}