/* 
	navigation bar - horizontal dropdown
	--------------------------------------------------
*/
div#nav {
	/*background: #c09;*/

}

/* first level */
div#nav ul {
	width: 100%;
	margin: 0;
	list-style: none;
}

div#nav li {
	position: relative;
	float: left;	
	height:24px;
	margin-right:52px;
	font-size:13px;
}

div#nav li a {
	display: block;
	width: auto;		
	padding:3px 0px 2px 0px;
	white-space: nowrap;
	text-decoration: none; 
	color: #584f48;
	text-align:right;
	font-weight:bold;
}

div#nav li a.sub {
	/*background: url(../img/arrow_d.png) no-repeat 95% 50%;*/
}

div#nav li a:hover {
	color: #005a96;
}

div#nav li:hover {
	/*background: #909;*/
}

div#nav li.active a {
	color: #005a96;
	font-weight:bold;
}

div#topnav ul {
	width: 100%;
	margin: 0;
	list-style: none;
}

div#topnav li {
	position: relative;
	float: right;	
	height:15px;
	margin-left:10px;
	border-left:1px solid #584f48;

}
div#topnav .topmenuLast{
	border-left:1px solid #FFFFFF;
}

div#topnav li a {
	display: block;
	width: auto;		
	padding:0px 0px 0px 10px;
	white-space: nowrap;
	text-decoration: none; 
	color: #584f48;
	text-align:right;

}

div#topnav li a.sub {
	/*background: url(../img/arrow_d.png) no-repeat 95% 50%;*/
}

div#topnav li a:hover {
	color: #005a96;
}

div#topnav li:hover {
	/*background: #909;*/
}

div#topnav li.active a {
	color: #005a96;
		border-left:1px solid #FFFFFF;

}




/* second level */
div#subNav ul {
	width: 172px;;	
	margin: 0;
	margin-top:68px;
	list-style: none;
}

div#subNav li {
	width:172px;
	position: relative;
	float: left;	
	line-height: 16px;
	padding-top:8px;
	padding-bottom:8px;
	background-image:url(/images/pixStip.gif);
	background-repeat:repeat-x;
	background-position:top;
}

div#subNav li a {

	width: auto;		
	padding:8px 0px 2px;;

	text-decoration: none; 
	color: #584f48;
	margin-bottom:2px;
	text-align:left;
	font-weight:bold;
}
div#subNav li a.sub3{
	font-weight:normal;
	font-size:11px;
	padding-left:10px;
	display:inline-block;
	padding-top:0px;
	padding-bottom:0px;
}
div#subNav li a.sub {
	/*background: url(../img/arrow_d.png) no-repeat 95% 50%;*/
}

div#subNav li a:hover {
	color: #0079bc;
}

div#subNav li:hover {
	/*background: #909;*/
}

div#subNav li.active a {
	color: #0079bc;
}


div#imageContainer ul{
	width: 218px;
	margin: 0;
	list-style: none;
	font-size:11px;
	padding-bottom:20px;
	background-image:url(/images/pixStip.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	cursor:pointer;
	margin-bottom:10px;
}

div#imageContainer li{
	height:15px;
	list-style: none;
	font-size:11px;
	text-decoration:underline;
	color:#594e4a;
}


/* second level */
div#nav ul ul {
	margin-top:24px;
	width: 500px;
}

div#nav li li {
	position: relative;
	float: left;	
	line-height: 16px;
	height:24px;
	margin-right:25px;

}

div#nav li li a, div#nav li.active li a {
	width: auto;
	white-space: normal;
	border-right:none;
	text-align:left;
	color: #584f48;
	font-size:11px;
}

div#nav li li a.sub {
	padding-right: 15px;
	/*background: url(../img/arrow_r.png) no-repeat 95% 50%;*/
}

div#nav li li:hover, div#nav li li a:hover {
	color:#0079bc;
}


div#nav li:hover li:hover {
	/*background: #900;*/
}

div#nav li.active li.active a {
	color: #872275;
}

/* third level */
div#nav ul ul ul{
	top: -1px;
	margin-left: 170px;
}

div#nav li.active li.active li a {
	color: #fff;
}

div#nav li:hover li:hover li:hover {
	background: #900;
}

div#nav li.active li.active li.active a {
	color: Yellow;
}

/* fourth level */
div#nav li.active li.active li.active li a {
	color: #fff;
}

div#nav li.active li.active li.active li.active a {
	color: Yellow;
}



/* show hide behaviour */
div#nav ul ul,  
div#nav ul ul ul,
div#nav ul ul ul ul {
	position: absolute;
	top:-1px;
	left: -999em;
	z-index: 10001;

}

div#nav li:hover ul,
div#nav li a:hover ul,  
div#nav li li:hover ul,
div#nav li li li:hover ul {
	margin-left:0px;
	left: auto;
	
}