/*
	Filename         : 	navi.css
	Created by       : 	Ashley Nolan
	Created          : 	20/07/2009
	Last Updated     : 	20/07/2009
	Comments         : 	Styling for ABA - Navigation
*/


/* Global Navigation Bar 
************************************************************************************************************************/

ul#globalNav {
	padding-top:60px;
	float:left;
	overflow: hidden; height: 45px;
}
	ul#globalNav li {
		float:left;
		background:url(../../../../images/globalNavLeft1.png) top left no-repeat;
		padding-left:15px;
		display:inline;
	}
		ul#globalNav li a {
			float:left;
			padding-right:15px;
			background:url(../../../../images/globalNavRight1.png) top right no-repeat;
			font-size:12px;
			text-align:center;
			color:#fff;
			display:block;
		}
			ul#globalNav li span {
				background:url(../../../../images/globalNavMiddle1.png) top center repeat-x;
				padding:16px 0 10px 0;
				display:block;
				
			}
	ul#globalNav li:hover {
		background-position:left -71px;
	}
		ul#globalNav li:hover a {
			background-position:right -71px !important;
			color:#333;
		}
			ul#globalNav li:hover span{
				background-position:center -71px !important;
			}
			
		ul#globalNav li.sfhover a {
			
		}
			
	ul#globalNav li.li1 span {
		width:40px;
	}
	ul#globalNav li.li2 span {
		width:62px;
	}
	ul#globalNav li.li3 span {
		width:91px;
	}
	ul#globalNav li.li4 span {
		width:193px;
	}
	ul#globalNav li.li5 span {
		width:181px;
	}
	ul#globalNav li.li6 span {
		width:90px;
	}
	ul#globalNav li.li7 span {
		width:113px;
	}
	
	


/* Main Navigation Bar 
************************************************************************************************************************/

div#mainNavWrap {
	float:left;
	clear:left;
	margin-top:56px;
	display:block;
}


#mainNavWrap .navTitle {
	background:url(../../../../images/sideBarLeft.gif) left top no-repeat;
	margin:0 11px 0 15px;
}
	#mainNavWrap h3 {
		background:url(../../../../images/sideBarRight.gif) right top no-repeat;
		padding:0 13px;
		display:block;
		font-weight:bold;
		color:#fff;
	}
		#mainNavWrap span {
			background:url(../../../../images/sideBarTop.gif) #002A40 left top repeat-x;
			display:block;
			padding:5px 0;
			width:203px;
		}

ul#mainNav {
	background:url(../../../../images/mainNavBg.png) 3px bottom no-repeat;
	padding:0 26px 40px 30px;
	float:left;
	width:199px;
}
	#mainNav li {
		background:url(../../../../images/listBreak.gif) left bottom repeat-x;
		padding:10px 0 4px 0;
		float:left;
		width:100%;
	}
		#mainNav li a {
			background:url(../../../../images/listIcon.gif) left 2px no-repeat;
			font-size:1.3em;
			color:#000;
			display:block;
			padding:0 0 10px 20px;
		}
	
	#mainNav ul {
		background:url(../../../../images/listBreak.gif) #f6f6f6 left top repeat-x;
		padding:10px 0 0 10px;
		width:188px;
		float:left;
	}
		#mainNav ul li {
			background:none;
			padding:6px 0;
			width:100%;
		}
			#mainNav ul li a {
				background:url(../../../../images/listSubIcon.gif) left 6px no-repeat;
				padding:0 0 6px 16px;
				color:#333;
			}
			
			#mainNav ul ul { background: none; width: 90%; }
			#mainNav ul ul li { padding: 0px; }
	
	
/* Breadcrumb
************************************************************************************************************************/

ul.breadcrumb {
	float:left;
	clear:both;
	margin:14px 0 0 14px;
	display:inline;
	width:100%;
}
	.breadcrumb li {
		float:left;
		color:#999;
		display:none;
	}
		.breadcrumb a {
			color:#000;
			text-decoration:underline;
			background:url(../../../../images/icon_arrow.gif) right 4px no-repeat;
			padding-right:12px;
			font-size:1.1em;
		}