<!--
/* *** *** *** *
vertical menu and two level dropdown sub menus
2007-09-11
2008-11-03
browsers (tested): IE6, IE7, FF, Safari 3
/* *** *** *** */

.clear { /* Fixes FF problem showing background of div element*/
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	margin-bottom: -1px;
}
/* menu_css_div div */
.menu_css_div {
/*	font: 11px Arial, Verdana, Arial; font-weight: bold; text-decoration: none; color: #000000; text-transform: uppercase;/**/
	/*position:relative;/**/
	/*width:100%;
	min-width:100%;
	height:19px;
	/*background:#F00000;/**/
	/*border-left:1px solid #000000;/**/
	/*margin: 0 auto;
	z-index:1;/**/
}
/* IE5.5 fix */
* html .menu_css_div {
	/*width:100%;
	w\idth:100%;/**/
}

/* IE7 position the tables correctly */
.menu_css {/*position:relative;/**/}
/* IE5.5 and IE6 position the tables corectly */
* html .menu_css {position:static;}

/* remove bullets, borders and padding from list items */
.menu_css, .menu_css ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.menu_css li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.menu_css * html li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.menu_css ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* float li items to allow dropdown menu alignment*/
.menu_css li {
	/*position:relative;/**/
	float:left;
	/*width:161px;/*FF needs width for all li items, prevents second level dropdown to brake. Better if not "global" in here.*/
	/*border-top:1px solid #FF0000;/**/
}
* html .menu_css li {
	/*position:static;/**/
}

/*.menu_css ul.ul_css li.li_css {}/**/
.menu_css li.li_css {
	/*position:relative;/**/
	float:left;
	min-width:30px;
/*	border-left:1px solid #000000;*/
}
* html menu_css li.li_css { /* IE5.5 fix */
	width:30px; w\idth:30px;/**/
}
/* menu lines */
.menupathtext {
	font: 17px Arial, Verdana; font-weight: normal; color: #c4a69e;/*#431915;/**/
	text-decoration: none;
	line-height: 19px;
}
.menu_line_left {
	position: absolute;
	width: 2px;
	height: 19px;
	top: 0;
	left: 3px;
/*	background-image: url(../images/menu_line_left.gif);
	background-position: top left;
	background-repeat: no-repeat;/**/
}
.menu_line_right {
	position: absolute;
	width: 2px;
	height: 19px;
	top: 0;
	right: 2px;
/*	background-image: url(../images/menu_line_right.gif);
	background-position: top right;
	background-repeat: no-repeat;/**/
}

/* Default link styling */
.menu_css li a {
	display:block;
	font: 13px Arial, Verdana; font-weight: normal; color: #431915;
	text-decoration: none;
}

/* Style the list OR link hover. Depends on which browser is used */
.menu_css a:hover {visibility:visible; cursor:pointer; } /* for IE6 */
.menu_css li:hover { /*position:relative;/**/ z-index:200;} /* for IE7 */
/* FF */
.menu_css li:hover {position:relative;}
.menu_css ul ul li:hover {position:relative;}
.menu_css ul ul ul li:hover {position:relative;}
/* IE 6 */
* html .menu_css a:hover {position:relative; z-index:100;}
* html .menu_css ul ul a:hover{position:relative; z-index:101;}
* html .menu_css ul ul ul a:hover {position:relative; z-index:102;}
* html .menu_css ul ul ul ul a:hover {position:relative; z-index:103;}

/* normal menu item */
.menu_css a.menu_red {
	font: 13px Arial, Verdana; font-weight: normal; color: #431915;
	text-decoration: none;
	white-space:nowrap;
	display:block;
	padding-left:0px;
	padding-right:0px;
	line-height:19px;
}
* html .menu_css a.menu_red { /* IE5.5 fix */
/*	line-height:19px;/**/
}
/* hover */
/* menu item */
.menu_css a.menu_red:hover {
position:relative;
	font: 13px Arial, Verdana; font-weight: normal; color: #B41B13;
	text-decoration: none;
	white-space:nowrap;
	padding-left:0px;
	padding-right:0px;
	line-height:19px;
}
.menu_css :hover > a.menu_red, .menu_css ul :hover > a.menu_red {
	font: 13px Arial, Verdana; font-weight: normal; color: #B41B13;
	text-decoration: none;
	white-space:nowrap;
	padding-left:0px;
	padding-right:0px;
	line-height:19px;
}
/* IE5.5 fix */
* html .menu_css a.menu_red, * html .menu_css a.menu_red:visited {
	/*position:relative;/**/
	z-index:300;
}

