/*
	Filename         : 	style.css
	Created by       : 	Ashley Nolan
	Created          : 	20/07/2009
	Last Updated     : 	20/07/2009
	Comments         : 	Styling for ABA
*/

/*  General class definitions for global use
************************************************************************************************************************/

.noBorder {
	border:none !important;
}
.linkUnderline {
	text-decoration:underline;
}
.show {
	display:block;
}
.hide {
	display:none;
}
.clear {
	clear: both !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	font-size: 1px !important;
	height: 1px !important;
	width: 1px !important;
	float: none !important;
}	
.fRight {
	float:right;
	margin-right:0 !important;
}
.fLeft {
	float:left;
	margin-left:0 !important;
}

/*  General formatting definitions
************************************************************************************************************************/

* {
	font-family:Arial, Helvetica, sans-serif;
}

strong {
	font-weight:bold;
}

p {
	font-size:1.2em;
	line-height:1.2em;
	color:#333333;
}

a {
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	color:#007CBC;
}
	a:hover {
		text-decoration:underline !important;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

h1 {
	font-size:3em;
	font-weight:bold;
	line-height:1.2em;
	color:#16134A;
}
h2 {
	font-size:2.4em;
	line-height:1.2em;
	color:#16134A;
}
h3 {
	font-size:1.4em;;
	line-height:1.2em;
}
h4 {
	font-size:;
	line-height:;
}
h5 {
	font-size:;
	line-height:;
}

.error {
	font-size:1.2em;
	line-height:1.2em;
	color:#333333;
}

/*  Layout of body and main div's
************************************************************************************************************************/

body {
	font-size:62.5%;
}

div#wrapper {
	background:url(../../../../images/headerBg.jpg) #fff center top no-repeat;
	margin:0 auto;
}

div#header {
	width:980px;
	margin:0 auto;
	min-height:220px;
}
	div#naviBar {
		clear:both;
	}


div#mainWrap {
	width:100%;
	clear:both;
	background:url(../../../../images/contentGradient.png) center top repeat-y;
	position:relative;
	padding-bottom:40px;
}
	div#headerSplitter {
		width:100%;
		height:25px;
		background:url(../../../../images/headerSplitter.png) center top no-repeat;
		position:absolute;
		top:-9px;
		left:0;
	}
	div#main {
		width:1000px;
		margin:0 auto;
		padding-top:0px;
		clear:both;
	}
		.home {
			padding-top:20px !important;
		}
		div#contentWrap {
			float:left;
			clear:both;
			width:100%;
		}
			div#content {
			}
			div#sidebarRight {
			}	


#footerWrap {
	background:url(../../../../images/footerBg.jpg) center top no-repeat;
	min-height:200px;
	height:auto !important;
	height:200px;
	padding:40px 0 0;
	margin:0 auto;
}
	#footer {
		width:980px;
		margin:0 auto;
	}
	#footer_logo {
		width:216px;
		float:right;
		align:center;
	}
	#footer #footer_details {
		padding-top:20px;
		float:left;
		clear:left;
		width: 500px;
	}


/* Header formatting 
************************************************************************************************************************/

#logo {
	float:left;
	display:inline;
	margin-top:20px;
	background:url(../../../../images/logoABA.png) left top no-repeat;
	text-indent:-99999px;
}
	#logo a, #logo a:hover {
		text-decoration:none;
		display:block;
		width:231px;
		height:94px;
	}
	
