@charset "UTF-8";

body {
 -moz-opacity: .999;/* This fixes the redraw effect in firefox */
}

/* ----------------------------------- DEFAULT STATES ----------------------------------- */
.nav {
  	margin:-1px 0 0 20px;
	padding: 0;
	line-height: 1;/* This keeps the nav bar from being too thick */
}

/* default state for all nav bar items */
.nav  li {
	margin:0 0 0 0 !important;
	padding:0 !important;
	list-style: none; /* remove bullets */
	float: left; /* place buttons side by side */
	position: relative;
	z-index:100;/* this places the sub menus above other javascript */
}

/* default state for all hyperlinks */
.nav a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
  	display:block;
	padding:3px 25px 0 4px;
	margin:0;
	white-space:nowrap;
	text-decoration:none;
	color:#000066;
}

/* default hover state for all hyperlinks */
.nav li:hover>a {
	text-decoration:none;
	color:#FFFFFF;
}

.nav ul {
	margin:0 !important;
	padding:0 !important;
	min-width:110px;
}

/* ----------------------------------- MAIN NAV BAR ----------------------------------- */
.nav>li {
	background:url(../images/BG_menuItem.png) 50% 0 no-repeat;
	width:128px;
	height:28px;
	margin:0 4px 0 0 !important;
	z-index:90;
}

/* main bar hyperlink styles */
.nav>li>a {
	display:block;
	color:#FF0000;
	width:128px;
	text-align:center;
	padding:7px 0 5px 0;
}

/* items with menus */
.nav .sub>a {
	background:url(../images/arrow_down.png) center right no-repeat;
} 
.nav .sub:hover>a {
	background:#FFFFFF url(../images/arrow_down.png) center right no-repeat;
}

/* link styles */
.nav>li:hover>a {
	color:#000033;
}

/* ----------------------------------- SUB MENU ----------------------------------- */
.nav>li>ul {
	position: absolute;
 	left:0;
	display: none;
	background:#FFFFFF;
	border:none;
	display:none;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
}

.nav>li>ul>li {
	background:#FFFFFF;
	border-bottom:#000066 thin solid;
}

.nav>li>ul>li.lifirst {
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
}

.nav>li>ul>li.lilast {
	border-bottom:none;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
}

.nav>li>ul>li:hover {
	background:#000066;
}

.nav .subsub>a {
	background:url(../images/arrow_left.png) center right no-repeat;
}

/* ----------------------------------- THIRD MENU ----------------------------------- */
.nav>li>ul>li>ul {
	position: absolute;
	top: -1px;
	display: none;
	background:#FFFFFF;
	border:none;
	display:none;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
}

.nav>li>ul>li>ul>li {
	background:#FFFFFF;
	border-bottom:#000066 thin solid;
}

.nav>li>ul>li>ul>li.lifirst {
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
}

.nav>li>ul>li>ul>li.lilast {
	border:none;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
}

.nav>li>ul>li>ul>li:hover {
	background:#000066;
}

.nav>li>ul>li>ul>li>a {
  /* additional style for links on pop-up menus */
}


/* list items in pop-up subnav */
.nav ul li {
	float: none; /* so links line up one above the other for drop-downs */
}