/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: 12px Helmet, Freesans, Helvetica, "Lucida Grande", sans-serif;
	background:#fff url(../img/bkg-body.png) 0 0 repeat-x;}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #333;}

a {color: #004568; text-decoration:none;}
a:hover {color:#7FA2B3;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}


.wrapper {
	width:960px;
	margin:0 auto;}

header {
	margin-top:15px;}

nav ol {
	list-style:none;}


nav#menu ol li:last-child {
	border:none;}

nav#menu {
	margin-top:25px;
	background:#00456D;
	-moz-box-shadow: 0px 2px 5px #888;
	-webkit-box-shadow: 0px 2px 5px #888;
	box-shadow: 0px 2px 5px #888;
	background: -moz-linear-gradient(top, #00456D 0%, #002845 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00456D), color-stop(100%,#002845)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #00456D 0%,#002845 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00456D 0%,#002845 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #00456D 0%,#002845 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00456D', endColorstr='#002845',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #00456D 0%,#002845 100%); /* W3C */}

nav#menu ol li {
	border-right:solid 1px #40718F;
	border-left:solid 1px #1A577B;
	float:left;}

nav#menu ol li:first-child {
	border:none;}

nav#menu a {
	color:#fff;
	
	display:block;
	padding:20px 34px;
	float:left;}

nav#menu a:hover {
	
	background:#004C88;
	
	/* background:-moz-linear-gradient(top, #004C88 0%, #002B47 100%); 
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#004C88), color-stop(100%,#002B47)); 
	background:-webkit-linear-gradient(top, #004C88 0%,#002B47 100%); 
	background:-o-linear-gradient(top, #004C88 0%,#002B47 100%); 
	background:-ms-linear-gradient(top, #004C88 0%,#002B47 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004C88', endColorstr='#002B47',GradientType=0 );
	background: linear-gradient(top, #004C88 0%,#002B47 100%);*/
	
	background:-moz-linear-gradient(top, #1A587C 0%, #1A3F59 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#1A587C), color-stop(100%,#1A3F59)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #1A587C 0%,#1A3F59 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #1A587C 0%,#1A3F59 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #1A587C 0%,#1A3F59 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1A587C', endColorstr='#1A3F59',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #1A587C 0%,#1A3F59 100%); /* W3C */}

 nav#menu .active a {
 	color:#B4C8D3;}


section {
	background:#fff;
	margin-top:20px;
	padding:20px 15px;
	-moz-box-shadow: 0px 2px 5px #999;
	-webkit-box-shadow: 0px 2px 5px #999;
	box-shadow: 0px 2px 5px #999;}

body#home section {
	padding:0px;
	background:#004567 url(../img/bkg-home.jpg) 0 0 no-repeat;
	min-height:615px;}

article {
	width:565px;
	float:left;}

.banner {
	position:relative; 
	width:720px; 
	margin-bottom:20px; 
	padding:15px; 
	background:#efefef;}

html.ie6 .banner img {
	width:720px;}

.chart {
	margin-top:5px;
	margin-bottom:15px;}

aside {
	width:300px;
	float:right;}

#pagination {
	text-align:right;
	font-size:18px;
	margin-bottom:15px;}

#pagination li {
	display:inline;}

article #pagination {
	margin-top:25px;}

#pagination a {
	color:#CC0000;
	display:block;
	padding:8px 12px;
	float:left;
	background:#BFD0D9;
	margin:0 0 4px 4px;
	text-align:left;}

#pagination a:hover {
	color:#004568;}

body.info aside #pagination a {
	float:none;
	font-size:14px;}

body article #pagination {
	font-size:14px;}

dl.segment {
	margin:15px 0;}

dl.segment:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;}

dl.segment dt {
	margin:8px 0 4px 0;
	font-size:105%;
	font-weight:bold;
	clear:both;}

