/* all lists */
.menu ul
{
  padding: 0;
  margin: 0;
  list-style: none;
}


/* link attributes */
.menu #nav a {
	color: white;
	text-decoration: none;

display: block;

/*
	width: 100%;
	height: 100%;
*/
height: 100%;

	padding-left: 5px;
}

.menu #nav li li a
{
	color: #214161;
}


.menu #nav li a:hover
{
	background-color:#43A0D5;
}



.menu #nav li li a:hover
{
	background-color:#214161;
	color: #43A0D5;
}


/* override default.css */
.menu a:link, .menu a:visited
{
  text-decoration: none;
  /*color:#43A0D5;
  border-bottom: 1px solid #43A0D5;*/
}
.menu a:hover
{
  text-decoration: none;
	color:#43A0D5;
	border-bottom: 1px solid #D7D7FF;
}



/* top-level, horizontal menu bar */
.menu li
{
  float: top;
  position: relative;
  width: 7em;
  height: 1.35em;


  background-color: #2575A3;
	border-bottom: 1px solid #FFFFFF;
	border-width: 1px 0;

}



/* drop-downs */
.menu li ul
{
  display: none;
  position: absolute;
  top: 0em;
  left: 7em;

	font-weight: normal;
	background-color: #43A0D5;
}



/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
/*
this messes up Fx and Chrome; perhaps this was intended for main menu to be horiz
li > ul
{
	top: auto;
	left: auto;
}
*/

/* lists nested under hovered list items */
.menu li:hover ul, li.over ul
{
	display: block;
}



/* allow drop-down menus to filter through */
.menu li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;

	width: 10em;

	border-bottom: 1px solid #214161;
}


.menu .sub
{
	background-color: #214161;
}

.menu #nav a.sub
{
	padding-left: 10px;
}

.menu #nav .cur
{
	font-weight: bold;
	color: #FFFF00;
}