@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0; background:#4f5050; text-align:center; }

/* DIV STYLES */
#oCntnr { width:914px; margin:0 auto;  background:url(../images/bckgrnd_ocntnr.gif) repeat-x #101011;; position:relative; text-align:left; }
#iCntnr { padding:23px 54px 68px 54px; }
#topCntnr { height:auto; overflow:hidden; }
	#langTxtCntnr { width:149px; margin-left: 130px; margin-top:10px; float:right; text-align:right; }
#mainNavCntnr { height:auto; width:806px; overflow:hidden; margin-top:10px; }
#redShadow { clear:left; height:auto; overflow:hidden; background:url(../images/bckgrnd_red_shadow.gif) repeat-x; margin-top:-1px; }
#submitStory { width:231px; height:34px; padding:10px 0 0 22px; background:url(../images/bckgrnd_share.gif) 1px 0 no-repeat; float:right; border-left:1px solid #909191; border-right:1px solid #909191; border-bottom:3px double #909191; }
	#submitStory a { display:block; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#cfcfcf; font-weight:bold; text-decoration:none; text-transform:uppercase; }
	#submitStory a:hover	{ text-decoration:underline; }
#pageTitle { float:left; clear:left; background:url(../images/bckgrnd_page_title.gif) repeat-x; text-align:center; padding:5px 15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#cfcfcf; font-weight:bold; text-transform:uppercase; }
	
#timelineCntnr { position:relative; border:1px solid #909191; padding:2px 0 50px 2px; margin-bottom:150px; }
	#dateRange { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#c51d2a; padding:10px 8px; }
	#timelineCopy { border-left:1px solid #c51d2a; padding:58px 0 5px 36px; margin-left:8px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#b8b6b6; }
	#redLine { width:25px; border-bottom:1px solid #c51d2a; margin-left:8px; }
	#carouselCntnr { position:absolute; top:166px; left:28px; _top:167px; _left:-55px; } /* IE 6 Hack "_left", "_top" */
#presidentVideoCntnr { width:800px; border:1px solid #909191; padding:2px; height:273px; overflow:hidden; float:left; }
	div.sparks { float:left; width:14px; }
	#presidentVideo { float:left; width:772px; height:265px; background:url(../images/bckgrnd_president_video.gif) repeat-y; text-align:center; padding:5px 0; }
	#learnMore { width:135px; height:96px; padding:10px 0 0 15px; background:url(../images/bckgrnd_learn_more.gif) repeat-x; float:right; border-left:1px solid #909191; border-right:1px solid #909191; border-bottom:1px solid #909191; }
		#learnMoreHdr { font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; color:#e1e1e1; display:block; border-bottom:3px double #aeaeae; margin:0 5px 5px 0; padding-bottom:3px; }
		#learnMore a { display:block; background:url(../images/arrow_double_red.gif) right no-repeat; margin-right:5px; padding-bottom:3px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#5b5c5c; font-weight:bold; text-decoration:none; text-transform:uppercase; }
		#learnMore a:hover { text-decoration:underline; }
	#presidentContent { clear:both; width:480px; margin-left:145px; margin-top:-80px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#d8d7d7; line-height:17px; }
		span.largeText { font-size:12px; font-weight:bold; }
		div.sincerely { margin-left:220px; margin-top:20px; }
			div.sincerely img { margin-left:30px; display:block; }

	#videoContent { clear:both; width:480px; margin-left:140px; padding-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#d8d7d7; line-height:17px; }
		#videoSelector { height:78px; width:525px; background:url(../images/bckgrnd_video_chapters.jpg) repeat-x;  }
			#videoSelector ul { list-style:none; margin:0; padding:0; }
			#videoSelector li { width:66px; height:76px; list-style:none; margin:1px 0; padding:0; float:left; border-left:1px solid #a1a0a0; }
			#videoSelector li.first { width:140px; border:none; padding:25px; color:#5b5d5c; font-weight:bold; }
			#videoSelector li a {  display:block; width:66px; height:46px; padding-top:30px; text-align:center; font-size:2.1em; text-decoration:none; color:#929191; }
			#videoSelector li a:hover, #videoSelector li a.on { color:#ed1b2d; }
			#videoSelector li.first a { display:inline; width:auto; height:auto; text-align:inherit; padding:0; font-size:11px; color:#5b5d5c; text-decoration:underline; }
#footerCntnr { height:36px; border-top:1px solid #FFF; background:url(../images/bckgrnd_footer.jpg) repeat-x; padding:20px 0 0 40px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#686767; }
	div.spacer10 { display:inline; padding:0 5px; }
	
