/*	FOR ALL YOUR DEBUGGING NEEDS USE FIREBUG:
	http://www.getfirebug.com
*/

/**********************/
/*     MAIN MENU      */
/**********************/

/* 	These styles shouldn't need to be changed much as
	they plug straight into the included nav menu (_primaryNav.cfm - not milonic menu).
*/

/**********************/
/*     MAIN MENU      */
/**********************/
div#menu {
	width: 196px;
	margin: 0px auto 0px auto;
}
div.menuItem a {
	display: block;
	min-height: 22px;
	height: auto !important;
	height: 22px;
	padding: 8px 7px 0px 15px;
	font-size: 11px;
}

div.menuLevel1,
div.menuLevel2{
	border-bottom: 1px solid #575755;
	padding: 0 20px 0 0; 
	}
div.menuLevel3,
div.menuLevel3_open,
div.menuLevel5{
	padding: 0 20px 0 0; 
	}

div.menuLevel1 a, 
div.menuLevel2 a{
	color: #B2B2B2;
	text-decoration: none;
	font-weight: bold;
}

div.menuLevel1 a:hover, 
div.menuLevel2 a:hover,
div.menuLevel2_parent a:hover,
div.menuLevel2_parent_open a:hover,
div.menuLevel3 a:hover,
div.menuLevel3_parent a:hover,
div.menuLevel3_parent_open a:hover,
div.menuLevel4 a:hover,
div.menuLevel4_parent a:hover,
div.menuLevel4_parent_open a:hover,
div.menuLevel5 a:hover,
div.menuLevel5_parent a:hover,
div.menuLevel5_parent_open a:hover {
	color: #E08E00;
}
/*--- Level 1 and 2 ---*/

div.menuLevel1_active,
div.menuLevel2_active{
	padding: 0 20px 0 0;
	background-color: #C84166;
	}

div.menuLevel2_parent{
	border-bottom: 1px solid #575755;
	}
	
div.menuLevel2_parent_active,
div.menuLevel2_parent_open{
	background-color: #C84166;
	}	
div.menuLevel2_parent_open a{
	background: url("../wsimages/minus.gif") 155px 10px no-repeat;
	padding-right: 20px !important;
	color: #D6D1D2;
	text-decoration: none;
	display: block;
	font-weight: bold;
}

div.menuLevel2_parent a{
	padding-right: 20px !important; 
	background: url("../wsimages/cross.gif") 155px 10px no-repeat;
	display: block;
	color:#B2B2B2; 
	}

div.menuLevel2_parent_active a{
	padding-right: 20px !important;
	background: url("../wsimages/minus.gif") 155px 10px no-repeat;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	display: block;
	}
	
/*-----------------------*/	

/*--- Level 3 ---*/
div.menuLevel3,
div.menuLevel3_parent_open{
	background-color: #973751;
	}
div.menuLevel3 a{
	display: block !important;
	color: #D6D1D2;
	text-decoration: none;
	font-weight: normal;
	}		
div.menuLevel3_parent{
	background-color: #973751;
	}
div.menuLevel3_parent a {
	padding-right: 20px !important; 
	background: url("../wsimages/cross.gif") 155px 10px no-repeat;
	display: block;
	color:#B2B2B2; 
	}
div.menuLevel3_active,
div.menuLevel3_parent_active{
	background-color: #445193;
	}

div.menuLevel3_active a{
	padding-right: 20px !important;
	}

div.menuLevel3_parent_active a{
	background: url("../wsimages/minus.gif") 155px 10px no-repeat;
	padding-right: 20px !important;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;	
	}

div.menuLevel3_parent_open a{
	background: url("../wsimages/minus.gif") 155px 10px no-repeat;
	padding-right: 20px !important;
	color: #D6D1D2;
	text-decoration: none;
	display: block;
}

/*-----------------------*/	

/*--- Level 4 ---*/
div.menuLevel4,
div.menuLevel4_parent,
div.menuLevel4_parent_open{
	background-color: #43272C;
	}	
div.menuLevel4 a{
	background: url("../wsimages/navBullet.jpg") 140px 10px no-repeat;
	padding-right: 30px !important;
	display: block !important;
	color: #D6D1D2;
	text-decoration: none;
	font-weight: normal;
	}
div.menuLevel4_active a{
	background: url("../wsimages/navBullet.jpg") 140px 10px no-repeat;
	padding-right: 30px !important;
	color: #FFF;
	}	
div.menuLevel4_parent a{	
	background: url("../wsimages/bulletCross.gif") 140px 7px no-repeat;
	padding-right: 40px !important; 
	font-weight: normal;
	color: #D6D1D2;
	display: block;
	text-decoration: none;
	}	
div.menuLevel4_parent_open a{
	background: url("../wsimages/bulletMinus.gif") 140px 7px no-repeat;
	padding-right: 30px !important;
	color: #D6D1D2;
	text-decoration: none;
	display: block;
	}
div.menuLevel4_parent_active a{
	background: url("../wsimages/bulletMinus.gif") 140px 7px no-repeat;
	padding-right: 30px !important;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;	
	}
div.menuLevel4_active,
div.menuLevel4_parent_active{
	background-color: #445193;
	}

/*-----------------------*/			

/*--- Level 4 ---*/	
div.menuLevel5{
	padding-right: 30px !important; 
	}	
div.menuLevel5_active{
	background-color: #445193;
	}			
div.menuLevel5 a,
div.menuLevel5_parent a{
	display: block;
	color: #D6D1D2;
	text-decoration: none;
	font-weight: normal;
	}
div.menuLevel5_active a{
	padding-right: 30px !important;
	color: #FFF;
	}

div.menuLevel5_parent_active a{
	background: url("../wsimages/minus.gif") 155px 10px no-repeat;
	padding-right: 30px !important;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;	
	}
	
/*-----------------------*/		

/*-- active state for all levels -- */	
div.menuLevel1_active a,
div.menuLevel2_active a,
div.menuLevel3_active a,
div.menuLevel4_active a,
div.menuLevel5_active a{
	color: #FFF;	
	}