@charset "utf-8";

html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	
}

body {
	background: #8eafda;
	font-family: arial;
	font-size: 12px;
	line-height: 1.5em;
	vertical-align: top;
}

h3,
h4,
h5 {
	margin: 0 0 1em;
}
h3,
h4 {
	color: #385b89;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 12px;
}

a {
	text-decoration: none;
}
p a,
table a {
	text-decoration: underline;
}
a:link,
.nav a:visited {
	color: #2f4d75;
}
a:visited {
	color: #5f6a7a;
}
a:hover {
	text-decoration: underline;
	color: #8297b7;
}

p,
ul,
address {
	margin-top: 0;
	margin-bottom: 1em;
}
ul.last,
p.last,
address.last {
	margin-bottom: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style: url("../img/tpl/bullet.gif");
}
li {
	margin: 0 0 0.5em 18px;
}
li.last {
	margin-bottom: 0;
}

address {
	font-style: normal;
}

ul.no_bullet {
	margin: 0;
	padding: 0;
	list-style: none none;
}
ul.no_bullet li {
	margin-left: 0;
}

/* Undo subscripts & superscripts */
sup,
sub {
	position: relative;
	vertical-align: baseline;
	font-size: 1em;
	/* IE8 and down */
	font-size: 1.2em\9;
}

.default {
	display: none;
}

.group {
	margin: 0 0 3em;
}
.section {
	margin: 0 0 2em;
}
.group.last,
.section.last {
	margin-bottom: 0;
}

.box {
	border: 1px solid #414040;
	padding: 15px;
	background: #dce4ee;
}

.filesize,
.subtext {
	white-space: nowrap;
	font-size: 10px;
	color: #666;
}

.img_pdf,
.img_get_adobe_reader,
.img_new_window {
	display: inline-block;
	/* IE inline-block hack */
	*display: inline;
	*zoom: 1.0;
}
.img_pdf {
	width: 17px;
	height: 17px;
	margin: 0 0.3em;
	background: url("../img/tpl/pdficon_small.gif") no-repeat left top;
}
.img_get_adobe_reader {
	width: 112px;
	height: 33px;
	margin: 0 1em;
	background: url("../img/tpl/get_adobe_reader.gif") no-repeat left top;
}
.img_get_adobe_reader a {
	display: block;
	width: 112px;
	height: 33px;
}
.img_get_adobe_reader a span {
	display: none;
}
.img_new_window {
	width: 11px;
	height: 11px;
	margin: 0 0.3em;
	background: url("../img/tpl/new_window.gif") no-repeat left top;
}

#top {
	margin: 0;
}

#wrapper_outer {
	/* To have a footer at the bottom of the page, the footer must be an absolute
	   within a relative wrapper */
	position: relative;
	
	width: 100%;
	min-height: 100%;
	/* IE6 does not support min-height, fallback to height */
	_height: 100%;
	
	background: #8eafda url("../img/tpl/bg.jpg") repeat-x left bottom;
	/* Since this wrapper is relatively positioned, IE7+ removes it from the flow
	   & cannot find the bottom of the page this way to position the background.
	   Fallback to y position top. Corrected in js/default.js */
	*background-position-y: top;
	*background-color: #767677;
	
	/* With a 100% height, IE6 renders incorrectly but as desired & IE can find
	   bottom of page. Fallback to y position bottom */
	_background-position-y: bottom;
	_background-color: transparent;
}

/* Image to give the illusion content stretches to the bottom */
#faux_content {
	display: block;
	position: fixed;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: url("../img/tpl/bg_shadow.png") repeat-y center top;
	*background-image: url("../img/tpl/bg_shadow_webkit.png");
	
	_position: absolute;
	_width: 950px;
	_margin: 0 auto;
	_background: #fff none;
	_behavior: url("css/bg_ie6.htc");
	
	-ms-behavior: url("css/bg_ie8.htc");
}

/* Webkit aligns the background 1px off. CSS hack to target webkit with 
   another image to compensate */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	#faux_content {
		background-image: url("../img/tpl/bg_shadow_webkit.png");
	}	
}

#faux_content_inner {
	width: 950px;
	margin: 0 auto;
	height: 100%;
	background: #fff;	
}

#wrapper_inner {
	position: relative;
	z-index: 1;
	width: 950px;
	min-height: 100%;
	/* IE6 does not support min-height, fallback to height */
	_height: 100%;
	margin: 0 auto;
	padding: 0;
	_margin-bottom: 0;
	_padding-bottom: 0;
}

#header {
	height: 120px;
	background: #414040 url("../img/tpl/bg_header.jpg") no-repeat 0px 20px;
}

#header h1 a span,
#header h2 {
	position: absolute;
	overflow: auto;
	left: -32776px;
	width: 1px;
}

#header h1 {
	margin: 0;
}

#header h1 a {
	display: block;
	position: relative;
	top: 32px;
	left: 13px;
	width: 275px;
	height: 60px;
}

