/* Wyoming City Nav Stylesheet 
    Author: Matt Radel on June 3rd 2008 */

#navCol ul {
	list-style: none;
	padding: 0;
	margin: 10px 0 0 0;
	border-top: 1px solid #c8bda9;
}

	#navCol ul li {
		padding: 0;
		position: relative;
		background: url(img/arrow.png) no-repeat center left;
		position: relative;
		z-index: 100;
	}

	#navCol ul li:hover {
		background: url(img/arrow_green.png) no-repeat center left #fff;
		padding: 0;
	}

	#navCol ul li.on {
		background-image: none !important;
		padding: 0 !important;
		border-left: 1px solid #c8bda9;
		border-right: none !important;
	}

		#navCol ul li.on a {
			background-image: none;
			background-color: #FFFDEF;
			border-right: 1px solid #c8bda9;
		}
		
		#navCol ul li.on a:hover {
			background-color: #fff;
		}
		
		#navCol ul li a {
			border-bottom: 1px solid #c8bda9;
		}
		
	#navCol ul li.active {
		background-image: none !important;
		padding: 0 !important;
		font-style: italic;
		border-left: 1px solid #c8bda9;
	}

		#navCol ul li.active a {
			background: url(img/arrow_green.gif) no-repeat center left #fff;
		}

			#navCol ul li:hover ul.flyout {
				display: block;
			}

			#navCol ul li a {
				display: block;
				padding: 9px 10px 8px 14px !important;
				font-family: georgia, times, serif;
				color: #3f1404;
				text-decoration: none;
				font-size: 16px;
			}
			
				
/* Flyouts */

ul.flyout {
	margin: 0 !important;
	padding: 0  !important;
	z-index: 100;
	background-image: none !important;
	background-color: #fff !important;
	width: 200px;
	display: none;
	position: absolute;
	top: -1px;
	left: 206px;
	border-top: 1px solid #c8bda9 !important;
	border-left: 1px solid #c8bda9 !important;
}

	ul.flyout li {
		background-image: none !important;
		padding: 0 !important;
	}
	
	ul.flyout li:hover {
		background-color: #F9EEA7 !important;
		background-image: none !important;
	}
	
		ul.flyout li a {
			padding: 5px !important;
			font-size: 12px !important;
			font-family: "lucida sans", "lucida grande", arial, sans-serif !important; /* Lucida Hybrid for Win */
		}


/* Level 2 */

#navCol ul ul {
	margin-top: 0;
	border-top: none;
	background-color: #eee6c4;
	
}

	#navCol ul ul li {
		background-image: none;
		border-left: none !important;
	}
	
	#navCol ul ul li:hover {
		background-image: none;
		background-color: #FFFDEF;
	}	
	
	#navCol ul ul li.on {
		background-color: #FFFDEF;
	}
	
	#navCol ul ul li.on a:hover {
		background-color: #fff;
	}
	
	#navCol ul ul li.active {
		background-color: #fff;
	}
	
		#navCol ul ul li a {
			font-family: "lucida sans unicode", "lucida grande", arial, sans-serif; /* Lucida Hybrid for Win */
			font-size: 12px;
			padding: 4px 6px 4px 14px !important;
			background-color: transparent !important;
			background-image: none !important;
			border-right: 1px solid #c8bda9;
		}
	
		#navCol ul ul li.active a {
			border-right: none !important;
		}
		
/* Level 3 */

			#navCol ul ul ul {
				margin-top: 0;
				border-top: none !important;
				background-image: none !important;
				background-color: #d8ccb7 !important
			}
			
				#navCol ul ul ul li {
					background-image: none;
					border-left: none !important;
				}
				
				#navCol ul ul ul li:hover {
					background-image: none;
					background-color: #FFFDEF;
				}	
				
				#navCol ul ul ul li.on {
					background-color: #FFFDEF;
				}
				
				#navCol ul ul ul li.active {
					background-color: #fff;
				}
				
					#navCol ul ul ul li a {
						font-family: "lucida sans unicode", "lucida grande", arial, sans-serif; /* Lucida Hybrid for Win */
						font-size: 12px;
						padding: 4px 6px 4px 24px !important;
						background-color: transparent !important;
						background-image: none !important;
						border-right: 1px solid #c8bda9;
						border-bottom: 1px solid #b5ab99
					}
				
					#navCol ul ul ul li.active a {
						border-right: none !important;
						color: #1F0A02
					}
		
	/* Level 4 */

			#navCol ul ul ul ul {
				margin-top: 0;
				border-top: none !important;
				background-image: none !important;
				background-color: #b5ab99 !important
			}
			
				#navCol ul ul ul ul li {
					background-image: none;
					border-left: none !important;
				}
				
				#navCol ul ul ul ul li:hover {
					background-image: none;
					background-color: #FFFDEF;
				}	
				
				#navCol ul ul ul ul li.on {
					background-color: #FFFDEF;
				}
				
				#navCol ul ul ul ul li.active {
					background-color: #fff;
				}
				
					#navCol ul ul ul ul li a {
						font-family: "lucida sans unicode", "lucida grande", arial, sans-serif; /* Lucida Hybrid for Win */
						font-size: 12px;
						padding: 4px 6px 4px 34px !important;
						background-color: transparent !important;
						background-image: none !important;
						border-right: 1px solid #c8bda9;
						border-bottom: 1px solid #9F9481
					}
				
					#navCol ul ul ul ul li.active a {
						border-right: none !important;
						color: #1F0A02
					}
					
/* Level 5 */

			#navCol ul ul ul ul ul {
				margin-top: 0;
				border-top: none !important;
				background-image: none !important;
				background-color: #9F9481 !important
			}
			
				#navCol ul ul ul ul ul li {
					background-image: none;
					border-left: none !important;
				}
				
				#navCol ul ul ul ul ul li:hover {
					background-image: none;
					background-color: #FFFDEF;
				}	
				
				#navCol ul ul ul ul ul li.on {
					background-color: #FFFDEF;
				}
				
				#navCol ul ul ul ul ul li.active {
					background-color: #fff;
				}
				
					#navCol ul ul ul ul ul li a {
						font-family: "lucida sans unicode", "lucida grande", arial, sans-serif; /* Lucida Hybrid for Win */
						font-size: 12px;
						color: #fff;
						padding: 4px 6px 4px 44px !important;
						background-color: transparent !important;
						background-image: none !important;
						border-right: 1px solid #c8bda9;
						border-bottom: 1px solid #8F826B
					}
					
					#navCol ul ul ul ul ul li a:hover {
						color: #1F0A02 !important;
					}
				
					#navCol ul ul ul ul ul li.active a {
						border-right: none !important;
						color: #1F0A02
					}