/* common menu dropdown styling for both IE and non-IE browsers */
.menu {
	/* menu specific styling */
	font-family: arial, sans-serif;
	padding: 0px;
	position:relative; 
	font-size:11px;
	z-index:100000;
}
.menu ul {
	/* top horizontal nav styling, unorder list specific */
	padding:0; 
	margin:0;
	list-style-type: none;
	background-color:#ffffff;
}
.menu td ul
{
	background-color:#ffffff;
}
.menu ul li {
	/* top horizontal nav styling, list item specific */
	float:left; 
	position:relative;
}
.menu ul li a, .menu ul li a:visited {
	/* top horizontal nav link styling */
	display:block;
	text-decoration:none; 
	color:#70767b;
	/*width:138px; */
	height:25px; 
	border-bottom: solid 1px #B4B4B4;
	/* hex color must be written in full in order to work in IE */
	line-height:2em;
	padding: 0px 0px 0px 14px;
	margin:0px 0px 0px 14px;
	text-transform:uppercase;
	font-weight: bold;
	font-size: 12px;
	width:auto;
	background-image: url("/images/menubulletoff.gif");
	background-repeat:no-repeat;
	background-position: 0px 8px;
	}

.menu ul li.lastmenu a, .menu ul li.lastmenu a:visited {
	border-bottom:solid 1px gray;
	border-left:solid 1px gray;
	border-right:solid 1px gray;
}
.menu ul li.nonlastmenu a, .menu ul li.nonlastmenu a:visited {
	border-bottom: dashed 1px gray;
	border-left:solid 1px gray;
	border-right:solid 1px gray;
}
.menu ul li ul {
	/* drop menu is hidden when horizontal nav links are not in hover state */
	display: none;
	margin-left: 10px;
	background-color:#ffffff;
}
table {
	/* used for dropdown compatibility in IE */
	margin:-2px; 
	border-collapse:collapse;
	font-size:11px;
}
.menu ul li.narrow a, .menu ul li.narrow a:visited {
	/* used to narrow width of "home" horizontal nav link */
	width: 113px;
}
.menu strong {
	/* used to space out bold lettering in horizontal nav */
	letter-spacing: .5pt;
}

/* menu styling specific to non IE browsers */
.menu ul li:hover a {
	/* this keeps the horizontal nav link red when its dropdown list is in a hover state */
	background: url("/images/menubulleton.gif") no-repeat left;
	color: #d0a74f;
}
.menu ul li:hover h2 {
	/* this keeps the horizontal nav link red when its dropdown list is in a hover state */
	background-position: 0px -19px;
	color: #d0a74f;
}
.menu ul li:hover ul {
	/* when a horizontal nav link is in a hover state, this styles the link's dropdown list */
	display:block;
	position:absolute;
	top:26px;
	left:0px;
	width:165px;
	background-color: white;
}
.menu ul li:hover ul.narrow {
	/* when a horizontal nav link is in a hover state, this styles the link's dropdown list */
	width:130px;
}
.menu ul li:hover ul li ul {
	/* when a horizontal nav link is in a hover state, but we don't want any sidedrop menu items to be displayed */
	display: none;
}
.menu ul li:hover ul li a {
	display:block; 
	background-color:#ffffff;
	color:#70767b;
	height: auto;
	line-height: 1em;
	padding: 4px 5px 4px 14px;
	width: 145px;
	margin: 0;
	text-transform:none;
	border-width: 0px 1px 1px 1px;
	border-left:solid 1px gray;
	border-right:solid 1px gray;
}
.menu ul li:hover ul li.narrow a {
	width: 110px;
}
.menu ul li:hover ul li a.side {
	/* set the background color of the sidedrop menu when not in hover state */
	background:#ffffff;
}
.menu ul li:hover ul li a.side:hover {
	/* set the background color of the sidedrop menu when in hover state */
	background:#ffffff;
	background-image: url("/images/bullet_dropdown.gif");
	background-repeat:no-repeat;
	background-position: 0px center;
}
/* .menu ul li:hover ul li a.drop { */
	/* when a dropdown menu item has a set of sidedrop menu items */
	/* background:#E7E7E6 url(../images/menubulletoff.gif) bottom left no-repeat;
	color:#000;
} */
/*.menu ul li:hover ul li a.drop:hover { */
	/* when a dropdown menu item has a set of sidedrop menu items and it is in a hover state */
	/* background:#ffffff url(../images/menubulleton.gif) bottom left no-repeat;
	color:#039;
} */
.menu ul li:hover ul li a:hover {
	background:#CFD7DC; 
	color:#003358;
}
.menu ul li:hover ul li:hover ul {
	display:block; 
	position:absolute;
	left:160px; 
	top:4px;
	width: 135px;
	background-color: white;
}
.menu ul li:hover ul li:hover ul.left {
	left:-160px;
}