@charset "utf-8";
/* CSS Document */

/* Because the main nav uses nav-nav4, we begin here with nav5-nav8. This is because the javascript written for IE6 identifies the elements by the word "nav."*/

/* Controls top link font size and adds a margin to move it away from edges */

.moveoverTab {
	margin-left: 8px;
	text-align: left;
	display: block;
	cursor: pointer;
}



/* div in which navigation is contained within the html page. Controls size, spacing and background image. Background image is used here to display the tabs behind the text. */
#tabsHolder{
	position:absolute;
	z-index:20;
	display:block;
	width: 836px;
	height:119px;		
	margin: 0px 0px 0px 0px;
	padding-top:20px;

}



/* START - nav5  */

/* Float nav5 and set basic properties - in this case the id and block element are the same and so are combined */
#nav5, #nav5 ul {
	float:left;
	z-index:99;
	width: 212px;
	display: block;
	height: 119px;
	list-style: none;
	line-height: 27px;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	font-weight:bold;
}


/* Control style and placement of links as well as dropdown block */
#nav5 a {

}

#nav5 a:hover {

}


/* Set properties of top element */
#nav5 li {
	float: left;
	padding: 0;
	display:inline;
	width: 212px;
	w\idth:212px;
	height:119px;
	background-image:url(../media/images/bucket_top.gif);
	background-repeat:no-repeat;
}



/* Position the menu off screen rather than display: none; */
#nav5 li ul {
	position: absolute;
	left: -999em;
	padding: 0;
	display:block;
	width:855px;
	w\idth: 855px;
	height:176px;
	background-image:url(../media/images/rolloverbg.jpg);
	background-repeat:no-repeat;
	z-index:99;

}



/* Set properties of dropdown cells - width will affect non mouse-over in IE */
#nav5 li li {
	margin-left: 0px;
	padding: 0;

}


/* Controls the style of link within dropdown menu */ 
#nav5 li ul a {

}

/* Controls the style of mouseover link within dropdown menu */
#nav5 li ul a:hover {

} 



/* third-and-above-level lists */
#nav5 li ul ul { 
	margin: 0px 0px 0px 0px;
}



/* Move menu back on page on mouse over */
#nav5 li:hover ul ul, #nav5 li:hover ul ul ul, #nav5 li.sfhover5 ul ul, #nav5 li.sfhover5 ul ul ul {
	left: -999em;

}

#nav5 li:hover ul, #nav5 li li:hover ul, #nav5 li li li:hover ul, #nav5 li.sfhover5 ul, #nav5 li li.sfhover5 ul, #nav5 li li li.sfhover5 ul {
	left: auto;
}

#nav5 li:hover, #nav5 li.hover {
	margin:0;
	float:left;
	padding:0;
	display:inline;
	width:212px;
	w\idth:212px;
	height:119px;
	background-image:url(../media/images/bucket_top_rollover.gif);
	background-repeat:no-repeat;
}

/* END - Nav 5  */






/* START - Nav 6 */

/* Float nav and set basic properties - in this case the id and block element are the same and so are combined */
#nav6, #nav6 ul {
	float:left;
	z-index:99;
	width: 212px;
	display: block;
	height: 119px;
	list-style: none;
	line-height: 27px;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight:bold;
}


/* Control style and placement of links as well as dropdown block */
#nav6 a {

}

#nav6 a:hover {

}


/* Set properties of top element */
#nav6 li {
	float: left;
	padding: 0;
	display:block;
	width: 212px;
	height:119px;
	background-image:url(../media/images/bucket_top.gif);
	background-repeat:no-repeat;
}



/* Position the menu off screen rather than display: none; */
#nav6 li ul {
	position: absolute;
	left: -999em;
	padding: 0;
	display:block;
	width:855px;
	w\idth: 855px;
	height:176px;
	background-image:url(../media/images/rolloverbg.jpg);
	background-repeat:no-repeat;
	margin: 0px 0px 0px -212px;
}



/* Set properties of dropdown cells - width will affect non mouse-over in IE */
#nav6 li li {
	margin-left: 0px;
	padding: 0;

}


/* Controls the style of link within dropdown menu */ 
#nav6 li ul a {

}

/* Controls the style of mouseover link within dropdown menu */
#nav6 li ul a:hover {

} 



/* third-and-above-level lists */
#nav6 li ul ul { 
	margin: 0px 0px 0px 0px;
}



/* Move menu back on page on mouse over */
#nav6 li:hover ul ul, #nav6 li:hover ul ul ul, #nav6 li.sfhover6 ul ul, #nav6 li.sfhover6 ul ul ul {
	left: -999em;

}

#nav6 li:hover ul, #nav6 li li:hover ul, #nav6 li li li:hover ul, #nav6 li.sfhover6 ul, #nav6 li li.sfhover6 ul, #nav6 li li li.sfhover6 ul {
	left: auto;
}

