/***************************************************************** 
Horizontal Menu
**********************&*******************************************/
div.horizontalContainer {
	width: 575px;
	z-index: 5;
}

ul.horizontalRootNavContainer
{
	font: 12px arial,helvetica,sans-serif;
	padding-right: 0px;
	padding-left: 0px;
	background: white;
	float: left;
	padding-bottom: 0px;
	margin: 0px 0px 0px 0px;
	width: 575px; /*width: 36em;*/
	line-height: 1;
	padding-top: 0px;
	list-style-type: none;
	list-style-image: none;
	z-index: 5;
}

/* affects mozilla */
ul.horizontalRootNavContainer ul
{
	padding-right: 0px;
	padding-left: 0px;
	background: #f5f5f5;
	float: left;
	padding-bottom: 0px;
	margin: 0px 0px 0px 0px;
	line-height: 1;
	padding-top: 0px;
	list-style-type: none;
	list-style-image: none;
	z-index: 5;
}

ul.horizontalRootNavContainer li ul.horizontalSubNavContainer1,
ul.horizontalRootNavContainer li ul.horizontalSubNavContainer2,
ul.horizontalRootNavContainer li ul.horizontalSubNavContainer3,
ul.horizontalRootNavContainer li ul.horizontalSubNavContainer4,
ul.horizontalRootNavContainer li ul.horizontalSubNavContainer5
{
	border-right: gray 0.2pt solid;
	border-top: gray 0.2pt solid;
	border-left: gray 0.2pt solid;
	border-bottom: gray 0.2pt solid;
	list-style-image: none;
	z-index: 5;
}

ul.horizontalRootNavContainer a {
	display: block;
	font-weight: normal;
	text-decoration: none;
}
ul.horizontalRootNavContainer a:hover {
	text-decoration: none;
}
ul.horizontalRootNavContainer a.rootNavParent
{
	color: #7F7F7F;
	border-left: gray 0.2pt solid;
	padding-right: 6px;
	padding-left: 6px;
}
ul.horizontalRootNavContainer a.rootNavParent:hover
{
	color: #3390ff;
}
ul.horizontalRootNavContainer a.rootNavParentFirst
{
	color: #7F7F7F;
	padding-right: 6px;
	padding-left: 0px;
}
ul.horizontalRootNavContainer a.rootNavParentFirst:hover
{
	color: #3390ff;
}
ul.horizontalRootNavContainer a.rootNavChild
{
	color: #7F7F7F;
	border-left: gray 0.2pt solid;
	padding-right: 6px;
	padding-left: 6px;
}
ul.horizontalRootNavContainer a.rootNavChild:hover
{
	color: #3390ff;
}
ul.horizontalRootNavContainer a.rootNavChildFirst
{
	color: #7F7F7F;
	padding-right: 6px;
	padding-left: 0px;
}
ul.horizontalRootNavContainer a.rootNavChildFirst:hover
{
	color: #3390ff;
}
ul.horizontalRootNavContainer a.subNavParent
{
	padding-right: 1px;
	background-position: right center;
	padding-left: 1px;
	background-attachment: scroll;
	background-image: url(/css/images/arrow2.gif);
	padding-bottom: 3px;
	color: #7F7F7F;
	padding-top: 3px;
	background-repeat: no-repeat;
}
ul.horizontalRootNavContainer a.subNavParent:hover
{
	color: #3390ff;
}
ul.horizontalRootNavContainer a.subNavChild {
	color: #7F7F7F;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 3px;
	padding-top: 3px;
}

ul.horizontalRootNavContainer a.subNavChild:hover 
{
	color: #3390FF;
}

/* top nav elements */
ul.horizontalRootNavContainer li {
	float: left;
	padding-top: 5px;
	padding-bottom: 10px;
}
/* sub nav elements */
ul.horizontalRootNavContainer li ul li{
	float: left;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
}

/* width affects mozilla */
ul.horizontalRootNavContainer li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 130px; /*width: 14.4em;*/
	font-weight: normal;
	margin-top: 10px;
	list-style-type: none;
	list-style-image: none;
	z-index: 1;
}

/* drop down navigation width */
ul.horizontalRootNavContainer li li {
	padding-right: 10px;
	width: 130px;/*	width: 13em;*/ 
}

/* affects placement of area showing as a result
of hover with respect to the parent list of dropdowns */
ul.horizontalRootNavContainer li ul ul.horizontalSubNavContainer2,
ul.horizontalRootNavContainer li ul ul.horizontalSubNavContainer3,
ul.horizontalRootNavContainer li ul ul.horizontalSubNavContainer4,
ul.horizontalRootNavContainer li ul ul.horizontalSubNavContainer5
{
	margin: -20px 0px 0px 126px;
	list-style-image: none;
}

/* fix for mozilla-based browsers */
ul.horizontalRootNavContainer li:hover ul ul.horizontalSubNavContainer3,
ul.horizontalRootNavContainer li:hover ul ul.horizontalSubNavContainer4,
ul.horizontalRootNavContainer li:hover ul ul.horizontalSubNavContainer5
{
	margin: -5px 0px 0px 126px;
	list-style-image: none;
}
/* fix for mozilla-based browsers */
ul.horizontalRootNavContainer li:hover ul ul.horizontalSubNavContainer2
{
	margin: -19px 0px 0px 126px;
	list-style-image: none;
}
/* makes sure sub areas are hidden until they need to show! */
ul.horizontalRootNavContainer li:hover ul ul,
ul.horizontalRootNavContainer li:hover ul ul ul,
ul.horizontalRootNavContainer li:hover ul ul ul ul,
ul.horizontalRootNavContainer li:hover ul ul ul ul ul,
ul.horizontalRootNavContainer li.sfhover ul ul,
ul.horizontalRootNavContainer li.sfhover ul ul ul,
ul.horizontalRootNavContainer li.sfhover ul ul ul ul,
ul.horizontalRootNavContainer li.sfhover ul ul ul ul ul
{
	left: -999em;
	list-style-type: none;
	list-style-image: none;
}

/* affects placement of area showing after hover */
ul.horizontalRootNavContainer li:hover ul,
ul.horizontalRootNavContainer li li:hover ul,
ul.horizontalRootNavContainer li li li:hover ul,
ul.horizontalRootNavContainer li li li li:hover ul,
ul.horizontalRootNavContainer li li li li li:hover ul,
ul.horizontalRootNavContainer li.sfhover ul,
ul.horizontalRootNavContainer li li.sfhover ul,
ul.horizontalRootNavContainer li li li.sfhover ul,
ul.horizontalRootNavContainer li li li li.sfhover ul,
ul.horizontalRootNavContainer li li li li li.sfhover ul
{
	left: auto;
	list-style-type: none;
	list-style-image: none;
}

/* this changes the background for hover affect
for IE only! */
ul.horizontalRootNavContainer li ul li.sfhover
{
	background-color: #ffffff;
}
ul.horizontalRootNavContainer li:hover
ul.horizontalRootNavContainer li.sfhover
{
	color: #3390ff;
}