/**************************************************************************************
******* COMMON STYLES
***************************************************************************************/
body {
	background: #121212 url(/elements/images/global/bodyBG.jpg) 0 0 repeat-x;
	border-top: 9px solid #01a7c4;
	font: normal 14px/1 Helvetica, Arial, sans-serif;
}
a, a:link, a:visited {text-decoration: none;}
a:hover, a:focus, a:active {}
.right {
	display: block;
	float: right;
	margin: 0 0 1.3em 1.3em;
}
.left {
	display: block;
	float: left;
	margin: 0 1.3em 1.3em 0;
}
.centered {
	display: block;
	margin: 0 auto 1.5em;
}
#header,
#middle,
#footer {
	margin: 0 auto;
	width: 960px;
}
hr.opaque {
	background: #fff;
	border: none;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	margin: 0;
	opacity: 0.20;
	padding: 0;
}

/**************************************************************************************
******* HEADER AREA STYLES
***************************************************************************************/
#headerWrap {
	background: transparent url(/elements/images/global/headerWrapBG.jpg) center -9px no-repeat;
	height: 121px;
	padding-top: 86px;
}
	#header {
		position: relative;
	}
		a#primaryLogo {
			display: block;
			height: 44px;
			line-height: 44px;
			width: 145px;
		}
		#userTools {
			position: absolute;
			right: 0;
			top: 0;
		}
			#userTools ul {float: right;}
				#userTools ul li {
					border-left: 1px solid #01a4c0;
					display: block;
					float: left;
					margin: 0 0 0 5px;
				}
				#userTools ul li:first-child,
				#userTools ul li.first-child {border: none;}
					#userTools ul li a {
						color: #01a4c0;
						display: block;
						float: left;
						font: bold 0.8em/0.8em Helvetica, Arial, sans-serif;
						padding: 0 0 0 5px;
					}
					#userTools ul li a:hover {color: #f0d30c;}
			#userTools form fieldset {
				border: none;
				clear: both;
				display: block;
				float: right;
				margin: 10px 0 0;
				width: 193px;
			}
				#userTools form fieldset input {
					background: #fff;
					border: 1px solid #dadada;
					color: #a7b5b4;
					display: block;
					float: left;
					font: italic 0.8em/1 Helvetica, Arial, sans-serif;
					height: 14px;
					padding: 3px 5px;
					width: 150px;
				}
				#userTools form fieldset input.submit {
					background: #eceacd url(/elements/images/icons/searchIconOnTaupe.gif) center center no-repeat;
					border: none;
					cursor: pointer;
					height: 22px;
					margin: 0 0 0 5px;
					text-indent: -99999em;
					width: 26px;
				}
		#header hr {
			clear: both;
			margin: 10px 0 8px;
		}
		ul#primaryNavigation {
			display: block;
			float: right;
			margin: 0;
		}
			ul#primaryNavigation li {
				background: transparent;
				cursor: pointer;
				display: block;
				float: left;
				height: 44px;
				margin: 0 10px 0 0;
				position: relative;
			}
			ul#primaryNavigation li.current {background: transparent url(/elements/images/global/primaryNavigationHoverIndicator.png) center bottom no-repeat;}
				ul#primaryNavigation li a {
					border: 1px solid transparent;
					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					color: #cdf3f8;
					display: block;
					float: left;
					font: bold 1.1em/1.75em "Grotesque", "Grotesque MT", Helvetica, Arial, sans-serif;
					opacity: 0.6;
					padding: 0 8px;
				}
				ul#primaryNavigation li:hover a,
				ul#primaryNavigation li.hover a,
				ul#primaryNavigation li a:hover {
					background: #e8f5f6;
					border-color: #3ea7c8;
					color: #1ec7db;
					opacity: 0.95;
				}
				ul#primaryNavigation li.first:hover a,
				ul#primaryNavigation li.first.hover a,
				ul#primaryNavigation li.first a:hover {
					background: none;
					border-color: #c4c4c4;
					color: #1ec7db;
				}
				ul#primaryNavigation li.current a {
					border-color: #c4c4c4;
					color: #1ec7db;
				}
				ul#primaryNavigation li ul {
					background: #e8f5f6;
					border: 1px solid #3ea7c8;
					border-top-color: transparent;
					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					box-shadow: 3px 3px 5px #222;
					-moz-box-shadow: 3px 3px 5px #222;
					-webkit-box-shadow: 3px 3px 5px #222;
					left: -9999em;
					opacity: 0.95;
					padding: 0 0 1px;
					position: absolute;
					top: 23px;
					width: 130px;
					z-index: 999999999;
				}
				ul#primaryNavigation li:hover ul,
				ul#primaryNavigation li.hover ul {
					left: auto;
					right: 0;
				}
					ul#primaryNavigation li ul li {
						margin: 0;
						padding: 0 5px;
						width: 120px;
					}
					ul#primaryNavigation li ul li,
					ul#primaryNavigation li ul li a,
					ul#primaryNavigation li:hover ul li,
					ul#primaryNavigation li.hover ul li {
						background: none;
						border: none;
						border-radius: 0;
						-moz-border-radius: 0;
						-webkit-border-radius: 0;
						float: none;
						height: auto;
					}
						ul#primaryNavigation li:hover ul li a,
						ul#primaryNavigation li.hover ul li a,
						ul#primaryNavigation li ul li a {
							border-bottom: 1px solid #96a2a7;
							color: #96a2a7;
							font: normal 0.875em/1 Helvetica, Arial, sans-serif;
							padding: 5px;
							text-align: right;
							width: 110px;
						}
						ul#primaryNavigation li ul li:last-child a,
						ul#primaryNavigation li ul li.last-child a {border-bottom: none;}
						ul#primaryNavigation li ul li a:hover {color: #002c66;}
						ul#primaryNavigation li ul li ul,
						ul#primaryNavigation li:hover ul li ul,
						ul#primaryNavigation li.hover ul li ul {
							border-top-color: #3ea7c8;
							left: -9999em;
							right: auto;
							top: 0;
						}
						ul#primaryNavigation li:hover ul li:hover ul,
						ul#primaryNavigation li.hover ul li.hover ul {left: 130px; z-index: 9999999;}
							ul#primaryNavigation li:hover ul li:hover ul li a,
							ul#primaryNavigation li.hover ul li.hover ul li a {
								border: none;
								text-align: left;
							}

/**************************************************************************************
******* CONTENT AREA STYLES
***************************************************************************************/
#middleWrap {
	background: #fdfdfd;
	padding: 0 0 40px;
}

/**************************************************************************************
******* FOOTER AREA STYLES
***************************************************************************************/
#footerWrap {
	background: transparent url(/elements/images/global/footerWrapBG.png) center top no-repeat;
	border-top: 9px solid #255492;
	min-height: 160px;
}
	#footer hr {margin: 30px 0 10px;}
	#footer p {
		color: #666;
		font: normal 0.85em/1em Helvetica, Arial, sans-serif;
		margin: 0;
	}
	#footer a {
		color: #11acce;
		text-decoration: underline;
	}