/* CSS Document */

html, body {
	margin:0px;
	padding:0px;
	height:100%; /* height:100% to be sure that all divs are positioning properly in 100% of the browser window. */
	overflow:auto;
}
#splash {
	display:block; /* display:block while visible; showhidelayers.js, called by Flash to display:none and allow website navigation. */
	position:absolute;
	top:0px;
	left:0px;
	z-index:90; /* z-index:90 sure to be above all sIFR fonts on underlying site. */
	height:100%; /* height and width:100% to fill screen. */
	width:100%; /* height and width:100% to fill screen. */
}
#hide_page {
	display:block; /* display:block while website is loading; showhidelayers.js, called by Flash to display:none and reveal website below Flash. */
	position:absolute;
	top:0px;
	left:0px;
	z-index:50; /* z-index:50 sure to be above all sIFR fonts on underlying site and still below #splash at z-index:90. */
	height:100%; /* height and width:100% to fill screen. */
	width:100%; /* height and width:100% to fill screen. */
	background:#ffffff; /* #ffffff default browser background color of most browsers. */
}
.wrapper_masthead {
	position:relative;
	width:100%; /* height and width:100% to fill screen. */
	display:table;
	height:225px; /* height and width:100% to fill screen. */
}
.navigation {
	position:relative; /* absolute to .wrapper. */
	top:90px;
	left:50%;
	margin-left:-200px;
	width:600px;
	height:33px;
}
.nav {
	float:left;
}
.nav_live {
	float:left;
}
.masthead {
	position:relative; /* absolute to .wrapper. */
	top:145px;
	left:50%;
	margin-left:-200px;
	width:600px;
	height:33px;
}
.wrapper_main {
	position:relative;
	width:100%; /* height and width:100% to fill screen. */
	display:table;
	background:#ffffff url(../../images/bg_content.jpg) center top repeat-y;
}
.main {
	width:815px;
	margin:auto;
}
.tagline {
	width:145px;
	padding:20px 0px 20px 0px;
	float:left;
}
.content {
	width:640px;
	padding:0px 15px 15px 15px;
	float:left;
}
.wrapper_foot {
	clear:both;
	width:100%; /* height and width:100% to fill screen. */
	display:table;
	height:200px; /* height and width:100% to fill screen. */
	background:#7ba6d9 url(../../images/bg_foot.jpg) center top no-repeat;
}
.footer {
	width:815px;
	margin:auto;
	margin-top:20px;
	color:#ffffff;
}
.footer_screen {
	display:block; /* display:block on screen vs. display:none in printer styles. */
	height:40px; /* height of the .footer_screen div to keep sIFR section footer from jumping onload */
	width:815px; /* Needed for IE7 sIFR font, otherwise wraps one letter at a time */
}
.footer_print {
	display:none; /* display:none on screen vs. display:block in printer styles. */
}

/* WHEN CREATING A NEW TEMPLATE, PLEASE BORDER AROUND WRAPPER, LIVEAREA, MASTHEAD, NAVIGATION, CONTENT, FOOT TO HELP LAYOUT HEIGHT AND WIDTH OF EACH: border:1px #FF0000 solid;  */