/* active menu item */
.menu_css a.active_red {
	font: 13px Arial, Verdana; font-weight: normal; color: #B41B13;
	text-decoration: none;
	white-space:nowrap;
	display:block;
	padding-left:0px;
	padding-right:0px;
	line-height:19px;
}
/* hover */
.menu_css a.active_red:hover {
position:relative;
	font: 13px Arial, Verdana; font-weight: normal; color: #B41B13;
	text-decoration: none;
	white-space:nowrap;
	padding-left:0px;
	padding-right:0px;
	line-height:19px;
}
.menu_css :hover > a.active_red {
	font: 13px Arial, Verdana; font-weight: normal; color: #B41B13;
	text-decoration: none;
	white-space:nowrap;
	padding-left:0px;
	padding-right:0px;
	line-height:19px;
}
/* IE5.5 fix */
* html .menu_css a.active_red, * html .menu_css a.active_red:visited {
	/*position:relative;/**/
	z-index:300;
}

/* IE table fix, set table defaults */
.menu_css table {
	position:absolute;
	font-size: 11px;
	top:0;
	left:0;
	margin:0; /* IE5 0 table margins */
	/*margin:-1px 0; /* IE5 -1px top and bottom table margins */
	m\argin:0; /* re-define margins for other browsers */
	border-collapse:collapse;
}

/* dropdown sign by text */
.drop_sign, a:hover .drop_sign {
	position: absolute;
	font: 12px Arial, Verdana; font-weight: normal; color: #431915;
	text-decoration: none;
	top: 3px;
	right: 3px;
	cursor:pointer; /* IE fix */
	cursor:hand; /* IE5 fix */
}
* html .drop_sign, * html a:hover .drop_sign {
	top: 3px;/**/
}
a.active2_red:hover .drop_sign {
	right: 3px;
}
a.menu2_red:hover .drop_sign {
	right: 3px;
}
/* dropdown sign by text */
.drop_sign, a:hover .drop_sign {
}
a.menu2_red:hover .drop_sign {
}
a.active2_red:link .drop_sign, a.active2_red:visited .drop_sign, a.active2_red:active .drop_sign, a.active2_red:hover .drop_sign {
}
.menu_css li:hover ul li:hover > a.menu2_red .drop_sign {
}
/* dropdown menu item */
/*	padding: 5px 5px 5px 5px;*/

.menu_css :hover ul.ul_css1 li a.menu2_red, 
.menu_css li:hover ul.ul_css1 li a.menu2_red {
position:relative;/*.drop_item needs*/
	display: block;
	font: 12px Arial, Verdana; font-weight: normal; color: #431915;
	text-decoration: none;
	line-height:13px;
	white-space: normal;
	background-color: #FFFFFF;/**/
	/*background-image: url(../images/bg_menu_red.jpg);
	background-position: top center;
	background-repeat: repeat-y;/**/
	/*filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;/**/
	width:136px;
	height:auto;
	padding: 5px 10px 5px 13px;
	border:1px solid #431915;
	border-width:0px 1px 1px 1px;/**/
}
.menu_css :hover ul.ul_css1 li a.menu2_red:hover {
position:relative;
	display: block;
	font: 12px Arial, Verdana; font-weight: normal; color: #FFFFFF;
	text-decoration: none;
	line-height:13px;
	white-space: normal;
	background-color: #C01223;/**/
	background-image: url(../images/bg_menu_red.jpg);
	background-position: top center;
	background-repeat: repeat-y;/**/
	/*filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;/**/
	width:136px;
	height:auto;
	padding: 5px 10px 5px 13px;
	border:1px solid #431915;
	border-width:0px 1px 1px 1px;/**/
}
.menu_css li:hover ul li:hover > a.menu2_red {
	display: block;
	font: 12px Arial, Verdana; font-weight: normal; color: #FFFFFF;
	text-decoration: none;
	line-height:13px;
	white-space: normal;
	background-color: #C01223;/**/
	background-image: url(../images/bg_menu_red.jpg);
	background-position: top center;
	background-repeat: repeat-y;/**/
	/*filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;/**/
	width:136px;
	height:auto;
	padding: 5px 10px 5px 13px;
	border:1px solid #431915;
	border-width:0px 1px 1px 1px;/**/
}
/* IE5.5 fix */
* html .menu_css :hover ul.ul_css1 li a.menu2_red, 
* html .menu_css :hover ul.ul_css1 li a.menu2_red:hover {
	width:160px;
	w\idth:145px;/*144px*/
}

