/* CoolMenus 4 - default styles - end */
  
/*Style for the background-bar*/
.clBar{position:absolute; width:0; height:0; visibility:hidden; }

/*Styles for level 0*/
.clLevel0 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: normal; 
	text-align: left;
	z-index: 300;
	color: #FFFFFF;
	cursor: pointer; 
}
	
.clLevel0over { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: normal;
	text-align: center; 
	background-color: #9C0000; 
	layer-background-color: #ffffff; 
	color: #ffffff;
	cursor:pointer; 
}
	
.clLevel0border {
	position: absolute; 
	visibility: hidden ;
}

/*Styles for level 1*/
.clLevel1 {
	position: absolute; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	text-align: left; 
	z-index: 300;
	padding: 5px 1px 5px 4px;
	cursor: pointer;
	text-align: left; 
	border: 1px solid #CC0000;
	background-color: #9C0000; 							// menu flyout state button background colour
	layer-background-color: #ffffff; 
	color: #ffffff;
}

.clLevel1over {
	position: absolute; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal;
	padding: 5px 1px 5px 4px;
	cursor:pointer;
	text-align: left; 
	border: 1px solid #CC0000;
	background-color: #CC0000; 
	layer-background-color: #CC0000; 					// menu flyout state button rollover background colour
	color: #ffffff;
}
	
.clLevel1border {
	position:absolute; 
	visibility:show;
}