/*
 * HTML5 Boilerplate Reset
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }
html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #9c8255; color: #fff; text-shadow: #000 1px 1px 2px; }
::selection 	 { background: #9c8255; color: #fff; text-shadow: #000 1px 1px 2px; }

a:link, a:hover, a:active { outline: 0; }
a:focus { outline: none; }

p { margin:0; padding:0; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

/*
 * Non-semantic helper classes
 */

/* Hide for both screenreaders and browsers: */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/******************************/
/*** fonts *******************/
@font-face {
    font-family: 'ConstantiaRegular';
    src: url('../fonts/constan-webfont.eot');
    src: url('../fonts/constan-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/constan-webfont.ttf') format('truetype'),
         url('../fonts/constan-webfont.svg#ConstantiaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/******************************/
/*** html tags ****************/
body {
	background: #282828;
	color:#d0d0d0;	
	font:16px/1.1em Georgia, serif;
}
a {
	color: #eee;
	text-decoration: none;
	
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-o-transition: color 0.5s;
	-ms-transition: color 0.5s;
	transition: color 0.5s;
}
a:hover, a.selected { color: #ccc; }
h1, h2, h4, h5, h6 {
	color: #ccc;
	margin-bottom: 5px;
	text-align: center;
	text-shadow: #000 1px 1px 2px;
}
h1 { font-size: 18px; }
h2 { font-size: 14px; }

header { height:0; width: 100% }
footer {	
	background: #9c8255;
	width: 100%;
}


/******************************/
/*** layout *******************/
#wrapper {
	background:#282828 url(../images/bg_wrapper.gif) 0 0 no-repeat;
	margin:0 auto;
	position:relative;
	width:960px;
}
.home {
	color:#9A8255;
	font-size:13px;
	left:20px;
	position:absolute;
	top:10px;
	z-index:2;
}

#timeline {
	height: 582px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	text-align:left;
	width: 960px;
}

a#skipNav {
	font-size:1px;
	outline:none;
	overflow:hidden;
	color:#000;
	width:1px;
	height:1px;
}
/*****************************/
/*** Issues (years) **********/
#issues {
	height: 580px;
	margin: 0;
	overflow: hidden;
	padding:0;
	width: 960px;
}
#issues li {
	float: left;
	height: 440px;
	list-style: none;
	padding:130px 0 0;
/*	padding:0 20px;*/
	position:relative;
/*	width: 920px;*/
	width:960px;
}
/*#issues li img {
	float: left;
	margin: 10px 30px 10px 50px;
}*/
#issues li h1 {
	color: #9a8255;
	display:block;
	font: 33px/35px 'ConstantiaRegular', Georgia, sans-serif;
	height:40px;
	left:0;
	margin:0;
	position:absolute;
	text-align:center;
	text-shadow: #000 1px 1px 2px;
	top: 47px;
	width:100%;
	
	-webkit-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, .5);
	box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, .5);
}
#issues li h2 {
	color: #ffffff;
	font: 18px/22px 'ConstantiaRegular', Georgia, sans-serif;
	left:0;
	margin: 0.83em 0 0;
	position:absolute;
	text-align:center;
	text-shadow: #000 1px 1px 2px;
	top: 3px;
	width:100%;
}
#issues li figure {
	float:left;
	padding:0 0 0 30px; 
	text-align:center;
	width: 45%;
}
#issues li .copy {
	float:right;
	padding:0 20px 10px;
	width:47%;
}
#issues li .copy h3 {
	background:none;
	color: #fff;
	font: 18px/22px 'ConstantiaRegular', Georgia, sans-serif;
	margin:0 0 10px 0;
	text-shadow: #000 1px 1px 2px;
}
#issues li p {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	margin-right: 10px;
	text-shadow: #000 1px 1px 2px;
}
#issues li .copy a {
	text-decoration:underline;
}
#issues #home { background:url(../images/bg_home.jpg) 0 0 no-repeat; }
#issues #home h1 { 
	text-indent:-999em; 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#issues #home .copy { left:590px; line-height:0.8em; padding:0; position:absolute; top:100px; width:360px; }

/******************************/
/*** era headers **************/
#issues #y-1935 h1 { background:url(../images/h1_era1.gif) 0 0 no-repeat; }
#issues #y-1941 h1,
#issues #y-1942 h1,
#issues #y-1943 h1 { background:url(../images/h1_era2.gif) 0 0 no-repeat; }
#issues #y-1946 h1,
#issues #y-1950 h1,
#issues #y-1952 h1,
#issues #y-1963 h1,
#issues #y-1966 h1,
#issues #y-1976 h1,
#issues #y-1980 h1,
#issues #y-1990 h1 { background:url(../images/h1_era3.gif) 0 0 no-repeat; }
#issues #y-1991 h1,
#issues #y-1998 h1,
#issues #y-2002 h1,
#issues #y-2012 h1 { background:url(../images/h1_era4.gif) 0 0 no-repeat; }