#nav6 li:hover, #nav6 li.hover {
	margin:0;
	float:left;
	padding:0;
	display:inline;
	width: 212px;
	w\idth: 212px;	
	height: 119px;
	background-image:url(../media/images/bucket_top_rollover.gif);
	background-repeat:no-repeat;
}

/* END - Nav 6 */




/* START - Nav 7 */

/* Float nav and set basic properties - in this case the id and block element are the same and so are combined */
#nav7, #nav7 ul {
	float:left;
	z-index:99;
	width: 211px;
	display: block;
	height: 119px;
	list-style: none;
	line-height: 27px;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	font-weight:bold;
}


/* Control style and placement of links as well as dropdown block */
#nav7 a {

}

#nav7 a:hover {

}


/* Set properties of top element */
#nav7 li {
	float: left;
	padding: 0;
	display:block;
	width: 212px;
	height:119px;
	background-image:url(../media/images/bucket_top.gif);
	background-repeat:no-repeat;
}



/* Position the menu off screen rather than display: none; */
#nav7 li ul {
	position: absolute;
	left: -999em;
	padding: 0;
	display:block;
	width:855px;
	w\idth: 855px;
	height:176px;
	background-image:url(../media/images/rolloverbg.jpg);
	background-repeat:no-repeat;
	margin: 0px 0px 0px -424px;
}



/* Set properties of dropdown cells - width will affect non mouse-over in IE */
#nav7 li li {
	margin-left: 0px;
	padding: 0;

}


/* Controls the style of link within dropdown menu */ 
#nav7 li ul a {

}

/* Controls the style of mouseover link within dropdown menu */
#nav7 li ul a:hover {

} 



/* third-and-above-level lists */
#nav7 li ul ul { 
	margin: 0px 0px 0px 0px;
}



/* Move menu back on page on mouse over */
#nav7 li:hover ul ul, #nav7 li:hover ul ul ul, #nav7 li.sfhover7 ul ul, #nav7 li.sfhover7 ul ul ul {
	left: -999em;

}

#nav7 li:hover ul, #nav7 li li:hover ul, #nav7 li li li:hover ul, #nav7 li.sfhover7 ul, #nav7 li li.sfhover7 ul, #nav7 li li li.sfhover7 ul {
	left: auto;
}

#nav7 li:hover, #nav7 li.hover {
	margin:0;
	float:left;
	padding:0;
	display:inline;
	width:212px;
	w\idth: 212px;	
	height: 119px;
	background-image:url(../media/images/bucket_top_rollover.gif);
	background-repeat:no-repeat;
}

/* END - Nav 7 */






/* START - Nav 8 */

/* Float nav and set basic properties - in this case the id and block element are the same and so are combined */
#nav8, #nav8 ul {
	float:left;
	z-index:99;
	width: 194px;
	display: block;
	height: 119px;
	list-style: none;
	line-height: 27px;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	font-weight:bold;
}


/* Control style and placement of links as well as dropdown block */
#nav8 a {

}

#nav8 a:hover {
}


/* Set properties of top element */
#nav8 li {
	float: left;
	padding: 0;
	display:block;
	width: 194px;
	w\idth: 194px;
	height:119px;
	background-image:url(../media/images/bucket_top.gif);
	background-repeat:no-repeat;
}



/* Position the menu off screen rather than display: none; */
#nav8 li ul {
	position: absolute;
	left: -999em;
	padding: 0;
	display:block;
	width:855px;
	w\idth: 855px;
	height:176px;
	background-image:url(../media/images/rolloverbg.jpg);
	background-repeat:no-repeat;
	margin: 0px 0px 0px -635px;
}


/* Set properties of dropdown cells - width will affect non mouse-over in IE */
#nav8 li li {
	margin-left: 0px;
	padding: 0;

}


/* Controls the style of link within dropdown menu */ 
#nav8 li ul a {
	
}

/* Controls the style of mouseover link within dropdown menu */
#nav8 li ul a:hover {
} 



/* third-and-above-level lists */
#nav8 li ul ul { 
	margin: 0px 0px 0px 0px;
}



/* Move menu back on page on mouse over */
#nav8 li:hover ul ul, #nav8 li:hover ul ul ul, #nav8 li.sfhover8 ul ul, #nav8 li.sfhover8 ul ul ul {
	left: -999em;

}

#nav8 li:hover ul, #nav8 li li:hover ul, #nav8 li li li:hover ul, #nav8 li.sfhover8 ul, #nav8 li li.sfhover8 ul, #nav8 li li li.sfhover8 ul {
	left: auto;
}

#nav8 li:hover, #nav8 li.hover {
	margin:0;
	float:left;
	padding:0;
	display:inline;
	width: 194px;
	w\idth: 194px;	
	height: 119px;
	background-image:url(../media/images/bucket_top_rollover.gif);
	background-repeat:no-repeat;
}

/* END - Nav 8 */