/* CSS Document */

/* FONT COLORS */

span.cap,
.hometitle,
.homeheader,
.homeheader h3,
.storybody .introtext,
.related font.highlight,
.storybody h2.pullquote,
.storybody h2.pullquoteinline,
.storybody p.bio,
.credits,
#slideshow .captionright,
#map .imagetitle,
#slideshow .imagetitle
{ color: #202A65; }

div.storybody p.question {
	color: #202A65;
	font-size: 1.1em;
	margin-top: 35px;
	font-weight: bold;
}

/* BACKGROUND COLORS */
	/* select a dark color that looks good with white text */
h1 .bg,
.homebody .right .sidebar .header,
.boxsingle,
.homewatchvideo .boxsolid,
.homewatchvideo .box, 
.homewatchvideo .boxnomargin,
.storyhome,
.storybody .right .related .header,
.storybody .rightfifty .related .header,
.storybody .right .related li.highlight,
.storybody .rightfifty .related li.highlight,
.watchvideo .boxsolid,
.watchvideo .box,
.intro,
.interactivebutton,
.promovideo { 
	background-color: #202A65; }

/* BORDER COLORS */

.storybody .topright .image img,
.promoleftimage,
.promorightimage,
#slideshow .image img { 
	border: 1px solid #202A65; }
	
#nav li {
	border-left: 2px solid #202A65; }

.resourcesimage { width: 200px; }

.resourcesimageleft img,
.resourcesimageright img,
.resourcesimage img { 	
	border: 2px solid #202A65; }

#slideshow table.thumbnails { 
	border-top: 1px solid #202A65; 
	border-left: 1px solid #202A65; }

#slideshow table.thumbnails td {
	border-bottom: 1px solid #202A65; 
	border-right: 1px solid #202A65; }

/* LINK COLORS */

a:link, 
a:visited { color: #202A65; text-decoration: none; }
a:active, 
a:hover { color: #202A65; text-decoration: none; }

.datelistings a:link, 
.datelistings a:visited { color: #202A65; text-decoration: none; }
.datelistings a:active, 
.datelistings a:hover { color: #202A65; text-decoration: none; }

.storyairson a:link, 
.storyairson a:visited { color: #202A65; text-decoration: none; }
.storyairson a:active, 
.storyairson a:hover { color: #202A65; text-decoration: none; }

.homeheader h3 a:link, 
.homeheader h3 a:visited { color: #202A65f; text-decoration: none; }
.homeheader h3 a:active, 
.homeheader h3 a:hover { color: #202A65; text-decoration: none; }

span.thestory { 
font-size: 200%; 
font-weight: bold; }
span.thestory a:link, 
span.thestory a:visited { color: #ffffff; text-decoration: none; }
span.thestory a:active, 
span.thestory a:hover { color: #CCCCCC; text-decoration: none; }

.homebody .right .sidebar a:link, 
.homebody .right .sidebar a:visited { color: #202A65; }
.homebody .right .sidebar a:active, 
.homebody .right .sidebar a:hover { color: #202A65; }

.homebody .right .sidebar .header a:link, 
.homebody .right .sidebar .header a:visited { color: #ffffff; }
.homebody .right .sidebar .header a:active, 
.homebody .right .sidebar .header a:hover { color: #CCCCCC; }

.homebody .right .sidebar a:link, 
.homebody .right .sidebar a:visited { color: #202A65; }
.homebody .right .sidebar a:active, 
.homebody .right .sidebar a:hover { color: #132861; }



	/* navigation indicator - set id in body tag for each page */
#nav li a:hover { color: #202A65; }

#one #nav li a.one, 
#two #nav li a.two,
#three #nav li a.three,
#four #nav li a.four,
#five #nav li a.five,
#six #nav li a.six,
#seven #nav li a.seven, 
#eight #nav li a.eight,
#nine #nav li a.nine, 
#ten #nav li a.ten
{ color: #202A65; }


/* IMAGES */

/* homepage main image 
.homeheader  { 
background-image:url(../images/homepage_full.jpg); 
background-repeat:no-repeat; }*/

/* to put main image just in right td*/
.homeheader td.right { 
background-image:url(../images/homepage_full.jpg); 
background-repeat:no-repeat; } 

/* to put  image just in left td*/
.homeheader td.left { 
background-image:url(../images/homepage_topleft.jpg); 
background-repeat:no-repeat; } 

/* .storyhome { 
for full size background image
background-image:url(images/home_bg.jpg);
background-repeat: no-repeat; } */

/* end colors */

body, div, p, th, td, li, ul, dd {
 font-size: 100%; 
 font-family: Arial, Helvetica, sans-serif;  }

body { 
	background-color:#000; 
	color:#333; 
	margin: 0px; 
	padding: 0px; }

/* page types */

#storyhome { 
	width: 780px;  
	background-color:#FFF; 
	text-align: left; }

#template { 
	width: 780px;  
	background-color:#FFF; 
	text-align: left; }

/* generic properties */

h1, h2, h3, h4, h5 { 
    font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; }
h1 { font-size: 1.5em; }
h2 { font-size: 1em; }
h3 { font-size: .8em; }

h1 span.bg { 
	/* margin-left: 24px; */
	padding: 0px 5px; 
	color: #fff; }

img { border: none; }

span.cap { 
	font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; 
	font-size: 1.5em; 
	font-weight: bold; }

p { font-size: .8em; }

p.help { font-size: .7em; }

div.imgcaption { float: right; 
margin-left: 24px; padding: 0px;}
div.imgcaption p { text-align:center;
margin: 0px; padding: 0px;
font-size: .75em;  }

div.inlineimgcaption { float: right; 
margin: 0px; padding: 0px;}
div.inlineimgcaption p { text-align:right;
margin: 0px; padding: 0px; font-size: .75em; }
div.inlineimgcaption img { 
margin: 0px 0px -5px 10px; padding: 0px;}

a.continue { font-variant: small-caps; font-weight: bold; }
a.continuewhite { font-variant: small-caps; font-weight: bold; color: #FFF;}

.clear { float:none; clear:both; margin: 0px; padding: 0px; }

	/* don't change this color */
.flwred { color: #D22805; }

/* home body */

.homebody { background-color: #000; }
.homebody .left { float: left; width: 250px; }
.homebody .right { float: right; width: 510px; }

.homebody .right .sidebar { width: 510px; 
	color: #ccc; 
	padding-bottom: 10px; margin-top: 10px; }

.homebody .right .sidebar .header { 
    color: #fff; 
	font-size: .9em;
	padding: 7px 0px 7px 15px; 
	margin-bottom: 1px; }
	
.homebody .right .sidebar .sidebarbody { 
    background-color: #DDD; 
	padding: 10px 0px; 
	color: #333;}

/* holly hack */
* html .homebody .right .sidebar .sidebarbody { height: 0.01%; }

.homebody .right .sidebar p {
	margin: 5px 15px 5px 15px;
	font-size: 0.8em; }

.homebody .right .sidebar h3 {
	padding: 15px 15px 5px 15px;
	margin: 0px;
	font-size: 0.8em; }
	
.homebody .right .sidebartwo { width: 510px; 
    background-color: #DDD; 
	color: #333; 
	padding: 10px 0px; margin-top: 10px; }

.homebody .right .sidebartwo p {
	margin: 5px 15px 5px 15px;
	font-size: 0.8em; }
	
.homebody .right .sidebartwo h3 {
	padding: 15px 15px 0px 15px;
	margin: 0px;
	font-size: 0.8em; }
		
.homebody .left .sidebar { margin-top: 10px;
    width: 230px; 
    background-color: #ccc; 
	color: #333333; 
	padding-bottom: 10px; }

.homebody .left .sidebar p {
	margin: 2px 15px;
	font-size: 0.7em; }

.sidebarimg img { margin: 5px 10px 0 15px;}

.boxsingle { display: block; 
	padding: 3px 8px 3px 8px;
	position: relative;
	margin-top: 80px; 
	margin-left: -115px;
	width: auto; 
	font-size: .7em; 
    font-variant: small-caps;
    font-weight: bold;
    text-align: right; 
	color: #fff; 
	float: left; } 

/* home header */

.homeheader {
background-color: #202A65; }

.homeheader td { vertical-align: bottom; }

.hometitle { 
    margin-left: 0px; 
    margin-top: 15px; 
	margin-bottom: 10px; 
	margin-right: 5px;
	float: right; 
	clear: none; 
	color: #fff; text-align: right; }
	
.hometitle h1 { 
font-size: 3em;
line-height: 35px; 
margin: 0px; 
padding: 0px; 
font-weight: normal;
color: #202A65; }

.hometitle h2 { 
font-size: 1.6em;
line-height: 30px; 
margin: 0px; 
padding: 0px; 
color: #333;}	
	
.homeheader h3 { 
font-size:1em; 
margin: 0px; 
padding: 0px 5px 0px 20px;}

.homeintro { 
  	width: 100%; 
	height: auto; 
	margin: 0px; 
	padding: 0px;
	background-color: #202A65 }
	
.homeintro p { 
	font-size: .75em; color: #FFF; 
    padding: 5px 5px 5px 20px;
	margin: 0px; }

.datelistings { 
	font-size: .7em;  
	padding: 2px 5px; 
	background-color: #CCC;
	text-align: right; }

.homewatchvideo { 
	float: left; }
		
.homewatchvideo .boxsolid img,
.homewatchvideo .box img { margin-right: 5px; }
	
.homewatchvideo .boxsolid { display: block; 
	padding: 5px 0px 6px 0px;
	margin: 1px 0px; 
	width: 170px; font-size: 1em; 
	font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    text-align: right; 
	color: #fff; }

.homewatchvideo .box, .homewatchvideo .boxnomargin { 
    display: block; 
	padding: 3px 0px 3px 0px;
	width: 170px; font-size: .7em; 
	font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    text-align: right; 
	color: #fff; 
	filter: alpha(opacity=60);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    -moz-opacity: 0.60; opacity:0.6; }
 
.homewatchvideo .box { 	margin: 1px 0px; }
.homewatchvideo .boxnomargin { margin: 1px 0px 0px 0px; }
.homewatchvideo a:link, 
.homewatchvideo a:visited { 
	display: block; 
	color: #fff; 
	text-decoration: none; }
.homewatchvideo a:active, 
.homewatchvideo a:hover { 
	display: block; 
	color: #fff; 
	text-decoration: none; 
	background-color:transparent; }
.homewatchvideo a:hover div.box,
.homewatchvideo a:hover div.boxnomargin { 
	filter: alpha(opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1.00; opacity:1; }	

.homepagemap img { margin: 20px; padding: 20px; }
/* template header */

.header { margin: 0px; padding: 0px; }
.storyheader { margin: 0px; padding: 0px;
	background-image:url(../images/russianew_top.jpg);
	background-repeat: no-repeat; 
	background-color: #333; }

.storyhome { 
	position: relative; 
	float: left; 
	margin-top: -18px; 
	position: relative; 
	left: 15px; 
	height: 12px;
	font-variant: small-caps; 
	font-size: .7em; 
	padding: 3px 8px 3px 8px }
	
.storyhome a:link, 
.storyhome a:visited { color: #fff; text-decoration: none; }
.storyhome a:active, 
.storyhome a:hover { color: #ccc; text-decoration: none; }

.storyairson { position: relative; float: right; margin-top: -20px;
font-variant: small-caps; 
font-size: .7em; color: #ccc; margin-right: 10px;}

.storyairson a:link, .storyairson a:visited {
	color: #99b8dd;
}


div.divider {
	margin: 50px 0px 22px 0px;
	border-top: 1px dashed #202A65;
}

p.ednote {
	padding: 4px 8px 4px 8px;
	background-color: #f5f3df;
	font-weight: bold;
	border-left: 1px solid #202A65;
	border-right: 1px solid #202A65;
}

div.seventy {
	margin-right: 120px;
}



/* template story body */

.storybody .left { float: left; width: 455px; }
.storybody .right { float: right; width: 325px; }

.storybody p { margin: 15px 24px 15px 24px;  }

.storybody .topleft { width: 200px; color: #FFF; float: left; }
.storybody .topright { float:right; width: 564px; }
.storybody .topright .image { margin-left: 24px;
 	font-size: .7em; font-style: italic; }

.storybody .left { float: left; width: 500px; }
.storybody .left p { margin: 15px 0px 15px 24px;  }

.storybody .right { float: right; width: 210px; }
.storybody .right p { 
   margin: 0px 15px; }

.storybody h2 { margin: 15px 24px 15px 24px; }

.storybody h3 { margin: 15px 24px 15px 24px; }

.storybody h1 { margin: 0px 0px 15px 24px; }

.storybody .introtext { 
	font-style: italic; 
	line-height: .85em; }
	
.storybody .introtext p { 
	margin: 10px 24px;  }

a.backtotop { margin: 15px 24px 15px 24px; font-size: .8em; }

.storybody .right .related { 
    background-color: #EEE; 
	color: #333333; 
	padding-bottom: 20px;   
	width: 210px; 
	float: right; }

.related font.highlight {
	font-style: italic; }
 
.storybody .rightfifty .related { 
    width: 390px; 
	background-color: #EEE; 
	color: #333333; 
	padding-bottom: 20px;}

.storybody .right .related .header,
.storybody .rightfifty .related .header { 
    color: #FFFFFF; 
    font-variant: small-caps; 
	font-size: .7em;
	padding: 3px 0px 3px 15px;
	margin-bottom: 10px; }

.storybody .right .related p,
.storybody .rightfifty .related p {
	margin: 0px 15px;
	padding: 5px 0px; 
	font-size: 0.7em;}

.storybody .related .active img,
.storybody .related .on img { 
    border: 1px solid #000; 
	margin-bottom: 0px; 
	padding: 0px; }
	
.storybody .right .related ul, .storybody .rightfifty .related ul { 
	margin: 5px; padding-left: 15px; }
	
.storybody .right .related li, .storybody .rightfifty .related li {
	list-style-position: inside; 
	list-style-type: square; 
	font-size: .8em; }
	
.storybody .right .related li.highlight,
.storybody .rightfifty .related li.highlight {
    font-weight: bold;  }

div.active { filter: alpha(opacity=60);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
 -moz-opacity: 0.60; opacity:0.6; }
 
div.active:hover { filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.0; opacity:1.0; }
 
img.interview {  margin: 0px 5px 0px 0px; }
.active img.interview {  margin: 0px 5px 0px 0px; }

	
.storybody h2.pullquote {
	margin: 0px 24px 24px 24px;
	text-align: right;
	line-height: 30px;
}

.storybody h2.pullquoteinline {
	margin: 24px 24px 24px 520px; 
	width: 200px; 
	position: absolute;
	text-align: right;
	line-height: 25px; }

.inlineimg {
	margin: 0px 0px 0px 550px; 
	width: 200px; 
	position: absolute;
	text-align: right;
	font-size: 75%; 
	color: #333;
	text-align: left;
	background-color:#ddd; }

.inlineimg .txt {
	padding: 0px 5px; }
	
.inlineimg .audio {
	background-color: #FFF; padding: 2px; margin: 0px 5px 10px 5px; }

.inlineimg .header { 
    color: #FFFFFF; 
    font-variant: small-caps; 
	font-size: .9em;
	font-weight: bold;
	text-align: center;
	padding: 3px 0px 3px 5px;
	margin-bottom: 10px;
	background-color: #202A65; }

.storybody p.bio {
    font-weight: bold; 
	font-style: italic;
	text-align: left;
	line-height: 16px;
	margin: 24px;
}



.storybody .leftfifty { 
	float: left; 
	width: 420px; 
	margin: 0px; 
	padding: 0px; }
	
.storybody .rightfifty { 
	float: right; 
	width: 325px; 
	margin: 0px; 
	padding: 0px; }
	
#nav { 
   /* width: 780px; */
   margin-top: 0px; padding: 0px; 
   left: 0px; position: relative; 
   margin-bottom: 3px;  
   margin-left: 0px;
   height: 42px;}
   
#nav li a.one { 
	border-left: 2px solid #fff; 
	padding-left: 10px; }

#nav li {
	width: auto;
	float: left;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	margin: 0px; 
    float: left; 
    color: #999;
    padding: 5px 13px; }
	
#nav a { text-decoration: none; 
   color: #000000; }

#nav ul {
	margin: 0px 0px 0px 0px; 
	padding: 10px 0px 0px 0px; 
	list-style-type: none; 
    width: 780px; }

#nav li.borderoff { border: none; } 

#nav li a {
	width: auto;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
    float: left; }

#nav li a:hover {
	width: auto;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	float: left; }

/* story specific */


.watchvideo { 
    position:relative; 
	float: left; 
	left: 24px;  }
	
.watchvideo .boxsolid { display: block; 
	padding: 3px 8px 3px 8px;
	margin: 1px; 
	width: 180px; font-size: 1em; 
    font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif;
    text-align: right; 
	color: #fff; }

.watchvideo .box { display: block; 
	padding: 3px 8px 3px 8px;
	margin: 1px; 
	width: 180px; font-size: .75em; 
    font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif;
    text-align: right; 
	color: #fff; 
	filter: alpha(opacity=80);
 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 	-moz-opacity: 0.80; opacity:0.8;}

.watchvideo a:link, 
.watchvideo a:visited { 
	display: block; 
	color: #fff; 
	text-decoration: none; }
.watchvideo a:active, 
.watchvideo a:hover { 
	display: block; 
	color: #fff; 
	text-decoration: none; 
	background-color:transparent; }
.watchvideo a:hover div.box { 
	filter: alpha(opacity=100);
 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	 -moz-opacity: 1.00; opacity:1; }

/* react */

#reactcontainer { 
	background-color: #eee; 
	margin: 25px; 
	padding: 15px; }

#reactcontainer p { font-size: .75em;  }

#reactcontainer td p { 
	font-size: .75em; 
	margin: 0px; 
	padding: 0px;  }

#reactcontainer td {
	vertical-align: top;  
	margin: 0px; 
	padding: 5px;}

#reactcontainer table { 
	border: 1px solid #000; 
	padding: 10px; }


#reactcontainer p.share { 
	font-size: .9em;
	font-weight: bold; 
	margin: 0px 0px 15px 0px; 
	padding: 0px;  }

p.introparagraph { font-size: 100%; }

/* resources */

.resourcesblock { 
	display:block; 
   	width: 100%; }
.resourcesnav { 
	font-size: .8em; 
	padding: 5px; 
	border: 1px solid #fff; 
	float: left; 
	margin: 0px 15px; }
	
.resourcesright { float: right; }

.resourcesleft { float: left; }

.resourcesblock h3 { 
	font-size: .75em; 
	color: #333; 
	margin: 15px 0px 7px 15px; 
	padding: 0px; }
	
	
.resourcesimageleft .txt,
.resourcesimageright .txt,
.resourcesimage txt
{ margin: 0px; padding: 0px; 
font-size: .7em; width: 200px; 
height: auto; }

.resourcesimageleft { 
	float: left; 
	margin: 0px 15px; }

.resourcesimageright { 
	float: right; 
	margin: 0px 15px; }

.resourcesright, .resourcesleft, .resources { 
    background-color: #eee; 
	color: #333; 
	padding-bottom: 20px;
	}
	
.resourcesright, .resourcesleft { 
	width: 510px; }

.resourcesright .header, 
.resourcesleft .header, 
.resources .header { 
    background-color: #CCC; 
    color: #333; font-weight: bold;
    font-variant: small-caps; 
	font-size: .7em;
	padding: 3px 0px 2px 15px;
	margin-bottom: 10px; }

.resourcesright p, .resourcesleft p, .resources p {
	margin: 0px 15px;
	padding: 5px 0px;
	font-size: 0.8em; }


/* red intro paragraph */

.intro { color: #fff; width: 100%;  }
.intro p { padding: 10px 0px; }

.interactivebutton {
	display: block; 
	padding: 3px 8px 3px 8px;
	margin: 7px 7px 0px 12px; 
	width: auto; font-size: .7em; 
    font-variant: small-caps;
    font-weight: bold;
    text-align: right; 
	color: #fff; 
	float: left; }
	
/* promo page specific */
.subhead { width: 400px; font-size: .9em; 
font-weight: bold; margin-left: 23px; margin-top: 30px; 
border-bottom: 1px solid #ccc; font-variant: small-caps; }

.promovideo {  
	padding: 15px 0px 5px 0px; }

.right .promovideo p { color: #ccc; 
font-size: .75em; }

.promoleftimage { margin: 0px 15px 5px 25px; }
.promorightimage { margin: 5px;  }

.promovideo a:link, 
.promovideo a:visited { 
	color: #fff; 
	text-decoration: none; 
	font-weight: bold; }

.promovideo a:active, 
.promovideo a:hover { 
	color: #fff; 
	text-decoration: none; }

.promovideo .previewbutton { 
	border: 1px solid #FFF; 
	margin-left: 15px;
	margin-bottom: 10px; 
	font-size: .75em; 
	padding: 2px 3px 2px 5px; 
	width:145px;  }

/* timeline */

#timeline { 
	width: 730px; 
	height: auto; 
	background-color: #fff; 
	position: relative; 
	margin: 20px 24px; }

/* Footer */

#footer {
clear: both;
padding-bottom: 10px;
color: #666666;
background-color: black;
text-align: center;
}

#footer p {
margin: 0px;
padding-top: 10px;
padding-bottom: 0px;
font-size: 11px;
}


#footer a:link, #footer a:visited {
color: #8E8053;
text-decoration: underline;
}

#footer a:hover, #footer a:active {
color: #999;
text-decoration: underline;
}