div.clear { clear:both; }	

/* TEXT STYLES */
label { display:block; padding:5px 0 0 0; font-variant:small-caps; font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#cfcfcf; }
#formCntnr p { padding-left:5px; font-family:Arial, Helvetica, sans-serif; font-size:.7em; color:#cfcfcf; }
span.leftNav { display:none; }

#timelineCopy ul { list-style-image:url(../images/arrow.gif); }
#timelineCopy li { padding:0 280px 10px 0; border-bottom:2px double #909191; margin-right:65px; }

/* HREF STYLES */
#footerCntnr a { padding:0 10px; border-right:1px solid #878787; color:#686767; text-decoration:none; }
#footerCntnr a:hover { text-decoration:underline; }

/* IMG STYLES */
body, html img { border:0; }
#imgLogo { width:171px; height:29px; margin-top:5px; float:left; border:0; }

/* FORM STYLES */
form { height:auto; overflow:hidden; margin:5px 0 0 0; background:url(../images/bckgrnd_form.jpg) repeat-x bottom; padding:0 0 10px 11px; }
input.formField { width:145px; height:13px; border:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; }
input.submitButton { width:61px; height:27px; border:0; margin-top:10px; margin-right:16px; float:right; background:url(../images/btn_submit.gif) no-repeat; }

/* TOP NAVIGATION STYLES */
#mainNavCntnr ul { list-style:none; margin:0; padding:0; float:right; border-left:1px solid #757474; border-right:1px solid #757474; border-top:3px double #757474;  }
#mainNavCntnr li { float:left; text-align:center; display:inline-block; }
#mainNavCntnr a { display:inline-block; height:13px; padding:4px 17px; margin:0; font-family:Arial, Helvetica, sans-serif; color:#cfcfcf; font-size:10px; font-weight:bold; text-transform:uppercase; text-decoration:none; }
#mainNavCntnr a:hover, #mainNavCntnr a.on { background-color:#585959; padding:2px 17px 4px 17px; border-top:2px solid #d71a2a; }
#mainNavCntnr a.first, #mainNavCntnr a.first:hover { margin:0; }
#mainNavCntnr a.last, #mainNavCntnr a.last:hover { margin:0; }

/* HOME STYLES */
#flashCntnr { border:1px solid #909191; }
#hmBucketCntnr { clear:both; width:535px; height:175px; border:1px solid #afafb0; }
div.hmBucketContent { width:169px; height:160px; padding:10px 0 5px 10px; background:url(../images/bckgrnd_hm_bucket.jpg) no-repeat; float:left; }
div.first { background:url(../images/bckgrnd_hm_bucket.jpg) no-repeat -12px 0; width:167px; }
div.hmBucketTitle { width:112px; background:url(../images/bckgrnd_hm_bucket_title.gif) repeat-x; padding:2px 0 2px 10px; border:1px solid #d8d9d8; border-bottom:0; }
div.short { width:75px; }
div.doubleLine { width:150px; height:1px; border-bottom:3px double #cdcece; }

div.hmBucketContent p { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; margin:5px 10px 10px 10px; }
div.hmBucketContent div.hmBucketTitle a { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#4f5050; font-weight:bold; text-decoration:none; }
div.hmBucketContent a { color:#ed1b2d; }

div.hmBucketContent img { display:block; border:1px solid #a6a6a6; margin-left:10px; }

#marqueeimage	{ float:left; margin-left:180px; }
#marqueecontainer{ position:relative; float:left; width: 100px; height: 30px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; overflow: hidden; border: 0px solid; padding: 2px; padding-left: 4px;  }
#marqueecontainer a, a:visited { color:#ffffff; text-decoration:none; }
#marqueecontainer a:hover	{ color:#ffffff; text-decoration:underline; }

a.homefeature:link, a.homefeature:visited { color:#ffffff; text-decoration:none; }
a.homefeature:hover { text-decoration:underline; }

/* READ STORIES STYLES */
#storiesCntnr { clear:left; height:165px; position:relative; background:#000000 url(../images/read_stories/bckgrnd_top.jpg) no-repeat 0 0; border:1px solid #909191; }

#storyBtns	{ float: left; width:144px; margin:2px 0 0 2px; }
	#shareBtn	{ float:left; clear:left; width:144px; height:29px; margin-top:5px; background:url(../images/btn_share.gif) no-repeat 0 0; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-transform:uppercase; cursor:hand; }
	#shareBtn a	{ display:block; padding:5px 0 5px 15px; color:#cfcfcf; text-decoration:none; }
	#shareBtn a:hover { text-decoration:underline; }

#featuredStory	{ float:left; width:631px; margin:2px 0 0 25px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#c7c7c7; }
	#featuredStory h2	{ font-size:11px; text-transform:uppercase; margin:10px 0; padding:0; }
	#featuredStory p	{ margin:10px 0; padding:0; }

#storyImgBucket	{ display:inline; float:right; text-align:right; margin-left:15px; }



/* TIMELINE STYLES */
#timeline1968 {
  display:block;
  width: 134px;
  height: 308px;
  background-image: url(../images/timeline/1968_tl.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}

#timeline1973 {
  display:block;
  width: 134px;
  height: 310px;
  background-image: url(../images/timeline/1973_tl.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}

#timeline1979 {
  display:block;
  width: 134px;
  height: 310px;
  background-image: url(../images/timeline/1979_tl.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}

#timeline1983 {
  display:block;
  width: 134px;
  height: 310px;
  background-image: url(../images/timeline/1983_tl.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}

#timeline1985 {
  display:block;
  width: 134px;
  height: 310px;
  background-image: url(../images/timeline/1985_tl.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}

#timeline1987 {
  display:block;
  width: 134px;
  height: 310px;
  background-image: url(../images/timeline/1987_tl.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}

#timeline1989 {
  display:block;
  width: 134px;
  height: 310px;
  background-image: url(../images/timeline/1989_tl.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}

#timeline1991 {
  display:block;
  width: 134px;
  height: 310px;
  background-image: url(../images/timeline/1991_tl.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}

#timeline1992 {
  display:block;
  width: 134px;
  height: 310px;
  background-image: url(../images/timeline/1992_tl.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}

#timeline1995 {
  display:block;
  width: 134px;
  height: 310px;
  background-image: url(../images/timeline/1995_tl.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}

#timeline1998 {
  display:block;
  width: 134px;
  height: 310px;
  background-image: url(../images/timeline/1998_tl.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}

#timeline1999 {
  display:block;
  width: 134px;
  height: 310px;
  background-image: url(../images/timeline/1999_tl.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}

#timeline2002 {
  display:block;
  width: 134px;
  height: 310px;
  background-image: url(../images/timeline/2002_tl.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}

#timeline2003 {
  display:block;
  width: 134px;
  height: 310px;
  background-image: url(../images/timeline/2003_tl.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}

#timeline2004 {
  display:block;
  width: 134px;
  height: 310px;
  background-image: url(../images/timeline/2004_tl.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}

#timeline2006 {
  display:block;
  width: 134px;
  height: 310px;
  background-image: url(../images/timeline/2006_tl.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#timeline2008 {
  display:block;
  width: 134px;
  height: 310px;
  background-image: url(../images/timeline/2008_tl.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}

#timeline1968:hover {
  cursor: pointer;
  background-position: 0 -155px;
}

#timeline1973:hover {
  cursor: pointer;
  background-position: 0 -155px;
}

#timeline1979:hover {
  cursor: pointer;
  background-position: 0 -155px;
}

#timeline1983:hover {
  cursor: pointer;
  background-position: 0 -155px;
}

#timeline1985:hover {
  cursor: pointer;
  background-position: 0 -155px;
}

#timeline1987:hover {
  cursor: pointer;
  background-position: 0 -155px;
}

#timeline1989:hover {
  cursor: pointer;
  background-position: 0 -155px;
}

#timeline1991:hover {
  cursor: pointer;
  background-position: 0 -155px;
}

#timeline1992:hover {
  cursor: pointer;
  background-position: 0 -155px;
}

#timeline1995:hover {
  cursor: pointer;
  background-position: 0 -155px;
}

#timeline1998:hover {
  cursor: pointer;
  background-position: 0 -155px;
}

#timeline1999:hover {
  cursor: pointer;
  background-position: 0 -155px;
}

#timeline2002:hover {
  cursor: pointer;
  background-position: 0 -155px;
}

#timeline2003:hover {
  cursor: pointer;
  background-position: 0 -155px;
}

#timeline2004:hover {
  cursor: pointer;
  background-position: 0 -155px;
}

#timeline2006:hover {
  cursor: pointer;
  background-position: 0 -155px;
}

#timeline2008:hover {
  cursor: pointer;
  background-position: 0 -155px;
}
