html { margin: 0 auto; height:100%;}

/*body { margin: 0 auto; height:100%; width:900px}*/ 
body { margin: 0 auto; height:100%; padding:0;}

img { padding:0px; border-width:0px; margin:0px; display:block}

.menufix { padding:0px; border-width:0px; margin:0px; float:left;}

a{
color:#FFFFFF;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

.linknoeffect {
text-decoration:underline;
color:#000000;
}

#Header {
	position:relative;
	margin: 0 auto;
	left:0px;
	top:0px;
	width:820px;
	/*height:347px;*/
	height:135px;
	z-index:5
}

#mainContainer {
	background:url(images/body_background.jpg);
	position:relative;
	width: 820px;
	min-height: 100%;
	margin: 0 auto;
	/*margin-top: -347px;*/ 


}

* html #mainContainer {
height: 100%;  /*** originally in * html #mainContainer IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

#BodyContent {
	background:url(images/body_background.jpg);
	position:relative;
	margin: 0 auto;
	width:820px;
	/*padding-top: 347px;*/

	padding-bottom: 52px;
	overflow:hidden;
	}

#Footer {
background:url(images/footer_background.jpg);
	position:relative;
	width:820px;
	height:52px;
	z-index:8;
	margin: 0 auto; 
	margin-top:-52px;
	overflow:hidden;/*needed?*/
}

#Bluearea {
position:relative;
width:220px;
float:left;
padding-top:10px;
padding-left:25px;
padding-right:10px;
padding-bottom:10px;
line-height:19px;
}

#Whitearea {
position:relative;
width:505px;
float:right;
padding-top:15px;
padding-left:0px;
padding-right:35px;
}



.Hourglass {
float:left; 
margin:0px; 
clear:left; 
position:relative;
bottom: 0px;
} /*places pic under blue text but will not extend to bottom of white text is long.*/

.HourglassLong {
padding-bottom:50px;
margin:0px;
position:absolute;
bottom:0px;
left:0px; 
} /*forces pic to bottom of screen but will cut into blue text if white area is too short*/


.titletext {
font-weight:bold;
color:#00485d;
font-size:20px;
}

.titletextwhite {
font-weight:bold;
color:#FFFFFF;
font-size:24px;
line-height:30px;
}

h1 {
font-weight:bold;
color:#00485d;
font-size:20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height:20px;
}

h2 {
color:#00485d;
font-size:16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight:normal;
}

.question {
font-weight:bold;
color:#00485d;
font-size:16px;
}

.footertext {
margin: 0 auto;
color:#FFFFFF;
text-decoration:none;
font-size:12px;
}

.alternatetext {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #00485d;
line-height:17px;
}

.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00485d;}

.subheading{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.drpbox {

	height: 20px;
	width: 120px;
	border: 1px solid #666666;
	margin-bottom:1px;
}

.txtbox {
	height: 16px;
	width: 120px;
	border: 1px solid #666666;
	margin-bottom:1px;	
}

.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #00485d;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #00485d;
}

.phone {
	height: 16px;
	width: 23%;
	border: 1px solid #666666;
	margin-bottom:1px;	
}