/******************************/
/*** year backgrounds *********/
#issues #y-1935 { background:url(../images/y-1935.png) 100% 100% no-repeat; }
#issues #y-1941 { background:url(../images/y-1941.png) 100% 100% no-repeat; }
#issues #y-1942 { background:url(../images/y-1942.png) 100% 100% no-repeat; }
#issues #y-1943 { background:url(../images/y-1943.png) 100% 100% no-repeat; }
#issues #y-1946 { background:url(../images/y-1946.png) 100% 100% no-repeat; }
#issues #y-1950 { background:url(../images/y-1950.png) 100% 100% no-repeat; }
#issues #y-1952 { background:url(../images/y-1952.png) 100% 100% no-repeat; }
#issues #y-1963 { background:url(../images/y-1963.png) 100% 100% no-repeat; }
#issues #y-1966 { background:url(../images/y-1966.png) 100% 100% no-repeat; }
#issues #y-1976 { background:url(../images/y-1976.png) 100% 100% no-repeat; }
#issues #y-1980 { background:url(../images/y-1980.png) 100% 100% no-repeat; }
#issues #y-1990 { background:url(../images/y-1990.png) 100% 100% no-repeat; }
#issues #y-1991 { background:url(../images/y-1991.png) 100% 100% no-repeat; }
#issues #y-1998 { background:url(../images/y-1998.png) 100% 100% no-repeat; }
#issues #y-2002 { background:url(../images/y-2002.png) 100% 100% no-repeat; }
#issues #y-2012 { background:url(../images/y-2012.png) 100% 100% no-repeat; }

/******************************/
/*** year-specific elements ***/
#issues #y-1935 figure { text-align:left; }
.FDR { 
	background: url(../images/1935_FDR.png) top left no-repeat;
	bottom:0;
	height:259px;
	left:250px;
	position:absolute;
	width:356px;
	z-index:2;
}


/******************************/
/*** Navigation ***************/
#grad_left, #grad_right {
	height: 350px;
	position: absolute;
	top: 0;
	width: 20px;
}
#grad_left {
	left: 0;
}
#grad_right {
	right: 0;
	
}
#next, #prev {
	background: url(../images/nav_arrows.png) 0 0 no-repeat;
	font-size: 70px;
	height: 60px;
	overflow: hidden;
	position: absolute;
	text-indent: -999em;
	width: 57px;
	top: 37px;
	outline:none;
	font-size:11px;
}
#prev:hover { background-position: 0 0; } 
#prev 		{ background-position: -58px 0; } 
#next:hover { background-position: -116px 0; } 
#next 		{ background-position: -174px 0; } 
#next {
	right: 0;
}
#prev {
	left: 0;
}
#next.disabled, #prev.disabled {
	opacity: 0.2;
}
#next-text,
#prev-text {
	font-size:16px;
	height: 20px;
	outline:none;
	overflow: hidden;
	position: absolute;
	top: 57px;
	width: 60px;
}

#next-text {
	right: 60px;
	text-align:right;
}
#prev-text {
	left: 60px;
}

/******************************/
/*** Dates ********************/
nav#timeline {
	height: 45px;
	position:absolute;
	top:537px;
	z-index:4;
}
#dates {
	background:url(../images/bg_timeline.gif) 0 100% no-repeat;
	font:12px/15px 'ConstantiaRegular', Georgia, serif;
	height: 45px;
	list-style: none;
	margin:0;
	padding:0;
	width: 960px;
}
#dates li {
	background:url(../images/timeline_dot.png) 50% 100% no-repeat;
	display:block;
	position:absolute;
	text-align: center;
}
#dates li:hover { background: url(../images/timeline_dot-hover.png) 50% 100% no-repeat; }
#dates li a {
	background:none 50% 0 no-repeat;
	display:block;
	height:35px;
	margin:0 0 0 1px;
	padding:3px 0 0;
	text-indent:-999em;
	text-shadow: 1px 1px 3px #000000;
	width:70px;
	
	/*filter: dropshadow(color=#000000, offx=1, offy=1);*/
}
#dates li:hover a,
#dates li a.selected {
	background:url(../images/timeline_scroll.png) 50% 0 no-repeat;
	display:block;
	text-indent:0;
	z-index:4;
}

