@charset "UTF-8";

#outerContainer {background:#4b4d3f; width:750px; height:30px;}
#menuContainer {
	position:relative;
	float:left;
}

#nav, 
#nav ul {
	padding:0;
	margin:0;
	list-style:none;
	font: 11px arial, verdana, sans-serif;
	background:url(transparent.gif);
	position:relative;
	z-index:100;
	display:inline;
}
#nav {
	height:34px;
	float:left;
	padding:0;
	position:relative;
	width: 436px;
	display:inline;
}

#nav table {
	border-collapse:collapse;
}
#nav li {
	float:left;
	width: 108px;
	background-image: url(../images/Tmenu_line.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 1px;
	
	
}



#nav li li {
	float:none;
	float:clear;
	}
/* a hack for IE5.x and IE6 */
#nav li a li {
	float:left;
	float:clear;
	}

#nav li a {
	display:block;
	float:left;
	color:#333333;
	font-family: Verdana;
	font-size: 12px;
	height: 22px;
	width: 100%;
	text-align: center;
	padding-top: 12px;
	text-decoration: none;
	margin-top: -1px;
	display:inline;
	
}
#nav li li a {
	height:24px;
	line-height:25px;
	background-color: #D4D4D4;
	float:none;
	text-align: left;
	text-indent: 10px;
	display: block;
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	width: 130px;
	border: 1px solid #666666;
	position: relative;
	padding-top: 8px;
	width: 130px;
}

#nav li:hover {position:relative; z-index:100; background:url(transparent.gif);}
#nav a:hover {
	position:relative;
	z-index:100;
	color:#fc0;
	border:0;
	color:#FFFFFF;
	background-image: url(../images/Tmenu_00r.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
	
}
#nav li:hover > a {
	color:#FFFFFF;
	background-image: url(../images/Tmenu_00r.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
}

#nav :hover  ul {
	left:0;
	top:34px;
	z-index:300;
}
#nav a:hover ul {
	left:-1px;
}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav LI:hover LI:hover > UL {
	MARGIN-LEFT: 100%; 
	TOP:  *0px;
	TOP:  1px  !important; 
	LEFT: *23px;
	LEFT: 22px  !important
}

/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover li:hover > a {
	color:#000000;
	background-image: url(../images/topmenu_bg.gif);
	background-color: #E8E8E8;
	background-repeat: repeat-y;
	background-position: left center;
	border: 1px solid #696969;
}

#nav li a:hover ul li a:hover {
	color:#000000;
	background-image: url(../images/topmenu_bg.gif);
	background-color: #E8E8E8;
	background-repeat: repeat-y;
	background-position: left center;
	border: 1px solid #696969;}
	

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{
	top:0;
	left: 100%;
}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}