ul#menu {
	height: 		40px;
	list-style:		none;
	margin-top:		0px;
	padding:		0px;
	overflow:		auto;  /*makes sure the container fits the floated list-items below */
	border-left:	1px solid #5E92C6;
	/*background-color:#93B707; /* moved and lightened the background color from ul#menu li */
}
ul#menu li{
	margin:			0px 0px;
	padding:		0; /* padding moved to the a element below*/ 
	float:			left;
	font-family:	Arial, sans-serif;
	line-height: 	40px;
	font-size:		16px;
	font-weight:	normal;
	border-right:	1px solid #34679A;
	border-left:	1px solid #5E92C6;
}
ul#menu li a {
	display:		block;  /*allows us to add top and bottom padding to the element */
	height: 		40px; 
	padding:		0px 20px 0px 20px;	 now we have nice padding for link hi-lighting 
	position: 		relative;
	z-index: 		5;
    color:			#FFF;	
	text-decoration:none;
}

ul#menu li a:hover {
	background-color:#efefef;
	background-image:		url(../images/design/headerbuttonbg.png);
	background-repeat:		repeat-x;	
	color:				#369;
}

ul#menu li a:link#current, ul#menu li a:visited#current {
	background-color:#fff;
	background-image:		url(../images/design/headerbuttonbg.png);
	background-repeat:		repeat-x;		
	color:				#369;
}


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

ul#submenu {
	height: 		180px;
	list-style:		none;
	margin-top:		100px;
	margin-left: 	38px;
	padding:		0px;	z-index: 					11;
	overflow:		auto;  /*makes sure the container fits the floated list-items below */
	/*background-color:#93B707; /* moved and lightened the background color from ul#menu li */
}
ul#submenu li{
	margin:			5px 5px;
	padding:		0; /* padding moved to the a element below*/ 
	float:			left;
	font-family:	Arial, sans-serif;
	line-height: 	50px;
	font-size:		16px;
	font-weight:	normal;
}
ul#submenu li a {
	display:		block;  /*allows us to add top and bottom padding to the element */
	height: 		50px; 
	width:			170px;
	text-align:center;	z-index: 					11;
	/*padding:		0px 20px 0px 20px;	 now we have nice padding for link hi-lighting  */
	position: 		relative;
	background-color:	#369;	
    color:			#FFF;	
	text-decoration:none;
}

ul#submenu li a:hover {
	background-image:	url(../images/design/headerbuttonbg.png);
	background-repeat:	repeat-x;	
	color:				#369;
}

ul#submenu li a:link#current, ul#submenu li a:visited#current {
	background-image:		url(../images/design/headerbuttonbg.png);
	background-repeat:		repeat-x;		
	color:				#369;
}

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