.navbar {
	background-image: url(/images/rednav.jpg);
	background-repeat: repeat-x;
	width: 100%;
	z-index: 99;
}

.navleft {
	float: none;
}

.menu {
        height: 27px;
        margin: auto;
    }

@media (min-width: 627px) {
    .menu627 {
        width: 627px;
    }
}

@media (min-width: 674px) {
    .menu674 {
        width: 674px;
    }
}

@media (min-width: 804px) {
    .menu804 {
        width: 804px;
    }
}

@media (min-width: 820px) {
    .menu820 {
        width: 820px;
    }
}

@media (min-width: 950px) {
    .menu950 {
        width: 950px;
    }
}




ul.nav, ul.nav li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.nav {
	display: block;
	color: #000000;
	font-size: 0.8em;
}
ul.nav li a {
	color: #000000;
	border-color: #a60000;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	display: block;
	float: none;
	padding: 0px;
}
ul.nav li.first a {
	border-width: 1px;
}



.navitem, .navitem ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 0.8em;
	background: none;
	float: left;
	z-index:95;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}


.navitem a {
	display: block;
	text-decoration: none;
	background: none;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.navitem li { /* all list items */
	float: left;
	padding: 0px;
	margin: 0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	 /* width needed or else Opera goes nuts */
}

.navitem li ul { /* second-level lists */
	background: none;
	position:absolute;
	width: 15em;
    height:27px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding: 0px;
	font-size: 100%;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.navitem li ul ul { /* third-and-above-level lists */
	background: none;
	margin: -1.75em 0 0 15em;
	font-size: 100%;
	left: -999em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.navitem li:hover ul ul, .navitem li.sfhover ul ul {
	left: -999em;
}

.navitem li:hover ul ul ul, .navitem li.sfhover ul ul ul {
	left: -999em;
}

.navitem li:hover ul, .navitem li li:hover ul, .navitem li.sfhover ul, .navitem li li.sfhover ul, .navitem li li li:hover ul, .navitem li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}



a.NavItem:link { color: #CCC; }
a.NavItem:visited { color: #CCC; }
a.NavItem:hover { color: #FFF; text-decoration: underline; }
a.NavItem:active { color: #FFF; text-decoration: underline; }