/****************************************
 *
 * NAVIGATION BAR.
 *
 * Version 1.2 (C) 2008.02.26 by TIM WILSON
 *
 ****************************************/

#navigationBar{
	background-image: url(../graphics/navigationBar/navigationBar_back.jpg);
	background-repeat: repeat-x;
	background-color:#fff;
	position: absolute;
	width:100%;
	top: 100px;
	height: 30px;	
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#999;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#999999;	
	font-size: 12px;	
}


.navigationBar-currentPage{
	/*List Item BG on Navigation Bar when it links to the current page */
	background-image: url(../graphics/navigationBar/navigationBG_on.jpg);
}

#navigationBar ul{
	margin: 0px; 
	padding: 0px; 
	list-style-type: none;
}

#navigationBar li{
	float:left;
	position: relative; 	
	line-height:29px;/*IE6*/
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#999;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#ffffff;
	height:29px;		
}


html>body #navigationBar li{line-height:31px;} /*for normal browsers*/

#navigationBar ul li a{	
	display:block;
	text-decoration:none;
	color:#333333;
	padding-left:10px;
	padding-right:10px;
	cursor: pointer;
	position: relative; 	
	float:left;
}

#navigationBar ul li a:hover{
	background-image: url(../graphics/navigationBar/navigationBG_over.jpg);
	background-color:#ccc;
	color:#555;
}


/* Drop Down Styles ---------------------------------------------------------*/

#navigationBar ul li ul{
	display:none;
	position: absolute;
	top: 30px;
	left:-3px;
	height:1px;
}

#navigationBar ul li ul li{
	clear:both;
	height:30px;
}

#navigationBar ul li ul li a{
	height:30px;
	background-image: url(../graphics/navigationBar/navigationBar_back.jpg);
	background-repeat: repeat-x;
	width:150px;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#999;
	background-color:#f5f5f5;
}
#navigationBar ul li ul li a:hover{
	color:#555;

}
#navigationBar ul li:hover ul{
	display: block;	
}

#navigationBar ul li.over ul{
	display: block;
}