a .login {
	float:right;
	background:url(../../../../images/loginbg.png) bottom left no-repeat;
	display:inline;
	padding-left:14px;
	width: 80px;
	height:27px;
	margin-top:7px;
	text-align: center;
}
	a .login { color: #fff; }
	a .login fieldset {float:left; padding: 0px; margin: 0px;font-size:1.4em; text-decoration:none; padding-top:5px;  text-align: center; }
	.login a {
		float:left;
		/*padding-right:14px;*/
		/*background:url(../../../../images/loginBoxRight.png) bottom right no-repeat;*/
		color:#fff;
		font-size:1.4em;
		text-decoration:none;
		padding-top:5px;
	    text-align: center;
	}
		.login a span {
			/*background:url(../../../../images/loginBoxMiddle.jpg) bottom center repeat-x;*/
			padding:10px 5px 14px;
			float:left;
			display:inline;
		}
		
		
		
.search {
	background:url(../../../../images/searchBox.png) top left no-repeat;
	padding:0;
	float:right;
}
	.search form {
		width:234px;
	}
		.search fieldset {
			padding:6px 8px 8px;
			width:235px;
		}
		.search input {
			width:115px;
			float:left;
			background:url(../../../../images/searchBoxInput.jpg) top left no-repeat;
			border:0;
			padding:5px 6px 7px 7px;
		}
		.search td input {
			width:183px;
		}
		.search td label {
			display:none;
		}
		.search a {
			float:right;
			padding:0px 0px 0px 2px;
			margin:1px 0 0 0;
			font-size:1.4em;
			color:#fff;
			border:0;
			cursor:pointer;
			/*background:url(../../../../images/button_search.jpg) top center no-repeat;*/
		}
			.search a:hover {
				background-position:bottom center;
			}

/* Content formatting  - Home
************************************************************************************************************************/

#main h1 {
	float:left;
	margin:0 0 20px 10px;
	display:inline;
}

.print {
	float:right;
	background:url(../../../../images/icon_print.gif) top right no-repeat;
	font-size:1.6em;
	color:#16134A;
	padding:5px 40px 5px 0;
	margin-right:20px;
}
	.standard .print {
		margin-top:10px;
	}

.home #content {
	width:664px;
	float:left;
}
	.home #content .banner {
		background:url(../../../../images/contentBannerGrad.png) bottom left no-repeat;
		width:652px;
		border-top:4px solid #FFDE0A;
		padding-bottom:15px;
		margin-left:10px;
		text-align:center;
	}
		.home #content .banner a {
			display:block;
		}
	
	.home #content .promoBox {
		background:url(../../../../images/promoBoxHome664.png) 4px bottom no-repeat;
		margin-top:20px;
		float:left;
		width:634px;
		padding:0 20px 10px 20px;
	}
	.home #content .promoBox2 {
		margin-top:20px;
		float:left;
		background:url(../../../../images/promoBox2HomeTop664.png) 4px top no-repeat;
		padding-top:20px;
	}
		.home #content .promoBox2Bottom {
			float:left;
			padding:0 20px 30px 20px;
			width:634px;
			background:url(../../../../images/promoBox2HomeBottom664.png) 4px bottom no-repeat;
			min-height:220px;
		}

		.home #content .left {
			float:left;
			width:240px;
			padding-right:10px;
		}
		.home #content .right {
			float:right;
			width:360px;
			padding:0 5px 0 10px;
		}
			.home #content .promoBox2 img {
				padding-bottom:10px;
			}
			.home #content h2 {
				margin:10px 0;
			}
			.home #content .promoBox p {
				margin-bottom:10px;
			}
			.home #content .promoBox img {
				/*float:right;*/
				margin:10px;
				border:4px solid #EDEEF0;
				border-left:0;
			}
			a.more {
				background:url(../../../../images/icon_more.gif) right top no-repeat;
				font-size:1.5em;
				color:#16134A;
				padding-right:30px;
				margin-top:10px;
				float:left;
			}

/* Content Page formatting 
************************************************************************************************************************/