#dates li.t-1935 { left:0; }
#dates li.t-1941 { left:44px; }
#dates li.t-1942 { left:85px; }
#dates li.t-1943 { left:127px; }
#dates li.t-1946 { left:175px; }
#dates li.t-1950 { left:235px; }
#dates li.t-1952 { left:275px; }
#dates li.t-1963 { left:385px; }
#dates li.t-1966 { left:430px; }
#dates li.t-1976 { left:530px; }
#dates li.t-1980 { left:570px; }
#dates li.t-1990 { left:660px; }
#dates li.t-1991 { left:710px; }
#dates li.t-1998 { left:750px; }
#dates li.t-2002 { left:800px; }
#dates li.t-2012 { left:894px; }


/******************************/
/*** Home Timeline ************/
nav#home_timeline {
	height:395px;
	position:absolute;
	top:167px;
}
#home_dates {
	font:12px/15px 'ConstantiaRegular', Georgia, serif;
	list-style: none;
	margin:0;
	padding:0;
	width: 960px;
}
#home_dates li {
	background:url(../images/timeline_dot.png) 50% 100% no-repeat;
	display:block;
	height:0;
	opacity:1;
	padding:0; 
	position:absolute;
	text-align:center;
	width:0;
	z-index:4;
}
#home_dates li:hover { background: url(../images/timeline_dot-hover.png) 50% 100% no-repeat; }

#home_dates li.t-1935 { 
	background-position: 50% 0; 
	height:57px; 
	left:0; 
	margin:206px 0 0; 
	width:67px; 
}
#home_dates li.t-1941 { 
	background-position: 69% 100%; 
	height:200px; 
	left:0; 
	margin:15px 0 0; 
	width:132px;
	z-index:2; 
}
#home_dates li.t-1942 { 
	background-position: 50% 100%; 
	height:45px;
	left:100px; 
	margin:170px 0 0;
	width:60px;
}
#home_dates li.t-1943 { 
	background-position: 44% 0;
	left: 90px;
	height: 182px;
	margin: 206px 0 0;
	width: 179px;
	z-index:1;
}
#home_dates li.t-1946 { 
	background-position: 60% 100%;
	height: 119px;
	left: 156px;
	margin: 96px 0 0;
	width: 100px;
}
#home_dates li.t-1950 {
	height: 45px;
	left: 245px;
	margin: 170px 0 0;
	width: 60px;
}
#home_dates li.t-1952 { 
	background-position:38% 0;
	height: 77px;
	left: 275px;
	margin: 206px 0 0;
	width: 103px;
}

#home_dates li.t-1963 { 
	background-position:58% 100%;
	height: 207px;
	left: 295px;
	margin: 8px 0 0;
	width: 226px;
	z-index:3;
}
#home_dates li.t-1966 { 
	background-position: 44% 0;
	height: 125px;
	left: 430px;
	margin: 206px 0 0;
	width: 80px;
}
/*changed boxes so the dates from bg do NOT sit on the right edge of the boxes
because 1 specific version of IE is clipping the right edge of the 

#home_dates li.t-1963 { 
	background-position:47% 100%;
	height: 207px;
	left: 320px;
	margin: 8px 20px 0 0;
	width: 226px;
	z-index:3;
}
#home_dates li.t-1966 {
    background-position: 30% 0;
    height: 125px;
    left: 440px;
    margin: 206px 10px 0 0;
    width: 80px;
}*/
#home_dates li.t-1976 { 
	height: 47px;
	left: 537px;
	margin: 168px 0 0;
	width: 58px;
}
#home_dates li.t-1980 {
	background-position:41% 0;
	height: 78px;
	left: 558px;
	margin: 206px 0 0;
	width: 120px;
	z-index:3;
}
#home_dates li.t-1990 {
	background-position:41% 100%;
	height: 69px;
	left: 650px;
	margin: 146px 0 0;
	width: 119px;
}
#home_dates li.t-1991 {
	background-position:59% 0;
	height: 180px;
	left: 660px;
	margin: 206px 0 0;
	width: 150px;
	z-index:3;
}
#home_dates li.t-1998 { 
	background-position:15% 0;
	height: 80px;
	left: 772px;
	margin: 206px 0 0;
	width: 118px;
}
#home_dates li.t-2002 {
	height: 172px;
	left: 775px;
	margin: 43px 0 0;
	width: 125px;
}
#home_dates li.t-2012 { 
	background-position: 50% 0;
	height: 54px;
	left: 903px;
	margin: 206px 0 0;
	width: 53px;
}

