﻿/* Default Menu Structure Styles */

.nav
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
			
	width: 888px;
	height: 25px;
	border-left: 6px #ffffff solid;
	border-right: 6px #ffffff solid;
	font-size: 10px;
	text-decoration: none;
	background-image: url('../images/nav_bg2.gif');
	background-repeat: no-repeat
}


.nav .groups
{
	list-style-type: none;	
	height: 21px;
	display: inline;
	z-index: 999
			
}

.nav .groups .group
{
	display: inline;	
	float: left;	
	height: 21px;
	position: relative;	
	text-decoration: none;
	z-index: 999;
	behavior: expression(
	this.onmouseover = new Function("this.className += ' hover'"),
	this.onmouseout = new Function("this.className = this.className.replace(' hover', '') "),
	this.style.behavior=null);	
}


.nav .items
{
	list-style-type: none;
	position: absolute;
	float: left;
	margin-left: 10px;
	margin-top: 8px;
	_margin-top: 4px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	
	width: 168px;
	display: none;
	background-image: url('../images/nav_dropdown2.png');
	background-repeat: no-repeat;
	background-position: bottom;
	height: 162px;
	overflow: auto;
	overflow-x: hidden;
	scrollbar-base-color: #a30e0e;
	scrollbar-arrow-color: #ffffff;
	scrollbar-3dlight-color: #bb1010;
	scrollbar-darkshadow-color: #780a0a;
	scrollbar-face-color: #a30e0e;
	scrollbar-highlight-color: #bb1010;
	scrollbar-shadow-color: #780a0a;
	scrollbar-track-color: #a30e0e;
	behavior: expression(
	this.onmouseover = new Function("this.className += ' hover'"),
	this.onmouseout = new Function("this.className = this.className.replace(' hover', '') "),
	this.style.behavior=null);	
}

.nav  .item
{
	font-family: Verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	color: #ffffff;
	line-height: 13px;
	text-transform: capitalize;
	height: auto;
	z-index: 999;
	behavior: expression(
	this.onmouseover = new Function("this.className += ' hover'"),
	this.onmouseout = new Function("this.className = this.className.replace(' hover', '') "),
	this.style.behavior=null);	
}

/* Hover Events */

.nav .groups .group a:link,
.nav .groups .group a:visited
{
	font-family: Verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

.nav .items a:link,
.nav .items a:visited
{
	text-decoration: none;

	display: block;
	padding: 5px 10px 5px 10px;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	width: 140px;
}

.nav .items a:hover
{
	text-decoration: underline;
	color: #ffffff;
	font-size: 11px;
	width: 140px;
	font-weight: normal;
}




/* Hover Events */

.nav .groups .group a:hover
{
	text-decoration: underline;
}

.nav .group .onstate
{
	display: none !important;
}

.nav .group .offstate
{
	display: inline !important;
}

.nav .group.hover .onstate,
.nav .group:hover .onstate
{
	display: inline !important;
}

.nav .group:hover .offstate,
.nav .group.hover .offstate
{
	display: none !important;
}

.nav .group.hover .items, 
.nav .group:hover .items 
{
	display: block;
	top: 80%;
	_top: 80%; /* ie6 hack to adjust location of rollover menu*/

	left: 0px;	
}

/* Sub Navigation Items */

.nav_sub
{
	display: block;
	padding-bottom: 1px;

	clear: both;	

	
	width: 911px;	
	height: 19px;
	font-size: 1pt;
	line-height: 1pt;
	
}

.nav_sub .groups
{
	list-style-type: none;	
	display: inline;
			
	margin: 0px;
	padding: 0px;
}

.nav_sub .groups .group
{
	display: inline;	
	float: right;	

	behavior: expression(
	this.onmouseover = new Function("this.className += ' hover'"),
	this.onmouseout = new Function("this.className = this.className.replace(' hover', '')"),
	this.style.behavior=null);			
}

.nav_sub.group img.offstate,
.nav_sub:group img.onstate
{
	display: inline;
}

/* Hover Events */

.nav_sub .group.hover .onstate,
.nav_sub .group:hover .onstate
{
	display: inline !important;
}

.nav_sub .group.hover .offstate,
.nav_sub .group:hover .offstate
{
	display: none !important;
}