#mainContentWrap {
	float:left;
	width:488px;
}
	.wide {
		width:745px !important;
	}
		
	#main #mainContentWrap h1 {
		color:#292B5A;
		margin:10px 12px 0;
		padding:0 8px 10px;
		width:448px;
	}
	
	.mainContentTop {
		float:left;
		padding:0;
		background:url(../../../../images/contentBg.png) left top no-repeat;
		
	}

	
	#mainContent {
		float:left;
		display:inline;
		margin:0 12px 20px;
		padding:20px 30px;
		border-top:4px solid #FFDE0A;
	}
		#mainContent h2 {
			margin-bottom:12px;
			color:#000;
		}
		#mainContent p {
			
			margin-bottom:12px;
		}
		#mainContent ul,
		#mainContent ol {
			font-size:1.2em;
			line-height:1.2em;
			color:#333333;
			margin-bottom:10px;
		}
			#mainContent ul li {
				background:url(../../../../images/listIcon.gif) left 2px no-repeat;
				padding:0 0 10px 20px;
			}
			
	#main .mainContentBottom {
		float:left;
		/*background:url(../../../../images/contentBgBottom.png) 4px top no-repeat;*/
		width:488px;
		height:10px;
	}
		/*.wide .mainContentBottom {
			width:745px !important;
			background:url(../../../../images/contentBgWideBottom.png) 4px top no-repeat !important;
		}*/

/* Wide Content Page formatting 
************************************************************************************************************************/
	.mainContentTop_wide {
		float:left;
		padding:0;
		background:url(../../../../images/contentBg_wide.png) left top no-repeat;
		
	}

	#mainContent_wide {
		float:left;
		display:inline;
		margin:0 12px 20px;
		padding:20px 30px;
		border-top:4px solid #FFDE0A;
	}

	#mainContentWrap_wide {
		float:left;
		width:745px;
	}

	.mainContentTop_sitemap {
		float:left;
		padding:0;
		background:url(../../../../images/contentBg_wide.png) left top no-repeat;
		
	}

	#mainContent_sitemap {
		float:left;
		display:inline;
		margin:0 12px 20px;
		padding:20px 30px;
		border-top:4px solid #FFDE0A;
	}

	#mainContentWrap_sitemap {
		float:left;
		width:100%;
	}

	.wideLargeWidth {
		width:745px !important;
	}
	.wideSmallWidth {
		width:745px !important;
	}

	#main #mainContentWrap_wide h1 {
		color:#292B5A;
		margin:10px 12px 0;
		padding:0 8px 10px;
		width:705px;
	}

		
	#mainContent_wide h2 {
		margin-bottom:12px;
		color:#000;
	}
	
	#mainContent_wide p {
		margin-bottom:12px;
	}
	
	#mainContent_wide ul,
	#mainContent_wide ol {
		font-size:1.2em;
		line-height:1.2em;
		color:#333333;
		margin-bottom:10px;
	}
	
	#mainContent_wide ul li {
		background:url(../../../../images/listIcon.gif) left 2px no-repeat;
		padding:0 0 10px 20px;
			}

		#main .mainContentBottom {
			width:480px !important;
			background:url(../../../../images/contentBgWideBottom.png) 4px top no-repeat !important;
		}

	#main .mainContentBottom {
		float:left;
		background:url(../../../../images/contentBgBottom.png) 4px top no-repeat;
		width:788px;
		height:10px;
	}
		#main .mainContentBottom_wide {
			width:745px !important;
			background:url(../../../../images/contentBgWideBottom.png) 4px top no-repeat !important;
		}

/* Content formatting - Landing Page
************************************************************************************************************************/

.landing #mainContentWrap h1 {
	border:none !important;
}
.landingBoxWrap {
	float:left;
	margin-bottom:20px;
	padding:0 8px 20px 10px;
	width:470px;
	background:url(../../../../images/landingBox.png) left bottom no-repeat;
}
	.landingBox {
		border-top:4px solid #FFDE0A;
		margin:0 3px 0;
		padding:16px 16px 0;
	}
		.landingBox ul {
			display:block;
			font-size:1.2em;
			float:left;
			width:248px;
		}
			.landingBox ul li {
				display:block;
				margin-bottom:6px;
				padding-top:6px;
				background:url(../../../../images/listBreak.gif) left top repeat-x;
			}
		.landingBox h2 {
			margin-bottom:6px;
		}
		.landingBox p {
			margin-bottom:10px;
		}
		.landingBox img {
			margin:0 8px 14px;
			padding:4px;
			border:4px solid #f1f1f1;
		}
		.landingBox .more {
			margin-top:0;
		}
		.landingBox li .more,
		.landingBox p .more {
			float:none;
			font-size:1em;
			padding:0 25px 5px 0;
			color:#007CBC;
		}


