/* 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:hidden; /* CENTERING: gets rid of left/right and top/bottom scrollbars; see also .wrapper display:table; both are necessary */

}
#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. */
	overflow:hidden;
}
#transition_movie { 
	display:block; /* display:block while visible; showhidelayers.js, called by Flash to display:none and allow website navigation. */
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-275px;
	margin-left:-400px;
	width:800px; 
	height:550px; 
	z-index:90; /* z-index:90 sure to be above all sIFR fonts on underlying site. */
	overflow:hidden;
}
#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 {
	position:relative; /* relative to html, body. */
	display:table; /* CENTERING: gets rid of left/right and top/bottom scrollbars; see also html, body overflow:hidden; both are necessary */
	width:100%; /* height and width:100% to fill screen. */
	height:100%; /* height and width:100% to fill screen. */
	background:#ffffff url(../../images/bg_wrapper.jpg) center;
	}
.livearea {
	position:absolute; /* relative to html, body. */
	top:50%;
	left:50%;
	margin-top:-275px;
	margin-left:-400px;
	width:800px; 
	height:550px;
	background-color: transparent;
	background:url(../../images/bg_livearea.jpg) center;
	}
.masthead {
	position:absolute; /* absolute to .wrapper. */
	top:80px;
	left:205px;
	width:515px;
	height:75px; 
	padding:35px 15px 15px 15px; /* use padding to adjust baseline and alignment of sIFR masthead, navigation, and footer fonts */
	text-align:center;
}
.masthead_screen {
	display:block; /* display:block on screen vs. display:none in printer styles. */
	height:55px; /* height of the .masthead_screen div to keep sIFR section header from jumping onload */
	width:540px; /* Needed for IE7 sIFR font, otherwise wraps one letter at a time */
}
.masthead_print {
	display:none; /* display:none on screen vs. display:block in printer styles. */
}
.navigation {
	position:absolute; /* absolute to .wrapper. */
	top:80px;
	left:50px;
	width:135px;
	height:340px;
	padding:50px 0px 0px 20px; /* use padding to adjust baseline and alignment of sIFR masthead, navigation, and footer fonts */
	overflow:hidden;
}
.nav {
	height:25ox; /* height of the .nav div to keep sIFR navigation from jumping onload */
	width:140px;
}
.content {
	position:absolute; /* absolute to .wrapper. */
	top:180px;
	left:205px;
	width:515px; /* width:auto for sites that expand to fill browser; width:###px for sites that are framed. */
	height: 260px;
	padding:15px;
	overflow:auto;
}
.foot {
	position:absolute; /* absolute to .wrapper. */
	top:500px;
	left:0px;
	width:800px;
	height:20px;
	padding:0px; /* use padding to adjust baseline and alignment of sIFR masthead, navigation, and footer fonts */
}
.footer_screen {
	display:block; /* display:block on screen vs. display:none in printer styles. */
	height:20px; /* height of the .footer_screen div to keep sIFR section footer from jumping onload */
	width:800px; /* 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:   */