/*
#mainnav ul{
	list-style: none;
	margin: 0px 0 0 0;
	width: 940px;
}
	#mainnav ul li{
		float: left;
		margin: 4px 21px 0 21px;
	}

#mainnav a{
	float: left;
	display: block;
	margin: 0;
	color: #cdcdcd;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	height: 27px;
	padding: 0 0 0 10px;
}
	#mainnav a span{
		float: left;
		display: block;
		margin: 0;
		height: 20px;
		padding: 7px 10px 0px 0px;
	}
#mainnav a:hover{
	background: url(../images/nav-hover-bg.gif) top left no-repeat;
	color: #fff;
}
	#mainnav a:hover span{
		background: url(../images/nav-hover-right.gif) top right no-repeat;
	}
#mainnav li ul { /* second-level lists 
	position: absolute;
	z-index: 10;
	background: #000;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers 
	margin: 0;
	padding: 0;
}
	#mainnav li ul li, #mainnav li ul li a, #mainnav li ul li a span{
		float: none; !important;
		clear: both;
	}

#mainnav li:hover ul{ /* lists nested under hovered list items 
	left: auto;
	background: #000;
}
	#mainnav li:hover ul li, #mainnav li:hover ul li a, #mainnav li:hover ul li a span{
		background: none;
	} */
	
	

/* this is the main UL element*/

.dropdown ul{
	visibility:hidden;
	margin:0;
	padding:0;
	list-style:none;
}

/* these are the inner menus*/
.dropdown li ul{
	margin:0;
	padding:0;
	list-style:none;
	background: #000;
}

/* these are all the LIs in the menu*/
.dropdown li{
	margin: 4px 0 0 0;
	padding:0;
	width:150px;
	background-color:#000;
	cursor:pointer;
	text-align: center;
}

/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.dropdown a{
	display: block;
	margin: 0;
	color: #cdcdcd;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	height: 27px;
	padding: 0 0 0 10px;
}
	.dropdown a span{
		display: block;
		margin: 0;
		height: 20px;
		padding: 7px 10px 0px 0px;
	}
.dropdown a:hover{
	background: url(../images/nav-hover-bg.gif) top left no-repeat;
	color: #fff;
	cursor:pointer;
}
	.dropdown a:hover span{
		background: url(../images/nav-hover-right.gif) top right no-repeat;
		cursor:pointer;
	}
.dropdown li ul li a:hover, .dropdown li ul li a:hover span{
	background: none;
}
.dropdown li ul li a:hover{
	text-decoration: none;
}
	.dropdown li ul li a{
		padding: 6px 0;
		margin: 0;
		border-bottom: 1px solid #146382;
	}

/* these are the LIs that only belong to submenu*/
.dropdown li li{
	margin: 0;
	margin-left:-1px;
}