/************ sub nav styles  **************/
.leftnav
{
	width: 185px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;


}
.leftPanel
{
	width: 185px;
	float:left;
}

#navcontainer 
{
	border-top: 1px solid #ffffff;
	width: 185px;
	text-decoration: none !important;
	text-align: left;
	background-color: #aaaaaa;
}

#navcontainer ul 
{
	font-weight: normal;
	font-size: 0.7em;
	font-family: sans-serif, "Trebuchet MS";
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 185px;
	letter-spacing: 1px;
}

#navcontainer li
{
	margin: 0px; 
	padding: 0px; 
	list-style-type: none;
		
}

.open a
{
	padding-left: 0px; 
	border-bottom: 1px solid #ffffff; 
	width: 185px; 
		padding-top: 5px;
	padding-bottom: 5px; 
	display: block;
	background-image: url("../images/menminus.gif"); 
	background-repeat: no-repeat;	
	background-position: 3px 50%;
	text-transform: uppercase !important;
	
}

.closed a 
{
	padding-left: 0px; 
	border-bottom: 1px solid #ffffff; 
		padding-top: 5px;
	padding-bottom: 5px; 
	width: 185px; 
	display: block; 
	background-image: url("../images/menplus.gif"); 
	background-repeat: no-repeat;	
	background-position: 3px 50%;
	text-transform: uppercase !important;
}

.normal a
{
	color:#FF0000;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ffffff;
	background:url("../images/pdu_navbg.gif");
	background-repeat: no-repeat;
	background-position: 3px 0px;
	width: 185px;
	display: block;
	text-transform: uppercase !important;
}

.selected a 
{
	padding-left: 0px;
	border-bottom: 1px solid #ffffff;
	font-size: 1em;
	width: 185px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	background:#dea963 url("../images/pdu_subnavbg_on.gif");
	background-repeat: no-repeat;
	background-position: 3px 0px;
	text-transform: uppercase !important;
}


.open a:hover /*main nav which is open hover state */
{
	color: #000;
	text-decoration: none !important;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url("../images/menminus.gif");
	background-repeat: no-repeat;
	background-position: 3px 50%;
	background-color: #dea963;
}

.closed a:hover /*main nav which is closed hover state */
{
	text-decoration: none !important;
	color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #dea963;
	background-image: url("../images/menplus.gif");
	background-repeat: no-repeat;
	background-position: 3px 50%;
}

.normal a:hover /*main nav link (without sub navs) hover state */
{
	text-decoration: none !important;
	color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	background:#dea963 url("../images/pdu_navbg.gif");
	background-repeat: no-repeat;
	background-position: 3px 0px;
}

.selected a:hover 
{
	text-decoration: none !important;
	color: #000;
	background-repeat:no-repeat;
	/*background-repeat: repeat-y; */
	background-position: 3px 0px;
	background-color: #dea963;
}

/*font*/.open  a:link, .closed  a:link, .normal  a:link, .selected  a:link {color: #e7e3e3;	text-decoration: none;}
/*font*/.open  a:hover, .closed  a:hover, .normal  a:hover, .selected  a:hover {
	color:#666666;
	text-decoration: none;
}
/*font*/.open  a:visited:hover, .closed  a:visited:hover, .normal  a:visited:hover{color: #666666 !important; text-decoration: none;} /* if its visited and hover */
/*font*/.open  a:visited, .closed  a:visited, .normal  a:visited{color: #e7e3e3;	text-decoration: none;}
/*font*/.selected  a:visited{color: #ffffff;	text-decoration: none;}


/******************************************** sub sub nav styles  *********************************************************/
.open ul{
	width:185px;
	display: block; 
	text-decoration: none !important;
	/*border:1px solid;*/
}
/*	
.open li{
	width:116px;
	margin-left:10px !important;

}
*/

.closed ul{
	display: none;
	}
	
.open ul a  { /*sub nav normal state */
	color: #e7e3e3 !important;
	border-bottom:solid 1px #ffffff; /*sub nav background colour */
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 185px;
	margin: 0 0 0 0;
	font-size: 1.2em;
	background-image: url("../images/pdu_subnavbg_out.gif");
	background-repeat: no-repeat;
	background-position: 3px 0px;
	text-transform: none !important;
	background-color: #757575;	
}

.open ul a:visited  { 
	color: #e7e3e3 !important;
	border-bottom:solid 1px #ffffff;
	background: #757575; /*sub nav background colour */
	padding-left: 0px;  
	width: 185px;
	padding-top: 5px;
	padding-bottom: 5px;  
	margin: 0 0 0 0;
	font-size: 1.2em;
	background-image: url("../images/pdu_subnavbg_out.gif"); 
	background-repeat: no-repeat; 
	background-position: 3px 0px;
	text-transform: none !important;
}

.open ul a:hover  {
	color: #FFFFFF !important;
	text-decoration: none !important;
	background: #c4903b none;  /* rollover background colour */
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1.2em;
	width: 185px;
	margin: 0 0 0 0;
	background-image: url("../images/pdu_subnavbg_out.gif");
	background-repeat: no-repeat;
	background-position: 3px 0px;
	text-transform: none !important;
}



.open a.selected, .open a.selected:visited {
	text-decoration: none !important;
	/*color: white !important; */
	text-decoration: none !important;
	border-bottom:solid 1px #ffffff;
	font-size: 1.2em;
	color: #ffffff !important;
	background-color: #c4903b;
	background-image: url("../images/pdu_subnavbg_on.gif");
	background-repeat: no-repeat;
	background-position: 3px 0px;
	width: 185px;
	margin: 0;
	/*	margin: 0px 0px 0px 10px; 
	width: 128px;*/ 
	display: block;
	text-transform: none !important;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}

/*.open a:hover.selected */
.open a.selected:hover{
	text-decoration: none !important;
	border-bottom:solid 1px #ffffff;
	font-size: 1.2em;
	color: #ffffff !important;
	/*	background-image: url("/images/interface/bromak_leftnav_tab.gif"); 
	background-image: url("/images/interface/bromak_subnavbg_ovr.gif");*/ 
	background-image: url("../images/pdu_subnavbg_on.gif");
	background-repeat: no-repeat;
	background-position: 3px 0px;
	width: 185px;
	margin: 0;
	/*	margin: 0px 0px 0px 10px;  
	width: 128px;*/ 
	display: block;
	text-transform: none !important;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	background-color: #c4903b;
}
++--