/***************************************************************************************
 ******* COLOR REFERENCE
 ******* Dark Grey		:	#333
 ******* Light Grey		:	#666
 ******* Bright Red		:	#c00
 ******* Dark Red		:	#900
 ***************************************************************************************/
 
/***************************************************************************************
 ******* COMMON STYLES
 ***************************************************************************************/
 html {background: #333 url(/elements/images/global/htmlBG.gif) 0 0 repeat-x;}
 body {
	 background: transparent url(/elements/images/global/bodyBG.jpg) top center no-repeat;
	 color: #666;
	 font: normal 11px/1.3 Arial, Helvetica, sans-serif;
 }
 a, a:link, a:visited, a:hover, a:focus, a:active {text-decoration: none;}
 .right {display: block; float: right; margin: 0 0 1.3em 1.3em;}
 .left {display: block; float: left; margin: 0 1.3em 1.3em 0;}
 .center {display: block; margin: 0 auto 1.3em;}
 #container {
	 margin: 0 auto;
	 padding: 30px 0 0;
	 width: 988px;
 }

/***************************************************************************************
 ******* HEADER AREA STYLES
 ***************************************************************************************/
 #header {
	 background: #000 url(/elements/images/global/headerBG.png) 0 0 no-repeat;
	 border: 1px solid #000;
	 border-width: 3px 1px;
	 height: 149px;
	 position: relative;
 }
 	#header a.logo {
		background: transparent url(/elements/images/global/headerLogo.png) 0 0 no-repeat;
		display: block;
		height: 75px;
		left: 386px;
		position: absolute;
		text-indent: -9999em;
		top: 50px;
		width: 205px;
	}
	#header a:link, #header a:visited, #header a:hover, #header a:active, #header a:focus {outline: none;}
 	#header ul {
		border-top: 1px solid #000;
		float: left;
		height: 10px;
		margin: 114px 0 0;
		width: 475px;
	}
	#header ul.last {float: right;}
		#header ul li {
			font-size: 14px;
			font-weight: bold;
			margin: -12px 0 0;
			position: relative;
		}
		#header ul.first li {float: left; margin-left: 70px;}
		#header ul.last li {float: right; margin-right: 70px;}
		#header ul li, #header ul li a {
			display: block;
			height: 22px;
			line-height: 22px;
			width: auto;
		}
			#header ul li a {
				background: #d9d9d9 url(/elements/images/global/primaryNavigationBG.png) bottom left repeat-x;
				color: #c00;
				padding: 0 5px;
				text-transform: uppercase;
			}
			#header ul li a:hover, #header ul li:hover a, #header ul li.hover a {color: #900;}
			#header ul li ul {
				background: #fff;
				border: none;
				display: none;
				float: none;
				left: 0;
				margin: 0;
				position: absolute;
				top: 22px;
				width: 220px;
			}
			#header ul li:hover ul, #header ul li.hover ul {display: block;}
				#container #header ul li ul li {
					background: #fff;
					float: none;
					font-size: 10px;
					font-weight: normal;
					height: auto;
					margin: 0;
				}
					#header ul li ul li a {
						background: none;
						border: 1px solid #900;
						border-width: 0 1px 1px;
						color: #333;
						text-transform: none;
					}
					#header ul li ul li a:hover {
						color: #fff;
						background: #900;
					}
					#container #header ul li ul li ul {
						border-top: 1px solid #900;
						display: none;
						left: 219px;
						top: -1px;
					}
					#container #header ul li ul li:hover ul, container #header ul li ul li.hover ul {display: block;}
/***************************************************************************************
 ******* CONTENT AREA STYLES
 ***************************************************************************************/
 #middle {background: #fff;}
	#primaryContent p {margin: 0 0 1.5em;}
	#primaryContent a {color: #c00;}
	#primaryContent a.eco {color: #4aa432;}
	#primaryContent a:hover {color: #900;}
	#primaryContent ul {
		list-style: disc;
		margin: 0 0 0.75em 40px;
	}
		#primaryContent ul li {margin-bottom: 5px;}
		#primaryContent ul ul {margin: 5px 0 0 20px;}
 
/***************************************************************************************
 ******* FOOTER AREA STYLES
 ***************************************************************************************/
 #footer {
	 background: #000;
	 padding: 10px 0;
	 text-align: center;
 }
 	 #footer address {font-style: normal;}
	 #footer a {color: #666;}
	 #footer a:hover {text-decoration: underline;}