dl.segment dt img {
	float:left;
	margin:0 15px 5px 0;
	border:solid 2px #004568;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-background-clip:padding-box;}

dl.segment dd {
	margin-left:60px;
	font-size:95%;
	line-height:1.5em;}



p {
	margin-bottom:8px;
	line-height:1.4;}

aside p small {
	font-size:100%;
	font-style:italic;}

p.caption, table p.catption {
	font-size:11px;
	color:#333;
	font-style:italic;
	text-align:left;}

h1, h3, h4, h5, h6{
	font-weight:normal;}

h1 {
	font-size:32px;
	color:#CC0000;
	margin-bottom:14px;}

header h1 a {
	display:block;
	width:300px;
	text-indent:-9999px;
	background:transparent url(../img/logo-screen.png) 0 0 no-repeat;}

header h1 span {
	font-size:12px;
	display:block;
	text-indent:0;
	margin-left:135px;}

article h1 span {
	display:block;
	font-size:17px;
	color:#999;}

h2 {
	font-size:22px;
	color:#004568;
	margin-bottom:10px;}

aside h2 {
	font-size:16px;
	color:#CC0000;}

h3 {
	font-size:18px;
	color:#40748E;
	margin-top:12px;
	margin-bottom:8px;}

aside h3 {
	font-size:16px;
	margin-top:4px;}

h4 {
	font-size:105%;
	color:#004568;}

h5 {
	font-size:14px;
	color:#004568;}

h6 {
	font-size:12px;
	color:#40748E;}

.download {
	float:left;
	width:400px;}

.copy {
	float:right;
	text-align:right;}

footer {
	margin:15px 0px 20px;
	line-height:1.9;}

footer, footer a {
	color:#7FA2B3;}

footer ol li {
	font-size:85%;
	display:inline;}

footer li {
	margin-left:6px;
	padding-left:6px;
	border-left:solid 1px #7FA2B3;}

footer ol li:first-child {
	border:none;}

.addthis_default_style, iframe.twitter-share-button, .fb {
	display:inline;
	float:left;
	margin-right:10px;}

a.addthis_button_compact {
	}

div.atclear {
	clear:none !important;}

.addthis a {
	float:left;}

/* ----------------------------------------------------------------------------- 
HOME PAGE
----------------------------------------------------------------------------- */
#home aside, #intro dd {
	display:none;}

#home article {
	width:100%;}

#accordion {
	width:260px;
	margin-left:35px;
	float:left;}

#accordion > div {
	display:none;}

#accordion h3 {
	font-size:22px;
	color:#ADC3CF;
	border-top:solid 1px #216395;
	padding:8px 0px;
	font-weight:bold;
	text-shadow:1px 1px 1px #333333;}

#accordion h3.ui-state-active, #accordion h3.ui-state-active a ,#accordion h3.ui-state-active a:hover {
	color:#DC003C;
	text-shadow:1px 1px 1px #8B001C;}

#accordion h3 a {
	color:#ADC3CF;}

#accordion h3 a:hover {
	color:#FFF;}

#accordion p {
	color:#FFFFFF;
	padding:0px 0px 10px 0px;
	line-height:1.5;}

#hero {
	width:540px;
	height:270px;
	margin-right:35px;
	float:right;
	background:#BFD4DE;
	border:solid 3px #ADC3CF;
	padding:15px 30px;
	-moz-border-radius:40px;
	border-radius:40px;
	margin-bottom:30px;}

#hero.init {
	background-image:url(../img/banner-hp-initial.png);
	background-color:transparent;
	border:none;
	margin-top:-120px;
	-moz-border-radius:0px;
	border-radius:0px;
	height:470px;}

h1#upg a, h1#upg a:visited {
	width:200px;
	height:75px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:transparent url(../img/logo-tagline.png);
	margin:38px 0 50px 35px;}
	
h1#upg a:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity=85);
	opacity:0.85;}

#hero h3 {
	font-weight:bold;
	font-size:18px;
	margin-bottom:12px;
	color:#004568;}

#hero p {
	font-size:14px;
	margin-bottom:12px;
	color:#004568;}

#hero h3, #hero p {
	display:none;}

#hero.upg h3, #hero.upg p {
	display:block;}

#hero.init, #hero.pg, #hero.ad, #hero.og, #hero.nd, #hero.ca {
	background-position:0 0 no-repeat;}

#hero.pg {background-image:url(../img/banner-hp-pg.jpg);}
#hero.ad {background-image:url(../img/banner-hp-ad.jpg);}
#hero.og {background-image:url(../img/banner-hp-og.jpg);}
#hero.nd {background-image:url(../img/banner-hp-nd.jpg);}
#hero.ca {background-image:url(../img/banner-hp-ca.jpg);}




/* ----------------------------------------------------------------------------- 
TABLES
----------------------------------------------------------------------------- */
table {
	color:#000;
	font-size:12px;
	width:95%;
	margin-bottom:20px;
	text-align:right;}

table tbody {
	border-bottom:solid 2px #333;}

table.small {
	width:50%;}

table tr:hover {
	background-color:rgb(191,208,217);
	background-color:rgba(191,208,217,0.3);}

table thead td {
	font-weight:bold;
	border-bottom:solid 2px #333;}

table td {
	padding:6px 10px;
	border-bottom:solid 1px #333;}

table.segments tbody {
	border:none;}

table.segments tr:hover {
	background-color:transparent;}

table.segments td {
	padding:0 4px 4px 0;
	border:0px;
	text-align:left;
	font-size:10px;}

table.segments td img {
	border:solid 2px #004568;
	margin-right:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-background-clip:padding-box;}

table thead td {
	text-align:right;}

table tfoot td {
	border:none;}

table tr.dbl td {
	border-bottom:solid 2px #333;}

table td.desc {
	text-align:left;}

table td.current {
	background:#BFD0D9;
	font-weight:bold;}

table td.tab {
	text-indent:15px;}

table td.tabtab {
	text-indent:30px;}

table td h4 {
	font-size:14px;
	font-weight:bold;
	margin-top:5px;}

table span {
	font-size:11px;
	color:#666;
	font-style:italic;
	font-weight:normal;}

.pdf {
	padding:5px 0px 5px 20px;
	background:transparent url(../img/icn-pdf.png) 0 50% no-repeat;}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}