#nav {
	overflow: hidden;
	height: 40px;
	background: url("../img/tpl/bg_nav.jpg") repeat-x left top;
}
#nav ul {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav li {
	display: inline-block;
	/* IE inline-block hack */
	*display: inline;
	*zoom: 1.0;
	position: relative;
	left: -5px;
	margin: 0;
	padding: 0;
	line-height: 28px;
	/* On IE6, seems to break everything. Remove it. */
	_position: static;
}
#nav li a,
#nav li .nav_wrapper_outer,
#nav li .nav_wrapper_inner {
	display: block;
}
#nav li a {
	padding: 0 0 0 5px;
}
#nav li a:focus {
	outline: none;
}
#nav li a .nav_wrapper_outer {
	padding: 0 5px 0 0;
}
#nav li a .nav_wrapper_inner {
	padding: 0 1.5em 12px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

#nav li a:hover,
#nav li a:focus,
#nav li.active a,
#nav li.active a:hover,
#nav li.active a:focus {
	background: url("../img/tpl/bg_nav_shadow_left.jpg") no-repeat left top;
	text-decoration: none;
}
#nav li a:hover .nav_wrapper_outer,
#nav li a:focus .nav_wrapper_outer,
#nav li.active a .nav_wrapper_outer,
#nav li.active a:hover .nav_wrapper_outer,
#nav li.active a:focus .nav_wrapper_outer {
	background: url("../img/tpl/bg_nav_shadow_right.jpg") no-repeat right top;
	text-decoration: none;
}
#nav li a:hover .nav_wrapper_inner,
#nav li a:focus .nav_wrapper_inner,
#nav li.active a:hover .nav_wrapper_inner,
#nav li.active a:focus .nav_wrapper_inner {
	background: url("../img/tpl/bg_nav.jpg") repeat-x left -40px;
}


#nav li.active a .nav_wrapper_inner,
#nav li.active.no_click a:hover .nav_wrapper_inner,
#nav li.active.no_click a:focus .nav_wrapper_inner {
	background: url("../img/tpl/bg_nav.jpg") repeat-x left -80px;
	text-decoration: none;
}

#nav li.active.no_click a .nav_wrapper_inner {
	cursor: default;
}

#content {
	padding: 20px 20px 180px;
}

#footer {
	/* Positioned absolutely inside relative parent to always be
	   at bottom of page */
	position: absolute;
	/* Left is 0 to overlay alpha gradient over bg */
	left: 0;
	bottom: 0;
	z-index: 2;
	
	clear: both;
	
	width: 100%;
	/* Alpha gradient */
	background: url("../img/tpl/bg_footer_overlay.png") repeat-x bottom left;
	
	/* PNGs with alpha transparency not supported in IE6. Fallback
	   to no overlay, default left */
	_left: auto;
	_background: none;
}

#footer_wrapper {
	position: relative;
	z-index: 3;
	width: 910px;
	height: 99px;
	margin: 0 auto;
	background: #1e1e1e url("../img/tpl/bg_footer.jpg") repeat-x 0px 28px;
	padding: 40px 20px 20px;
	text-align: center;
	color: #fff;
}

#footer_wrapper p,
#footer_wrapper address {
	margin-bottom: 0.5em;
}

#footer_wrapper a {
	color: #fff;
}
#footer_wrapper a:hover {
	color: #8eafda;
}

#footer_wrapper ul.nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer_wrapper ul.nav li {
	display: inline-block;
	/* IE inline-block hack */
	*display: inline;
	*zoom: 1.0;
	height: 1.2em;
	margin-left: 0;
	line-height: 1.2em;
	*margin-right: 1em;
	*border-right: 1px solid #fff;
	*padding-right: 1em;
}
#footer_wrapper ul.nav li:after {
	display: inline-block;
	margin: 0 0.5em;
	content: "|";
}
#footer_wrapper ul.nav li.last {
	*margin-right: 0;
	*border-right: 0;
	*padding-right: 0;
}
#footer_wrapper ul.nav li.last:after {
	display: none;
	content: "";
}


@media print {
	body {
		background: none;
	}
	
	img.default {
		display: inline-block;
		*display: inline;
		*zoom: 1.0;
	}
	
	.img_pdf,
	.img_get_adobe_reader,
	.img_new_window,
	.filesize,
	.nav {
		display: none;
	}

	#wrapper_outer,
	#wrapper_middle,
	#wrapper_inner {
		height: auto;
		background: none;
	}

	#wrapper_outer {
		overflow-y: visible;
	}
	
	#wrapper_middle,
	#wrapper_inner {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
	#wrapper_inner {
		width: auto;
	}
	
	#faux_content {
		background: none;
	}
	
	#header {
		background-image: none;
		height: auto;
		page-break-after: avoid;
	}
	
	#header h1 a {
		display: none;
	}
	
	#header_default {
		width: 100%;
		margin: 20px 0 0 0;
	}
	
	#nav {
		display: block;
	}
	#nav ul {
		display: none;
	}
	
	#content {
		padding-right: 0;
		padding-bottom: 3em;
		padding-left: 0;
	}
	
	#content_wrapper {
		margin-bottom: 3em;
	}
	
	#footer {
		position: static;
		width: auto;
		height: auto;
		border: 1px solid #414040;
		background: none;
		page-break-before: avoid;
		page-break-inside: avoid;
	}
	
	#footer_wrapper {
		width: auto;
		height: auto;
		border-top: none !important;
		padding: 15px;
		background: #dce4ee;
		color: #000;
	}
}