/* ------------------ NAVIGATION ------------------ */

#navigation {
	margin: 0;
	margin-top: 6px;
	margin-left: 9px;
	padding: 0;
	height: 33px;
	width: 900px;
	background-color: #bbb5a9;
	}
	#navigation ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 900px;
		}
		#navigation li{
			margin: 0;
			padding: 0;
			float: left;
			width: 100px;
			}
			#navigation li span{ display:block; padding:8px 10px 8px 15px; font-size:12px; font-weight:bold; color:#666666; }
			#navigation li a{
				background: #bbb5a9;
				color:#555;
				display:block;
				font-weight:bold;
				line-height:33px;
				margin:0px;
				padding:0;
				text-align:center;
				text-decoration:none;
				font-size: 12px;
				}
				#navigation li a:hover, #navigation ul li:hover a, #navigation2 li a:hover, #navigation2 ul li:hover a{
					background: #cccc99 url("images/hover.gif") bottom center no-repeat;
					color:#FFFFFF;
					text-decoration:none;	
					z-index: 9;			
					}

/* ------------------ SUB NAVIGATION ------------------ */			
			
	#navigation li ul, #navigation li ul:hover, #navigation2 li ul, #navigation2 li ul:hover{
		background:#cccc99;
		display:none;
		height:auto;
		padding:0;
		margin:0px;
		border:1px solid #999;
		position:absolute;
		width:225px;
		z-index:9;
		/*top:1em;
		/*left:0;*/
		}
	#navigation li:hover ul, #navigation2 li:hover ul{
		display:block;
		
		}
	#navigation li li, #navigation2 li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0;
		padding:0;
		width:225px;
		}
	#navigation li:hover li a, #navigation2 li:hover li a{
		background:none;
		
		}
	#navigation li ul a{
		display:block;
		height:33px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		
		#navigation2 li ul a{
		display:block;
		height:29px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 10px;
		text-align:left;
		}
		#navigation li ul a:hover, #navigation li ul li:hover a, #navigation2 li ul a:hover, #navigation2 li ul li:hover a{
			background:#666 url('images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
			
/* ------------------ P CLEAR ------------------ */			
			
	#navigation p, #navigation2 p{
		clear:left;
		}	

/* ------------------ SUB NAVIGATION (FOOTER NAV) ------------------ */

#navigation2{
	margin:0px;
	margin-left: 9px;
	margin-bottom: 25px;
	padding:0px;
	font: Verdana, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	height:25px;
	width:900px;
	}
	#navigation2 ul{
		background:#bbb5a9;
		list-style:none;
		margin:0;
		padding:0;
		}
		#navigation2 li{
			float:left;
			padding:0px;
			}
			#navigation2 li a{
				background-color:#bbb5a9;
				color:#000000;
				display:block;
				line-height:25px;
				margin:0px;
				padding:0px;
				text-align:center;
				text-decoration:none;
				width: 90px;
				}