@charset "UTF-8";

/* Main Navigation */
#nav, #nav ul {
	margin:					0;
	padding:				0;
	list-style-type:		none;
	list-style-position:	outside;
	position:				relative;
	z-index:				10;	
	white-space:			nowrap;
}
#nav a, #nav li {
	display:				block;
	border:					0px none;
	color:					#333;
	text-decoration:		none;
	text-align:				center;
	width:					120px;
	height:					34px;
	line-height:			34px;
	font-weight:			bold;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				14px;
	text-transform:			uppercase;
}
#nav a:hover, #nav a.hovered {
	background-position:	top left;
	background-repeat:		no-repeat;
	background-image:		url('/images/Navi/HG-main.gif');
}
#nav li {
	margin:					0;
	padding:				0;
	float:					left;
	position:				relative;
}
#nav li.divider {
	width:					auto;
	padding-top:			10px;
	padding-bottom:			10px;
	height:					14px;
	overflow:				hidden;	
}

div.seperator {
	width:					0px;
	border-left:			1px solid #ccc;
	border-right:			1px solid #fff;
	height:					14px;
	overflow:				hidden;
}

/* Sub Navigation  Level 1*/
#nav ul {
	position:				absolute;
	display:				none;
	top:					34px;
	left:					0px;
	width:					240px;
}
#nav ul li {
	width:					240px;
	line-height:			26px;
	height:					26px;
}
#nav li ul a {
	width:					227px;
	height:					24px;
	line-height:			24px;
	font-weight:			normal;
	font-size:				10px;
	float:					left;
	text-align:				left;
	border-top:				1px solid #F0F0F0;
	border-bottom:			1px solid #999;
	background-color:		#ccc;
	padding-left:			13px;
}
#nav li ul a:hover, #nav li ul a.hovered {
	background-image:		url('/images/Navi/HG-sub1.gif');
	color:					#0099ED;
}

/* Sub Navigation  Level 2*/
#nav ul ul {
	top:					auto;
	left:					240px;
}
#nav li ul ul {
	width:					240px;
	padding:				0px;
}
#nav li ul ul a {
	border-top:				1px solid #fff;
	border-bottom:			1px solid #ccc;
	background-color:		#F0F0F0;
	color:					#666;
	overflow:				hidden;
}
#nav li ul ul a:hover, #nav li ul ul a.hovered  {
	background-image:		url('/images/Navi/HG-sub2.gif');
	color:					#0099ED;
}

/* General Settings */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
	display:				none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
	display:				block;
	z-index:				10;
}

/* Arrows */
img.menuimg {
	width:					8px;
	height:					7px;
	border:					0px none;
	line-height:			24px;
	float:					right;
	margin:					8px;
}
img.breadcrumb {
	width:					8px;
	height:					7px;
	border:					0px none;
	line-height:			24px;
	float:					right;
	margin-left:			8px;
	margin-right:			0px;
	margin-top:				8px;
	margin-bottom:			8px;
}
div.navtext {
	float:					left;
	width:					203px;
	overflow:				hidden;
	white-space: 			nowrap;	
}

/* Sub Navigation Right*/
#navSub, navSub ul {	
	width:					240px;
	margin:					0;
	padding:				0;
	list-style-type:		none;
	list-style-position:	outside;
}

#navSub a, #navSub li {
	width:					240px;
	height:					24px;
	line-height:			22px;
	font-weight:			normal;
	font-size:				10px;
	text-decoration:		none;	
	text-transform:			uppercase;		
	float:					left;
	text-align:				left;
	border-top:				1px solid #fff;
	border-bottom:			1px solid #B2E0F6;
	margin:					0px;
	padding:				0px;	
	color:					#666;
	_margin-top:			-1px;
	display:				inline;
}

#navSub a:hover, #navSub a.hovered {
	color:					#0099ED;
}