/* dropdown active menu item */
.menu_css :hover ul.ul_css1 li a.active2_red,
.menu_css li:hover ul.ul_css1 li a.active2_red {
position:relative;/*.drop_item needs*/
	display: block;
	font: 12px Arial, Verdana; font-weight: normal; color: #FFFFFF;
	text-decoration: none;
	line-height:13px;
	white-space: normal;
	background-color: #C01223;/**/
	background-image: url(../images/bg_menu_red.jpg);
	background-position: top center;
	background-repeat: repeat-y;/**/
	/*filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;/**/
	width:136px;
	height:auto;
	padding: 5px 10px 5px 13px;
	border:1px solid #431915;
	border-width:0px 1px 1px 1px;/**/
}
.menu_css :hover ul.ul_css1 li a.active2_red:hover {
position:relative;
	display: block;
	font: 12px Arial, Verdana; font-weight: normal; color: #FFFFFF;
	text-decoration: none;
	line-height:13px;
	white-space: normal;
	background-color: #C01223;/**/
	background-image: url(../images/bg_menu_red.jpg);
	background-position: top center;
	background-repeat: repeat-y;/**/
	/*filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;/**/
	width:136px;
	height:auto;
	padding: 5px 10px 5px 13px;
	border:1px solid #431915;
	border-width:0px 1px 1px 1px;/**/
}
.menu_css li:hover ul li:hover > a.active2_red {
	display: block;
	font: 12px Arial, Verdana; font-weight: normal; color: #FFFFFF;
	text-decoration: none;
	line-height:13px;
	white-space: normal;
	background-color: #C01223;/**/
	background-image: url(../images/bg_menu_red.jpg);
	background-position: top center;
	background-repeat: repeat-y;/**/
	/*filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;/**/
	width:136px;
	height:auto;
	padding: 5px 10px 5px 13px;
	border:1px solid #431915;
	border-width:0px 1px 1px 1px;/**/
}
/* IE5.5 fix */
* html .menu_css :hover ul.ul_css1 li a.active2_red, 
* html .menu_css :hover ul.ul_css1 li a.active2_red:hover {
	width:160px;
	w\idth:145px;/*144px*/
}

/* hide sub menus off the screen */
.menu_css ul, 
.menu_css :hover ul ul, 
.menu_css :hover ul :hover ul ul,
.menu_css :hover ul :hover ul :hover ul ul,
.menu_css :hover ul :hover ul :hover ul :hover ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	/*border-top: 1px solid ;/**/
	border-top: 1px solid #431915;/**/
}
.menu_css li:hover ul ul, 
.menu_css li:hover ul li:hover ul ul,
.menu_css li:hover ul li:hover ul li:hover ul ul,
.menu_css li:hover ul li:hover ul li:hover ul li:hover ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:161px;/*FF needs width for all li items. 1. prevents second level dropdown to brake. 2. for border-top to show*/
	/*border-top: 1px solid ;/**/
	border-top: 1px solid #431915;/**/
}

/* first drop down sub level position */
/*.menu_css :hover ul,/**/
.menu_css :hover ul.ul_css1,
.menu_css li:hover ul.ul_css1 {
	left:2px;
	top:19px;
	width:161px;
	padding: 0;
	margin: 0;
	/*background:transparent url(../images/trans.gif); /* IE7 fix */
	background-color: #FFFFFF;/**/
	background-image: url(../images/bg_menu_red.jpg);
	background-position: top center;
	background-repeat: repeat-y;/**/
}
/* FF background for all levels*/
.menu_css :hover ul,
.menu_css :hover ul :hover ul,
.menu_css :hover ul :hover ul :hover ul,
.menu_css :hover ul :hover ul :hover ul :hover ul,
.menu_css :hover ul :hover ul :hover ul :hover ul :hover ul {
	/*background:transparent url(../images/trans.gif); /* IE7 fix */
	background-color: #FFFFFF;/**/
	background-image: url(../images/bg_menu_red.jpg);
	background-position: top center;
	background-repeat: repeat-y;/**/
	/*border-top: 1px solid #000000;/**/
}
/*.menu_css li:hover ul,
.menu_css li:hover ul li:hover ul,
.menu_css li:hover ul li:hover ul li:hover ul,
.menu_css li:hover ul li:hover ul li:hover ul li:hover ul,
.menu_css li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {
	background-color: #464646;
	background-image: url(../images/bg_header_menu.gif);
	background-position: top center;
	background-repeat: repeat-y;
}/**/
* html .menu_css :hover ul.ul_css1,
* html .menu_css li:hover ul.ul_css1
{left:0px; top:19px;}/*IE6*/
/*{left:-5px; top:22px;}/**/

/* position normal sub menus on hover */
.menu_css :hover ul :hover ul,
.menu_css :hover ul :hover ul :hover ul,
.menu_css :hover ul :hover ul :hover ul :hover ul,
.menu_css :hover ul :hover ul :hover ul :hover ul :hover ul
{left:160px; top:-1px;}/**/
.menu_css li:hover ul li:hover ul,
.menu_css li:hover ul li:hover ul li:hover ul,
.menu_css li:hover ul li:hover ul li:hover ul li:hover ul,
.menu_css li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul/**/
{left:160px; top:-1px;}/**/
/* position left sub menus on hover */
.menu_css :hover ul :hover ul.ul_css2_left,
.menu_css :hover ul :hover ul :hover ul.ul_css2_left,
.menu_css :hover ul :hover ul :hover ul :hover ul.ul_css2_left,
.menu_css :hover ul :hover ul :hover ul :hover ul :hover ul.ul_css2_left
{left:-160px; top:-1px;}/**/
.menu_css li:hover ul li:hover ul.ul_css2_left,
.menu_css li:hover ul li:hover ul li:hover ul.ul_css2_left,
.menu_css li:hover ul li:hover ul li:hover ul li:hover ul.ul_css2_left,
.menu_css li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul.ul_css2_left/**/
{left:-160px; top:-1px;}/**/
-->