/* CSS Document */

/*SDDM - Simple Drop Down Menu */

/* Top horizontal menu */

#topMenu ul
{	
	margin: 						0;
	padding-left: 			0px;
	z-index: 						30;
	float: 							left;
}

/* Always visible, top level menu items */
#topMenu li
{	
	margin: 						0;
	padding:						0;
	list-style:					none;
	float:							left;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					7.5pt;
	line-height:				20px;
}

/* Always visible, top level menu items that are also links */
#topMenu li a
{	
	display:						block;
	margin:							0;						/* set to: margin: 0 1px 0 0; to get line at right had edge of each menu item */
	padding:						4px 10px;
	width:							auto;
	/* background:					#FFFFFF;			/* Background colour for top menu items */
	color:							#FFFFFF;			/* Text colour for top menu items */
	text-align:					left;
	text-decoration:		none;
	line-height:				20px;
}

#topMenu li a:hover
{	
	color:							#224874;
	background:					#888888;			/* Hover background colour for top menu items */
}

#topMenu div
{	
	position:						absolute;
	visibility:					hidden;
	margin:							0;
	padding:						0;
	background:					#FFFFFF; 
	border:							1px dotted #999999;
	filter:							alpha(opacity=90); 
	-moz-opacity:				0.90; 
	opacity:						0.90;
}

#topMenu div a
{	
	position:						relative;
	display:						block;
	margin:							0;
	padding:						5px 10px;
	width:							auto;
	white-space:				nowrap;
	text-align:					left;
	text-decoration:		none;
	background:					#FFFFFF;			/* Background colour for sub menu items #CC88CC */
	color:							#224874;			/* Text colour for sub menu items */
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					7.5pt;
}

#topMenu div a:hover
{	
	background: 				#99CC99;			/* Hover background colour for sub menu items */
	color: 							#224874;			/* Hover text colour for sub menu items */
}

/* Separate section for bottom menu styles */

#botMenu ul
{	
	margin: 						0;
	padding: 						0;
	z-index: 						30;
	float: 							left;
	/*background-color: #FFFFFF;			/* Colour for dividers between menu items */
}

#botMenu li
{	
	margin: 						0;
	padding: 						0;
	list-style: 				none;
	float: 							left;
	font-family: 				Verdana, Arial, Helvetica, sans-serif;
	font-size: 					7.5pt;
	line-height: 				20px;
}

#botMenu li a
{	
	display: 						block;
	margin: 						0 0 0 0;									/* set to: margin: 0 1px 0 0; to get line at right had edge of each menu item */
	padding: 						4px 10px;
	width: 							auto;
	background: 				#666666;							/* Background colour for bottom menu items #224874 */
	/* color: 					#224874;								/* Text colour for bottom menu items */
	text-align: 				left;
	text-decoration: 		none;
}

#botMenu li a:hover
{	
	background: 				#FFFFFF;							/* Hover background colour for top menu items */
}

/* Separate section for left menu styles */

#leftMenu ul
{	
	margin: 						0;
	padding: 						0;
	z-index:  					30;
	float:  						left;
}

#leftMenu li
{	
	margin:  						0;
	padding:  					3px 0;
	list-style:  				none;
	font-family:  			Verdana, Arial, Helvetica, sans-serif;
	font-size:  				7.5pt;
	color:							#ffffff;
	line-height:  			14px;
	border-left:  			#333333 solid 10px;

}

#leftMenu li:hover
{	
	border-left: 				#000000 solid 10px;
}

#leftMenu li a
{	
	display: 						block;
	margin: 						0 0 0 0;			/* set to: margin: 0 1px 0 0; to get line at right had edge of each menu item */
	padding: 						4px 10px;
	width: 							140px;
	/*background: #FFFFFF;						/* Background colour for left menu items #BB77BB */
	/* color: #224874;								/* Text colour for left menu items */
	text-align: 				left;
	text-decoration: 		none;
	color:							#ffffff;
}

#leftMenu li a:hover	{ 	
	/*padding-left: 15px;*/
	/*text-decoration: underline;*/
	/*background: #FFFFFF;						/* Hover background colour for left menu items #AA66AA */
}

#leftMenu div
{	
	position: 						absolute;
	left: 								80px;
	visibility: 					hidden;
	margin: 							0;
	padding: 							0;
	background: 					#FFFFFF;
	border: 							1px solid #999999;
	filter: 							alpha(opacity=90); 
	-moz-opacity: 				0.90; 
	opacity: 							0.90;
}

#leftMenu div a
{	
	position: 						relative;
	display: 							block;
	margin: 							0;
	padding: 							5px 10px;
	width: 								auto;
	white-space: 					nowrap;
	text-align: 					left;
	text-decoration: 			none;
	/* background: #FFFFFF; /*				/* Background colour for sub menu items */
	color: 								#224874;										/* Text colour for sub menu items */
	font-family: 					Verdana, Arial, Helvetica, sans-serif;
	font-size: 						7.5pt;
}

#leftMenu div a:hover
{	
	background: 					#CCCCCC;		/* Hover background colour for sub menu items */
	color: 								#224874;		/* Hover text colour for sub menu items */
}

/* Separate section for right menu styles */

#rightMenu ul
{	
	margin: 							0;
	padding: 							0;
	z-index: 							30;
	float: 								left;
	/*background-color: #FFFFFF;			/* Colour for dividers between menu items */
}

#rightMenu li
{	
	margin: 							0;
	padding: 							3px 0;
	list-style: 					none;
	font-family: 					Verdana, Arial, Helvetica, sans-serif;
	font-size: 						7.5pt;
	line-height: 					14px;
}

#rightMenu li a
{	
	/*border-top: 					#FFD600 solid 1px;*/
	/*border-bottom: 				#FFD600 solid 1px;*/
	display: 							block;
	margin: 							0 0 0 0;									/* set to: margin: 0 1px 0 0; to get line at right had edge of each menu item */
	padding: 							4px 10px;
	width: 								140px;
	/*background: #FFFFFF;						/* Background colour for left menu items #BB77BB */
	/* color: #224874;								/* Text colour for left menu items */
	text-align: 					left;
	text-decoration: 			none;
}

#rightMenu li a span {
	font-family: 					Verdana, Arial, Helvetica, sans-serif;
	font-size: 						11pt;
	margin-left: 					3px;
	margin-right: 				3px;
	color: 								#224874;
}

#rightMenu li a:hover
{
	/*border-top:						#FF9900 dotted 1px;*/
	/*border-bottom:				#FF9900 dotted 1px;*/
	/*border-right:					#FF9900 dotted 1px;*/
	background: 						#FFFFFF;							/* Hover background colour for left menu items #AA66AA */
}

#rightMenu div
{	
	position: absolute;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	border: 1px solid #999999;
}

#rightMenu div a
{	
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #FFFFFF;							/* Background colour for sub menu items */
	color: #224874;										/* Text colour for sub menu items */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
}

#rightMenu div a:hover
{	
	background: #CCCCCC;							/* Hover background colour for sub menu items */
	color: #224874;										/* Hover text colour for sub menu items */
}