/* This stylesheet contains styles for the standard full-page layout */

@import url("content.css");		/* Import basic sitewide styles */
@import url("sections.css");	/* Import section graphic styles */


/* Background effects and page strip */

body
{
	background: #485A64 url("images/canvas_bkg.jpg") repeat-x;
	padding: 0;
	margin: 0;
	text-align: center;
}

#page_bkg	{ background: url("images/page_shadow.png") 50% 0 repeat-y; }
/* Shinier PNG version for non-IE browsers */
html>body #page_bkg	{ background-image: url("images/page_shadow_24.png"); }

#page
{
	background: #C8D6DB url("images/page_bkg.png");
	margin: 0 auto;
	text-align: left;
	width: 760px;
}


/* Header graphics */

#header		{ background: url("images/header_bkg.jpg") no-repeat; height: 312px; margin-bottom: -120px; }

#header h1,
#header h2	{ position: absolute; top: -5000px; }

#nav_site	{ height: 236px; background: 100% 0 no-repeat; position: relative; z-index: 1; }

/* Main navigation */

#skipnav	{ position: absolute; top: -5000px; }

#nav_site ul	{ list-style: none; list-style-image: none; margin: 0; padding: 0; clear: both; }
#nav_site li	{ float: left; margin-bottom: 0; }
#nav_site a		{ display: block; text-decoration: none; overflow: hidden; }
#nav_site span	{ display: block; text-indent: -5000px; }

#nav_site .primary				{ padding-top: 78px; }
#nav_site .primary li			{ width: 120px; height: 88px; }
#nav_site .primary a			{ width: 100%; height: 100%; }
#nav_site .primary a:hover,
#nav_site .primary .selected a	{ background-position: 0 -88px; }

#nav_site .secondary			{ padding: 0 0 0 180px; }
#nav_site .secondary li			{ padding-left: 18px; margin-top: 12px; background: url("images/bullet_nav.png") 6px 6px no-repeat; }
#nav_site .secondary a			{ height: 20px; }
#nav_site .secondary a:hover,
#nav_site .secondary .selected a	{ background-position: 0 -20px; }


/* Page content area */

#content
{
	clear: both;
	padding: 32px 140px 0 88px;
	background: 25px 12px no-repeat;
	height: 316px;
}

html>body #content	{ height: auto; min-height: 316px; }

/* The graphical heading is applied as a background to #content instead */
#content h1	{ position: absolute; top: -5000px; }


/* Bottom navigation */

#nav_site_bottom ul
{
	clear: both;
	text-align: right;
	list-style: none;
	list-style-image: none;
	font-size: 95%;
	margin: 0.1em 44px 0 0;
	padding: 0 8px 0 0;
	color: #AAB;
	background: url("images/right_arrow.png") 100% 50% no-repeat;
}
#nav_site_bottom li	{ display: inline; }


/* Copyright bar */

#copyright
{	
	border-top: 1px solid #EEE;
	background: #679 url("images/copyright_bkg.png") repeat-y;
	height: 24px;
	margin-top: 1em;
}

/* For non-IE browsers */
html>body #copyright	{ height: auto; min-height: 24px; }

#copyright p
{
	padding: 4px 52px 4px 8px;
	color: white;
	font-size: 95%;
	text-align: right;
	margin: 0;
	background: url("images/copyright_top.png") no-repeat;
}

#copyright a	{ color: white; }


/* Print-only styles */
@media print
{
	/* Hide backgrounds */
	body, #page_bkg, #page, #header, #content	{ background: none; }

	/* Loosen up margins and sizes */
	#header		{ height: auto; margin: 0; }
	#page		{ width: auto; margin: 0; }
	#content	{ padding: 0; height: auto; min-height: auto; }

	/* Restyle header */
	#header		{ text-align: center; border-bottom: 3px solid #C0C9D0; margin-bottom: 1em; }
	#header h1	{ font-size: 300%; color: #679; }
	#header h2	{ font-size: 125%; }

	/* Display titles normally (avoids background-images-not-printing problem) */
	#header h1, #header h2, #content h1	{ position: static; }

	/* Remove pointless navigation areas */
	#nav_site, #nav_site_bottom	{ display: none; }
}