﻿/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	height: 100%;
	font:1.5em Arial, Lucida Grande, Segoe, sans; 
	font-size:small;
	background-color:#343434;
	color:#666;
}

#IEroot html, body {
	margin-top:35px;
}

#container {
	margin:0 auto;
	width:904px;
	/*background:#ffffff;*/
	background-image:url(fauxcolumns.gif);
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -1em; /* the bottom margin is the negative value of the footer's height */
}

#footer, .push {
	height: 1em; /* .push must be the same height as .footer */
}


h1, h2 {
	color:#000000;
	text-decoration: none;
}

p a {
	color: /*#3F5597;*/ #3E539B;
	font-weight: bold;
	text-decoration: underline;
}

p a:hover {
	text-decoration: underline;
}

p a:visited {
	color: /*#7F0E0D;*/ #3E539B;
	text-decoration: underline;
}

p { 
	line-height:1.5; 
	margin:0 0 1em;
}

#container h1 {
	padding-top: 210px;
	margin-left: 290px;
}

#IEroot #container h1 {
	font-size: 2em;
	margin-top: -220px;
	margin-left: 290px;
}
	
#container p {
	margin-left: 290px;
	margin-right: 40px;
	line-height:1.5;
	text-align:left;
}

#container table a {
	color: #3F5597;
	font-weight: bold;
	text-decoration: underline;
}

#container table {
	margin-left: 280px;
	margin-right: 40px;
	width: 600px;
}

#container table td {
	font-size:14px;
	text-align:center;
	line-height:1.5;
	color:#343434;
}

#container td {
	text-align:center;
	line-height:1.25;
	color:#343434;
}

.containerUl {
	margin-left: 280px;
	margin-right: 40px;
	line-height:1.75;
	text-align:left;
}

#IEroot .containerUl {
	margin-left: 323px;
	margin-right: 40px;
	line-height:1.75;
	text-align:left;
}


#header {
	position:absolute;
	top:17px;
	width:904px;
	height:223px;
	background-color:#fff;
}

#IEroot #header {
	position:relative;
	top:-17px;
	width:904px;
	height:223px;
	background-color:#fff;
}

#header p {
	font-style:italic;
	font-size:1.1em;
	margin:0;
}

#headerLogo {
	position:absolute;
	top:17px;
	left:17px;
	width:240px;
	height:189px;
	background-color: #CCCCCC;
}

#headerEmail {
	position:absolute;
	display: block;
	top:17px;
	left:631px;
	width:253px;
	height:189px;
	background-color: #3E539B;
	font-size: 1em;
	color: #fff;
	align: right;
}


#headerEmail a {
	text-decoration: none;
	color: #fff;
}

#headerEmail a:hover {
	text-decoration: underline;
}

#headerEmail p {
	font-size: 1.13em;
	font-weight:bold;
	letter-spacing:0.04em;
	margin-top:10px;
	margin-right:10px;
	color: #fff;
	text-align: right;
}

#headerEmail .p2 {
	margin-top:100px;
}

#IEroot #headerEmail .p2 {
	margin-right:5px;
}

#headerImg {
	position:absolute;
	top:17px;
	left:277px;
	width:336px;
	height:189px;
}

#footer {
	width:100%;
	margin: 0 auto;
	clear: both;
}

#footer p {
	font-size: 0.85em;
	padding:1em;
	margin:0;
	text-align: center;
	color: #ffffff;
}

#IEroot #footer p {
	font-size: 0.9em;
}

#footer a {
	color: #ffffff;
	font-weight:bold;
	text-decoration: none;
}

#footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#footerRoof {
	left:17px;
	/*top:1152px;*/
	width:904px;
}

#footerTexts {
	left:17px;
	/*top:1176px;*/
	width:904px;
	height:35px;
}