/***************************************************************************************
 ******* COLOUR REFERENCE
 ******* Primary Orange	:	#e9690b
 ***************************************************************************************/
 
/***************************************************************************************
 ******* COMMON STYLES
 ***************************************************************************************/
 body {font: 11px/1.3em Arial, Helvetica, sans-serif; min-height: 390px;}
 #container {margin: 0 auto; padding: 0;}
 a, a:link, a:visited {}
 a:hover, a:focus, a:active {}
 
/***************************************************************************************
 ******* HEADER STYLES
 ***************************************************************************************/
 #header {
	height: 216px;
	position: relative;
 }
	#header ul li a {
		color: #fff;
		font-size: 12px;
		font-weight: bold;
	}
 	#header .callouts {height: 48px; position: relative;}
		#header .callouts ul {
		 	background: transparent url(/elements/images/global/topCalloutsGreenBG.png) 0 0 no-repeat;
			display: block;
			height: 33px;
			padding: 0 8px;
			position: absolute;
			top: 0;
			width: 279px;
		}
		#header .callouts ul.logout {
			background: transparent url(/elements/images/global/topCallouts.png) 0 0 no-repeat;
			width: 390px;
		}
			#header .callouts ul li {
				display: block;
				float: left;
				height: 28px;
				line-height: 28px;
				width: 130px;
			}
				#header .callouts ul li a {
					display: block;
					line-height: 28px;
					text-align: center;
					text-transform: uppercase;
				}
				#header .callouts ul li.current a, #header .callouts ul li a:hover {color: #c9f7cd;}
				#header .callouts ul li:last-child ul.logout li a:hover {color: #FFCC9F;}
 	#header a.logo {
		background: transparent url(/elements/images/global/logo.png) center center no-repeat;
		display: block;
		height: 135px;
		margin: -5px auto 0;
		outline: none;
		text-indent: -9999em;
		width: 400px;
	}
	#header ul.navigation {display: block;}
		#header ul.navigation li {
			background: transparent url(/elements/images/global/primaryNavigationItemSeperator.gif) no-repeat;
			display: block;
			float: left;
			position: relative;
		}
		#header ul.navigation li:first-child {background: none;}
			#header ul.navigation li a {
				display: block;
				float: left;
				padding: 2px 27px;
				text-transform: uppercase;
			}
			#header ul.navigation li a:hover, #header ul.navigation li.current a {color: #300;}
			#header ul.navigation li.current li a {color: #fff;}
			#header ul.navigation li ul {
				background: #eb6f14;
				border: 1px solid #fff;
				border-bottom: none;
				left: -9999em;
				position: absolute;
				width: 260px;
			}
			#header ul.navigation li:hover ul {left: 0;}
				#header ul.navigation li ul li {
					background: none;
					float: none;
					height: auto;
					min-height: 26px;
					padding: 0;
					border-bottom: 1px solid #fff;
				}
					#header ul.navigation li ul li a {
						float: none;
						font-size: 11px;
						line-height: 20px;
						padding: 3px 5px;
						text-align: left;
						width: 250px;
					}
					#header ul.navigation li ul li:hover {background: #fc9940;}
					#header ul.navigation li ul li ul {background: #fc9940; top: -1px;}
					#header ul.navigation li:hover ul li ul {left: -9999em;}
					#header ul.navigation li:hover ul li:hover ul {left: 100%;}

/***************************************************************************************
 ******* CONTENT STYLES
 ***************************************************************************************/
 #content .FIR {display: block; padding: 0; cursor: default;}
	 #content .FIR img {float: left;}
 
/***************************************************************************************
 ******* FOOTER STYLES
 ***************************************************************************************/
 #footer {
	 color: #999;
	 font-size: 11px;
	 padding: 20px 10px;
	 position: relative;
	 text-align: center;
 }
 	#footer span {color: #090; padding: 0 5px;}
	#footer a {color: #7ac6fc;}
	#footer ul#social {
		left: 10px;
		position: absolute;
	}
		#footer ul#social li {
			display: block;
			float: left;
			height: 24px;
			margin: 0 0 0 5px;
			width: 24px;
		}
	#footer ul#badges {
		position: absolute;
		right: 10px;
	}
		#footer ul#badges li {
			display: block;
			float: left;
			height: 33px;
			padding: 0 5px;
			width: 22px;
		}
 
/***************************************************************************************
 ******* MISCELLANEOUS STYLES
 ***************************************************************************************/

/***************************************************************************************
 ******* BROWSER HACKS
 ***************************************************************************************/
 body.safari #header ul li a {font-size: 11px;}
 body.safari #header ul.navigation li a {padding: 2px 28px;}
 body.firefoxmac #header ul.navigation li a {padding: 2px 24px;}
 body.safari #header ul.navigation li ul li a, body.firefoxmac #header ul.navigation li ul li a {padding: 3px 5px;}