/* Sitemap formatting
************************************************************************************************************************/

.sitemap {
	width:100%;
}


/* Search formatting
************************************************************************************************************************/

label {
	font-size:1.2em;
	margin-right:6px;
}
#mainContent input,
#mainContent select {
	margin:0 6px 0 6px;
}

a b ,
.searchtop,
.seachHeader,
.seachSummary {
	font-size:1.2em;
}

.seachHeader {
	margin-bottom:6px;	
}

.seachSummary {
	margin-bottom:26px;
}


/* Right sidebar formatting
************************************************************************************************************************/

.home #sidebarRight {
	width:320px;
	float:right;
}
	.home #sidebarRight .sidebox {
		float:left;
		padding-bottom:30px;
		width:321px;
	}
		.home #sidebarRight .sidebox .boxTitle,
		.standard #sidebarRight .sidebox .boxTitle,
		.landing #sidebarRight .sidebox .boxTitle {
			background:url(../../../../images/sideBarLeft.gif) left top no-repeat;
			margin:0 15px 0 13px;
			
		}
			.home #sidebarRight .boxTitle h3,
			.standard #sidebarRight .boxTitle h3,
			.landing #sidebarRight .boxTitle h3 {
				font-size:1.4em;
				font-weight:bold;
				background:url(../../../../images/sideBarRight.gif) right top no-repeat;
				padding:0 13px;
				color:#fff;
				display:block;
			}
				.home #sidebarRight .boxTitle span,
				.standard #sidebarRight .boxTitle h3 span,
				.landing #sidebarRight .boxTitle h3 span {
					background:#002A40 url(../../../../images/sideBarTop.gif) left top repeat-x;
					display:block;
					padding:5px 0;
				}
				
	.home #sidebarRight .sidebox ul {
		background:url(../../../../images/sidebarHomeBottom.png) 5px bottom no-repeat;
		padding:20px 30px 30px 30px;
		float:left;
		width:256px;
	}
		.home #sidebarRight .sidebox li {
			background:url(../../../../images/listBreak.gif) left top repeat-x;
			padding:8px 0;
			float:left;
			width:100%;
		}
			.home #sidebarRight .sidebox li.first,
			.landing #sidebarRight .sidebox li.first {
				padding-left:0;
				background:none;
			}
				.home #sidebarRight .sidebox li.first p {
					padding:4px 5px 8px 0;
				}
				.home #sidebarRight .sidebox li.first a {
					font-size:1.3em;
					float:right;
					margin:0 10px 0 10px;
				}
			.home #sidebarRight .sidebox li.viewAll {
			}
				.home #sidebarRight .sidebox li.viewAll a {
					float:right;
					margin-right:10px;
					padding:0;
					font-size:1.2em;
				}
			.home #sidebarRight .sidebox img {
				float:left;
				padding-right:10px;
			}
			.home #sidebarRight .sidebox h4 {
				font-size:1.3em;
				font-weight:bold;
			}
				.home #sidebarRight .sidebox h4 a {
					background:url(../../../../images/listIcon.gif) left 2px no-repeat;
					display:block;
					padding-left:20px;
					padding-bottom:4px;
				}
			.home #sidebarRight .sidebox p {
				padding-left:20px;
			}
			
			.home #sidebarRight .sidebox ul ul,
			.landing #sidebarRight .sidebox ul ul {
				background:none;
				padding:0;
				float:none;
			}
				.home #sidebarRight .sidebox ul ul li,
				.landing #sidebarRight .sidebox ul ul li {
					background:none;
					width:auto;
					background:url(../../../../images/listSubIcon.gif) left 4px no-repeat;
					margin:0 2px;
					padding: 0 0 0 12px;
				}
					.landing #sidebarRight .sidebox ul ul li {
						
					}
				.landing #sidebarRight .sidebox ul ul li {
					clear:both;
				}
					.home #sidebarRight .sidebox ul ul li a,
					.landing #sidebarRight .sidebox ul ul li a {
						color:#000;
						font-size:1.1em !important;
						font-weight:normal;
						margin:0 0 0 -3px !important;
					}
		.home #sidebarRight .list li.first,
		.landing #sidebarRight .list li.first {
			border:none;
			padding-top:0;
		}
			.home #sidebarRight .list li.first a,
			.landing #sidebarRight .list li.first a {
				font-size:1em;
				float:none;
				margin-left:0;
			}
			
			
