#topNavigator {
			margin: 0; padding: 0;
			float: left;
			width: 100%;
			height:50px;
			list-style: none;
			position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
			font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 12px;
			background:#000 repeat-x;
		}
		#topNavigator li {
			float: left;
			margin: 0; padding: 0;
			border-right: 1px solid #555; /*--Divider for each parent level links--*/
		}
		#topNavigator li a {
			padding: 5px 10px;
			display: block;
			color: #f0f0f0;

			text-decoration: none;
		}
		#topNavigator li:hover { background: #aaa;}
		/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

		.bottomnav {
			clear: left;
			padding: 8px 0;
			position: absolute;
			margin:0;
			left: 0; top:22px;
			display: none; /*--Hide by default--*/
			width: 1000px;
			background: #aaa;
			color:#fff;
			/*--Bottom right rounded corner--*/
			/*-moz-border-radius-bottomright: 5px;*/
			/*-khtml-border-radius-bottomright: 5px;*/
			/*-webkit-border-bottom-right-radius: 5px;*/
			/*--Bottom left rounded corner--*/
			/*-moz-border-radius-bottomleft: 5px;*/
			/*-khtml-border-radius-bottomleft: 5px;*/
			/*-webkit-border-bottom-left-radius: 5px;*/
		}
		#topNavigator li:hover .bottomnav { display: block; } /*--Show subnav on hover--*/
		#topNavigator li .bottomnav a{ display: inline;} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
		#topNavigator li .bottomnav a:hover {text-decoration: underline;}


		#topNavigator li.active a{
			background-color:#830004;
			color:#fff;
		}

		#topNavigator li.active .bottomnav{
			display:block;
			background-color:#830004;
		}