/* Menu formatting */

/* General formatting, ul and lower */
#topMenu ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	font-size: 100%; 
	z-index:2;
	width: auto;
	
	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}


/* General: links */
#topMenu a {display: block; padding: 12px 35px;   color: #fff; text-decoration: none;font:Tahoma bold caption ; font-size:12px; z-index:2;}

/* Root level: menu item */
#topMenu ul {z-index:2; padding:0px;}
/* Root level: menu item */
#topMenu ul  li {float: left; text-align: center; font-weight: bold; z-index:2;}
/* Root level: links */
#topMenu a:hover, #topMenu a:focus {color: #d06619;}
/* Rot level: borders */
#topMenu ul li a {border-left: 0px; background: right no-repeat url("../images/rep_div.jpg") ; }
#topMenu ul li.menu-first a {border-left: 0px solid #369;}
/* Root level: current page*/
#topMenu ul li#current a { color: #d06619; font-weight: bold;}

/* 2nd level: links */
#topMenu .menu li ul a {border: 0px solid #d06619; border-top:0px; font-weight: normal; background: #4e4f51; color: #d06619; padding: 7px 7px;}
#topMenu .menu li ul a:hover, #topMenu .menu li ul a:focus {background-color: #d06619; color: white;}
/* 2nd level: menu */
#topMenu .menu li ul {position: absolute; width: 5em; margin: 0; display: none; text-transform: none; border: 0px solid #d06619; border-top: 0; font-size: 100%;}
/* General from 2nd level: current page*/
#topMenu .menu li ul li#current a {background:#d06619; color: white;}
/* General from 2nd level: menu item */
#topMenu .menu li ul li {width: 12em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1em;}

/* 3d level: links */
#topMenu .menu li ul li ul li.menu-child a {border: 0px solid #d06619; border-top:0px ; font-weight: normal; background-color: #4e4f51; color: #d06619;}
#topMenu .menu li ul li ul li.menu-child a:hover, #topMenu .menu li ul li ul li.menu-child a:focus {background: #d06619; color: white;}
/* 3rd level: menu */ /* Bug: This currently does not work in IE */
#topMenu .menu li ul li ul {border: 0px solid #f7640c; }

/* Show and hide */

/* For Firefox and others */
#topMenu .menu li:hover ul, #topMenu .menu li a:focus ul {display: block;}
#topMenu .menu li ul ul { display: none;}
#topMenu .menu li:hover ul ul {display: none;}
#topMenu .menu li:hover ul, #topMenu .menu li li:hover ul {display: block;}

/* For Internet Explorer 5+ */
/* the behaviour to mimic the li:hover rules in IE 5+ */
#topMenu .menu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;             /* specially to go with the className changes in the behaviour file */
}


/* Positioning the Pop-out Drops */
#topMenu li {position: relative;}
/* For 3rd level menu to pop-out on the right*/
#topMenu ul ul ul {
	position: absolute;
	top: 0px;
	left: 100%;
}