#home_dates li a {
	background:none 0 0 no-repeat;
	display:block;
	height:100%;
	overflow:visible;
	text-indent:0;
	text-shadow: 1px 1px 3px #000000;
	width:100%;
	
	filter: dropshadow(color=#000000, offx=1, offy=1);
}
#home_dates li.t-1935 a { color:#576b53; }
#home_dates li.t-1941 a, 
#home_dates li.t-1942 a, 
#home_dates li.t-1943 a { color:#9f5b3f; } 
#home_dates li.t-1946 a,
#home_dates li.t-1950 a,
#home_dates li.t-1952 a,
#home_dates li.t-1963 a,
#home_dates li.t-1966 a,
#home_dates li.t-1976 a,
#home_dates li.t-1980 a,
#home_dates li.t-1990 a { color:#4b6f95; }
#home_dates li.t-1991 a,
#home_dates li.t-1998 a,
#home_dates li.t-2002 a,
#home_dates li.t-2012 a { color:#805563; }

#home_dates li a:hover 	{ color:#fff; }

#home_dates li.t-1935 a { font-size: 25px; height: 25px; padding: 32px 0 10px; }
#home_dates li.t-1941 a { font-size: 55px; height: 38px; padding: 102px 10px 60px 31px; width: 101px; }
#home_dates li.t-1942 a { font-size: 26px; height: 24px; padding: 1px 0 20px; }
#home_dates li.t-1943 a { font-size: 55px; height: 22px; padding: 140px 10px 25px 0; text-align: left; }
#home_dates li.t-1946 a { font-size: 25px; height: 66px; padding: 33px 0 20px 3px; text-align: left; width: 97px; }
#home_dates li.t-1950 a { font-size: 25px; height: 23px; padding: 2px 0 20px; }
#home_dates li.t-1952 a { font-size: 25px; height: 25px; padding: 55px 0 10px 50px; width: 54px; }
#home_dates li.t-1963 a { font-size: 55px; height: 48px; padding: 110px 15px 50px 121px; width: 102px; }
#home_dates li.t-1966 a { font-size: 40px; height: 21px; padding: 94px 15px 15px 0; }
#home_dates li.t-1976 a { font-size: 25px; height: 25px; padding: 4px 0 20px; }
#home_dates li.t-1980 a { font-size: 25px; height: 25px; padding: 56px 0 10px 65px; width: 57px;}
#home_dates li.t-1990 a { font-size: 25px; height: 25px; padding: 0 0 44px 65px; width: 57px; }
#home_dates li.t-1991 a { font-size: 55px; height: 25px; padding: 133px 48px 25px 0; width: 97px; }
#home_dates li.t-1998 a { font-size: 25px; height: 25px; padding: 56px 0 10px 64px; width: 59px; }
#home_dates li.t-2002 a { font-size: 55px; height: 38px; padding: 74px 10px 60px 0; width: 125px; }
#home_dates li.t-2012 a { font-size: 25px; height: 25px; padding: 32px 0 10px; }


/******************************/
/*** mini slide show **********/

#issues .miniShow .mainImg {}
.miniShow .mainImg img {}
/*.miniShow .thumbs {
	float:left;
	width: 120px;
	
}
.miniShow .thumbs div {
	cursor:pointer;
	display:block;
	height: 100px;
	margin-bottom: 5px;
	overflow:hidden;
	padding: 3px;
	width: 100px;
}*/
.miniShow .thumbs div {
	cursor:pointer;
	display:inline;
	float:left;
	height: 75px;
	margin-bottom: 5px;
	overflow:hidden;
	padding: 3px;
	position:relative;
	width: 75px;
}
.miniShow .thumbs div:hover {
	border: 1px solid #9a8255;
	padding:2px;
}
.miniShow .thumbs div img{
	height: 75px;
	width: 75px;
}
.miniShow .thumbs img.video + span {
	background:url(../images/icon_video.png) 50% 50% no-repeat;
	display:block;
	height:60px;
	left:15%;
	position:absolute;
	top:15%;
	width:60px;
}
.miniShow .thumbs {
	float:right;
	padding:10px 20px;
	width:47%;
}
figcaption { font-size:11px; font-style:italic; margin:7px 0 0; }
figcaption a { 
	color:#fff;
	text-decoration:underline; 
	font-weight:bold;
}
figcaption a:hover { 
	font-weight:bold;
	color:#E8E8E8;
	text-decoration:none; 
}


/******************************/
/*** footer *******************/
footer { 
	background:url(../images/bg_footer.gif) 0 0 no-repeat;
	height:86px;
	position:relative; 
}
#share {
	padding: 30px;
}
footer a {
	color:#2e2617;
	font:11px/13px Georgia, "Times New Roman", Times, serif;
}
footer a:hover { color:#2e2617; text-decoration:underline; }
a.treasury,
a.BPD,
a.direct { 
	display:block;
	position:absolute; 
	text-indent:-999em;
}
a.treasury  { height:64px; left:529px; top:15px; width:64px; }
a.BPD		{ height:64px; left:615px; top:15px; width:144px; }
a.direct	{ height:54px; left:775px; top:15px; width:174px; }


/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}