/* 
  ------------------------------------
  PVII Menu CSS Express Drop-Down Menu
  by Project Seven Development
  www.projectseven.com
  ------------------------------------
*/
body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 100%;
	background-color: #FFFFFF;
	margin: 24px 0;
	padding: 0;
}
/*
Container for the menu. We set top and bottom borders only because the menu container
stretches the entire window width. Note that this container can go inside a fixed width
element that is centered on the page, if you so desire. It can even go inside a table cell.
It carries a background image for aesthetics.
*/
#menuwrapper {
	border-top: 1px solid #000;
	border-bottom: 1px solid #333;
	background-color: #000;
	background-image: url(../images/dropDown_mbar.jpg);
	background-repeat: repeat-x;
	z-index: 500;
}
/*Clears the floated menu items.
Assigned to a BR tag placed just before
menuwrapper's closing DIV tag*/
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#dropDown
{
	padding: 0;
	margin: 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #333;
	background-color: #000;
	background-image: url(../images/dropDown_mbar.jpg);
	background-repeat: repeat-x;
	z-index: 500;
	}

	#dropDown li
	{	float: left;
		list-style: none;
		font-family: Arial, Helvetica, sans-serif}

	#dropDown li a
	{	display: block;
		text-decoration: none;
		padding: 5px 10px 5px 10px;
		border-right: 1px solid #333;
		font-size: 0.85em;
		color: #FFFFFF;
		width: auto;
		white-space: nowrap;
		z-index: 501;
	}

	#dropDown a.trigger {
		padding: 5px 16px 5px 10px;
		background-image: url(../images/arrow_south.gif);
		background-repeat: no-repeat;
		background-position: right center;
	}

	#dropDown li a:hover, .hover
	{
		color: #FFFFFF;
		background-color: #990000;
	}

		#dropDown li ul
		{
			margin: 0;
			padding: 0;
			visibility: hidden;
			position: absolute;
			border-right: 1px solid #333333;
			border-bottom: 1px solid #333333;
			background: #ffffff url('../images/dropDown_mgrad.jpg') repeat-x top right;
			z-index: 502;
			}

			#dropDown li ul li
			{
				float: none;
				display: inline;
			}

			#dropDown li ul li a
			{
				width: auto;
				color: #565656;
				border-right: 0;
				padding: 3px 12px 3px 16px;
			}

			#dropDown li ul li a:hover
			{
				background-color: #758493!important;
				color: #FFFFFF!important;
			}