
/*********************************************************************
 Standard structural CSS that typically should not need to be changed
*********************************************************************/
#TopMenuNAV { /* all submenu lists */
	list-style: none;
	white-space: nowrap;
	position: relative;
	z-index: 99999;
	margin: 0;
	padding: 0;
	text-align: right;
}

#TopMenuNAV ul { /* all submenu lists */
	list-style: none;
	white-space: nowrap;
	position: relative;
	z-index: 99999;
	margin: 0;
	padding: 0;
}

#TopMenuNAV li { /* all list items */
	position: relative;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}

#TopMenuNAV li li { /* all items under the top level */ z-index: 11113; }

#TopMenuNAV a { /* all links within the menu wrapper */
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
}

#TopMenuNAV li li a { /* all item links under the top level */
	margin: 0;
	border: 0;
	padding: 0;
}

#TopMenuNAV li a:hover {
	margin: 0;
	border: 0;
	padding: 0;
}

#TopMenuNAV li li a:hover {
	margin: 0;
	border: 0;
	padding: 0;
}

#TopMenuNAV li ul { /* second-level lists */
	position: absolute;
	margin: 0;
	border: 0;
	padding: 0;
	z-index: 11112;
}

#TopMenuNAV li ul ul { /* third-and-above-level lists */
	margin: 0;
	border: 0;
	padding: 0;
}

#TopMenuNAV li:hover ul ul,
#TopMenuNAV li:hover ul ul ul,
#TopMenuNAV li.sfhover ul ul,
#TopMenuNAV li.sfhover ul ul ul { left: -9999px; }

#TopMenuNAV li:hover ul,
#TopMenuNAV li li:hover ul,
#TopMenuNAV li li li:hover ul,
#TopMenuNAV li.sfhover ul,
#TopMenuNAV li li.sfhover ul,
#TopMenuNAV li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 99999;
}

#TopMenuNAV iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=0);
	display: block;
}

.ArrowPointer { cursor: default; }

/*******************************************************
 Presentation CSS that typically needs to be customized
*******************************************************/
#TopMenuNAV,
#TopMenuNAV ul { /* all submenu lists */ width: 600px;/* IE-only */ }

#TopMenuNAV li { /* all list items */
	width: auto; /* hack for MacIE5 to ignore, while other browsers use \*/
	width: auto;
	_width: 1px;/* end hack */
	border-right: 2px solid #0080C0;
}

#TopMenuNAV li li { /* all items under the top level */
	width: 230px; /* hack for MacIE5 to ignore, while other browsers use \*/
	width: 100%;
	_width: 230px;
	background: #FFFFFF;	/* end hack */
}

#TopMenuNAV a { /* all links within the menu wrapper */
	color: #333;
	font: 20px Arial, Helvetica, sans-serif;
	padding-right: 18px;
	padding-left: 6px; /* hack for MacIE5 to ignore, while other browsers use \*/
	_width: auto;
	_height: 30px;/* end hack */
	text-decoration: none;
	text-transform: lowercase;
}

#TopMenuNAV li li a { /* all item links under the top level */
	width: 100%;
	color: #666666;
	text-align: left;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	line-height: 35px;
	width: 230px; /* hack for MacIE5 to ignore, while other browsers use \*/
	width: 100%;
	_width: 100%;
	_height: 35px;
	text-indent: 6px;	/* end hack */
	text-decoration: none;
	font-weight: normal;
}

#TopMenuNAV li a:hover {
	color: #0080C0;
	text-decoration: underline;
	padding-right: 18px;
	padding-left: 6px;
}

#TopMenuNAV li li a:hover {
	width: 230px;
	color: #004080;
	text-align: left;
	background: #E1EBF2;
	line-height: 35px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	line-height: 35px;
	text-decoration: none; /* hack for MacIE5 to ignore, while other browsers use \*/
	_width: 230px;
	_height: 35px;	/* end hack */
}

#TopMenuNAV li ul { /* second-level lists */
	background: #FFFFFF;
	width: 230px; /* width of submenu, must be set so third-level list can get shifted over properly */
	left: -9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border: 1px solid #045b98; /* end hack */
	line-height: 35px;
	height: auto;
	margin-top: 0px;
}

#TopMenuNAV li ul ul { /* third-and-above-level lists */
	margin: -38px 0 0 230px;
	border: 1px solid #afafaf;
}

/* Applied to the parent item, if displayed, in either vertical or horizontal
   orientation. Must follow other styles. */
#TopMenuNAV #TopMenuNAVParentItem a { /* all links under the parent item (li) */
	color: #333;
	text-decoration: none;
}

#TopMenuNAV a#TopMenuNAVParentLink { /* parent link itself */
	color: #3ab44a;
	text-decoration: none;
}

#TopMenuNAV a#TopMenuNAVCurrentLink { /* current link itself */
	color: #3ab44a;
	text-transform: lowercase;
}
