@import url(../_css/reset.css);

html { height: 100%; background: #000; overflow-y: scroll; }
body { font-family: Arial, sans-serif; height: 689px; position: relative; background: #fff; }

#wrapper {}
	#header { position: relative; height: 69px; background: #000; z-index: 10; }
		#navigation { position: absolute; left: 30px; bottom: 0; font-size: 1.1em; font-weight: 700; vertical-align: middle; }
			#navigation ul { text-align: left; width: 100%; line-height: 2em; }
				#navigation ul li { float: left; padding-right: 1.618em; }
					#navigation ul li a { text-decoration: none; color: #fff; }
					#navigation ul li.selected > a, #navigation ul li a:hover { /*color: #36f;  old---*/ color:#28b4e5; }
					
			#navigation ul ul { position: absolute; left: 0; bottom: -2em; width: 800px; font-size: 0.9em; display: none; }
			#navigation li.selected ul { display: block; }
				#navigation ul ul li { border-right: 2px solid #000; line-height: 2em; height: 2em; padding: 0 1.6em; }
				#navigation ul ul li.first { border-left: 2px solid #000; }
					#navigation ul ul li a { color: #000; }

#content {
	position: absolute;
	top: 70px;
	left: 0;
	bottom: 33px;
	width: 100%;
	overflow: hidden;
	min-height: 565px;
	z-index: 9;
}

	#logo { float: left; width: 220px; margin-top: 30px; margin-left: 30px; position: relative; z-index: 10; }
	#container { margin-left: 220px; position: relative; z-index: 9; width: 4500px; }
		#container .column { float: left; width: 527px; margin: 30px 88px 0 0; }
		#container > .content_box { margin-top: 30px; }
			#container .content_box { position: relative; width: 527px; height: 528px; float: left; white-space: normal; margin-bottom: 80px; }
			#container .content_box.disabled { cursor: pointer; }
				#container .content_box .background_image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; }
				#container .content_box .text { position: absolute; padding: 20px 1em 0 1em; right: 0; width: 50%; z-index: 10; color: #fff; height: 508px; overflow: hidden; background: url(../_images/text_bg.png); }
					#container .content_box .text h1 { color: #28b4e5; font-size: 2.1em; font-weight: 700; line-height: 1.3em; letter-spacing: -0.05em; }
			
				#container .content_box.home .text { font-size: 2.1em; font-weight: 700; line-height: 1.1em; letter-spacing: -0.05em; color: #fff; text-align: right; top: auto; bottom: 1em; height: auto; background: none; width: 55% !important; }
				#container .content_box .text a { color: #28b4e5; text-decoration: none; }
				#container .content_box .text a:hover { text-decoration: underline; }

#footer { position: absolute; top: 656px; left: 0; width: 100%; height: 33px; font-size: 1.1em; background: #000; color: #515151; text-align: right; z-index: 10; }
	.copyright { text-align: right; margin: 1em; }
	
	
	
	/*--Mark changes 10/12/09---*/
	
	#legalcontent {
	position: absolute;
	top: 70px;
	left: 0px;
	bottom: 33px;
	width: 100%;
	overflow: hidden;
	min-height: 565px;
	z-index: 9;
}

		
				.contentText h1 { margin:0px 0 10px 0px; color: #000; font-size: 1.2em; font-weight: bold; line-height: 1.3em; letter-spacing: 0.01em; }
				.contentText p{ margin-bottom:10px;}
				.contentText { font-size: 1.1em; font-weight: 300; line-height: 1.4em; letter-spacing: 0.02em; color: #000; text-align:left; top:auto; bottom: 2em; height: auto; background: none; font-family:Arial, sans-serif;}
				.legalpage #container .content_box { position: relative; min-width:540px;  height: 528px; float: left; white-space: normal; margin-bottom: 80px; }
				.content_box{ margin-top:0px;}
				.legalpage a {color: #28b4e5;} 
				.homeText{ font-size:24px !important;}
				.copyright a, a:hover, a:visited { text-decoration:underline; color:#666}
				
					
					/******.content h1 {margin-bottom:13px;}****for headings if needed*******/