.standard #sidebarRight,
.landing #sidebarRight {
	width:256px;
	float:right;
	margin-top:16px;
}
	.standard #sidebarRight .sidebox,
	.landing #sidebarRight .sidebox {
		float:left;
		padding-bottom:30px;
		width:256px;
	}
	.standard #sidebarRight .sidebox .sidebarWrapper,
	.landing #sidebarRight .sidebox .sidebarWrapper {
		background:url(../../../../images/sidebarStandardBottom.png) -2px bottom no-repeat;
		padding:10px 20px 30px 23px;
		float:left;
	}
		.standard #sidebarRight .sidebox .sidebarWrapper p,
		.landing #sidebarRight .sidebox .sidebarWrapper p {
			padding:10px 10px 20px 10px;
		}
	.standard #sidebarRight .sidebox ul,
	.landing #sidebarRight .sidebox ul {
		float:left;
		width:196px;
		padding:6px 0 20px 6px;
	}
		.landing #sidebarRight .sidebox li {
			padding:4px 0;
			float:left;
			width:100%;
		}
		.landing #sidebarRight .list li {
			background:url(../../../../images/listBreak.gif) left top repeat-x;
			padding:8px 0;
		}
		.standard #sidebarRight .sidebox li {
			margin-bottom:10px;
		}
		.standard #sidebarRight .sidebox h4,
		.landing #sidebarRight .sidebox h4 {
				font-size:1.3em;
				font-weight:bold;
			}
				.standard #sidebarRight .sidebox h4 a {
					background:url(../../../../images/listIcon.gif) left 2px no-repeat;
					display:block;
					padding-left:20px;
					padding-bottom:4px;
				}
				.landing #sidebarRight .sidebox h4 a {
					display:block;
					padding-left:4px;
					padding-bottom:4px;
				}

/* Footer Styles 
************************************************************************************************************************/

#footer ul {
	float:left;
}
	#footer ul li {
		float:left;
		padding:0 10px;
		border-right:1px solid #3A8FBE;
	}
		#footer ul li.first {
			border-left:1px solid #3A8FBE;
		}
		#footer ul li a {
			color:#fff;
			font-size:1.2em;
		}
		
#footer a.prec {
	display:block;
	/*font-size:1.1em;
	color:#fff;*/
	color:#333333;
	width:220px;
	margin-right:12px;
	margin-teft:12px;
}
		
		
/* Png Fix
************************************************************************************************************************/


#logo,
.login,
.login a,
.login a span,
ul#globalNav li,
ul#globalNav li a,
ul#globalNav li a span,
.search form,
.search fieldset,
ul#mainNav,
home #content .promoBox,
.home #content .banner,
#headerSplitter,
div#mainWrap,
#mainContent,
#main .mainContentBottom,
.landingBoxWrap,
.home #content .promoBox,
.home #content .promoBox2,
.home #content .promoBox2Bottom,
.home #sidebarRight .sidebox ul,
#sidebarRight .sidebox .sidebarWrapper {
	behavior: url(../../../../js/iepngfix.htc);
}

.EventMap { float: right; }