/* CSS Drop Down Menu */


ul#mainnav {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	height: 35px;
	width:100%;
	z-index: 999;
	}

#mainnav, #mainnav ul {
	position: absolute;
	top: 0px;
	left:0;
	padding: 0;
	margin: 0;
	list-style: none;
	}

#mainnav a, #mainnav a:link, #mainnav visited {
	font-size: 9px;
	text-decoration: none;
	}
#mainnav a:hover {
	text-decoration: none;
	}

/* Set widths for first level navigation items (if individual widths are desired, */
/* add these classes to the first level <li> tags in the navigation */
.mainnav1{width: 28px;}	/* Menu Item #1 Width */
.mainnav2{width: 119px}	/* Menu Item #2 Width */
.mainnav3{width: 146px}	/* Menu Item #3 Width */
.mainnav4{width: 58px}	/* Menu Item #4 Width */
.mainnav5{width: 76px}	/* Menu Item #4 Width */
.mainnav6{width: 19%}	/* Menu Item #4 Width */

	/* first-level items */

	#mainnav li {
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		height: 35px;
		}

	#mainnav li.first {
		margin: 0;
		}

	#mainnav a {
		display: block;
		text-align: center;
		padding: 0;
		margin: 0;
		line-height: 24px;
		height: 35px;
		text-align: center;
		font-family: Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		font-size: 10px;
		color:#FFFFFF;
		}
		#mainnav a:hover {
			color: #0099FF;
			text-decoration: none;
			}
	
	/* second-level items */
	#mainnav li ul {
		position: absolute;
		margin-left:10%;
		margin-top:0;
		margin-right:0;
		margin-bottom:0;
		padding: 0;
		width: 150px;					/* Set width of first-level drop-down menu */
		left: -999em;
		display: none;
		top: 35px;						/* Set distance from top of primary navigation */
		background:#000000;
		}
	
	/* third-level items */
	#mainnav li:hover ul ul, #mainnav li.sfhover ul ul {
		position: absolute;
		margin: 0;
		padding: 0;
		width: 150px;					/* Set width of first-level drop-down menu */
		left: -999em;
		display: none;
		top: 0;						/* Set distance from top of primary navigation */
		background:#000000;
		}
	
	/* second-level items hover */
	#mainnav li:hover ul, #mainnav li.sfhover ul {
		display: block;
		left: 10%;
		}

	#mainnav li ul li {
		float: none;
		display: inline;
		background-color:none;
		height: 24px;
		margin: 0;
		padding: 0;
		}
		
	
	#mainnav li ul li a, #mainnav li ul li a:link, #mainnav li ul li a:visited {
		text-align: left;
		line-height: 24px;
		display: block;
		padding: 0 5px 0 5px;
		margin: 0;
		height: 24px;
		white-space: nowrap;
		font-weight: normal;
		font-size: 10px;
		text-transform: none;
		}
		#mainnav li li li a:hover {
			background:#222222;	
	
			}
		#mainnav li li a:hover {
			background:#222222;	
					
		padding-right: 5px;
			}
		

	/* third-level items hover */
	#mainnav li:hover ul, #mainnav li li:hover ul, #mainnav li.sfhover ul, #mainnav li li.sfhover ul {
		z-index: 999;
		display: block;
		left: auto;
		margin-left: 0px;
		margin-top: 0px;
		
		}	
			
			
		
.arrow,  .arrow a:link {
background-image:url(../images/nav/arrow.gif);
		background-position:right;
		background-repeat:no-repeat;
padding-right: 5px;
	
}
.arrow a:hover {
background-image:url(../images/nav/arrow.gif);
		background-position:right;
		background-repeat:no-repeat;
padding-right: 5px;
background:#222222;	
}


.leftspace {
width:4.4%;
}
.navspace {
width:7%;
}

	/* fourth-level items */
	#mainnav li:hover ul ul ul, #mainnav li.sfhover ul ul ul {
		position: absolute;
		margin: 0;
		padding: 0;
		width: 150px;					/* Set width of first-level drop-down menu */
		left: -999em;
		display: none;
		top: 0;						/* Set distance from top of primary navigation */
		background:#000000;
		}
		#mainnav li ul li ul li:hover ul, #mainnav li ul li ul li.sfhover ul {
		display: block;
		left: 10%;
		}

	#mainnav li ul li ul li ul li{
		float: none;
		display: inline;
		background-color:none;
		height: 24px;
		margin: 0;
		padding: 0;
		}
			#mainnav li ul li ul li a, #mainnav li ul li ul li a:link, #mainnav li ul li ul li a:visited {
		text-align: left;
		line-height: 24px;
		display: block;
		padding: 0 5px 0 5px;
		margin: 0;
		height: 24px;
		white-space: nowrap;
		font-weight: normal;
		font-size: 10px;
		text-transform: none;
		}
		#mainnav li li li li a:hover {
			background:#222222;	
	
			}
		#mainnav li li li a:hover {
			background:#222222;	
					
		padding-right: 5px;
			}