	
		#mainNav{
	margin: 0;
	padding: 0px;
	
	}

#mainNav ul{
	background: url(../images/bg.gif) repeat-x;
	padding: 0;
	margin: 0;
	float: left;
	text-align:center;
	font:  14px Arial, Helvetica, sans-serif ;
	}


#mainNav li { 
	display: block;
	background: #FFEBCD url(../image/button.gif) repeat-x;
	width:auto;
	height:40px; /*menu height*/	
	float: left;
	padding:5px 0px; /*menu words height*/
	position:relative;
	list-style: none;
	margin:auto;
	}

#mainNav li a {
	display: block;
	width: 10.167em; /*menu length*/
	padding: 0;
	}
		
#mainNav ul li{
	display: inline;

	}


#mainNav ul li a, #nav ul li span{
	float: left;
	margin:auto;
	color:#D2B48C;
	height:26px;
	font-weight: normal;
	padding: 0px 1.5px 5px 6px;
	text-align:center;
	text-decoration: none;
	background: url(../images/divider.gif) top right no-repeat;
	}

#mainNav ul li span{ /*Targets span tag to the right of #leftcorner below*/
	padding-left: 0px;
	}

#mainNav ul li a#leftcorner{
	float: none;
	padding-left: 0px;
	margin-left:0px;
	padding-right: 0px;
	background: url(../images/button.gif) top left no-repeat;
	}

#mainNav ul li a#rightcorner{
	float: none;
	margin-right:0px;
	padding-right: 10px;
	background: url(../images/button.gif) top right no-repeat;
	}

#mainNav ul li a:hover{
	font-weight: normal;
	height:26px; 	/*hover height*/
	color:#6BB8BC;
	text-align:center;
	border-bottom: 4px solid #6BB8BC;
	
	}

	#mainNav li.off ul, #mainNav li.on ul { 
		position:absolute;
		top: 250px;
		left:410px;	
		list-style: none;
		text-align:center;
		padding: 18px 5px 0px 0px;
		width: auto;
		}
		
	#mainNav li.on ul {
		background: #f90;
		}

	#mainNav li.on:hover ul, #mainNav li.over ul { /*for ie*/
		background: #224d6f;
		}


	#mainNav li.on a {
		color: #CC3399;
		border-bottom: 4px solid #CC3399;
		font-weight:bold;
		height:26px; /*for left height*/ 
		}

	#mainNav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #f90;
		width: auto;
		margin: auto;
		}
		
#mainNav:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

