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

#navigationBar{
	background-image: url(../graphics/navigationBar/nav_BG.jpg);
	background-repeat: repeat-x;
	background-color:#2E91AB;
	position: absolute;
	width:860px;
	top: 133px;
	left:30px;
	height: 42px;	
	font-size: 12px;	
}

#navigationBar-left{
	background-image: url(../graphics/navigationBar/nav_left.jpg);
	background-repeat: no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	width:4px;
	height:42px;
}

#navigationBar-right{
	background-image: url(../graphics/navigationBar/nav_right.jpg);
	background-repeat: no-repeat;
	position:absolute;
	right:0px;
	top:0px;
	width:4px;
	height:42px;
}

#navigationBar-tagline{

	position:absolute;
	right:10px;
	top:9px;
	width:190px;
	height:20px;
}


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

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

#navigationBar li{
	float:left;
	position: relative; 	
	line-height:41px;/*IE6*/	
	height:41px;		
}


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

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

#navigationBar ul li a:hover{
	background-image: url(../graphics/navigationBar/navButton_over.jpg);
	background-repeat: repeat-x;
	background-color:#1A86A2;

	color:#fff;
}


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

#navigationBar ul li ul{
	display:none;
	background-image: url(../graphics/navigationBar/nav_drop_BG.jpg);
	background-repeat: repeat-x;
	position: absolute;
	top: 38px;
	font-size:11px;
	left:0px;
	height:auto;
	padding:0px;
	margin:0px;
	padding-top:10px;
	padding-bottom:5px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#ccc;	
	z-index:101;
	background-color:#1A86A2;
}

#navigationBar ul li ul li{
	clear:both;
	height:auto;

}

#navigationBar ul li ul li a{
	padding-top:10px;
	padding-bottom:10px;
	line-height:12px;
	height:auto;
	position:relative;
	background-image: url(../graphics/navigationBar/navigationBar_back.jpg);
	background-repeat: repeat-x;
	width:140px;
	
	
	top:0px;
	
}
#navigationBar ul li ul li a:hover{
	color:#fff;
	display:block;
	background-color:#3C98B0;

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

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