/* CSS Styling for timeline article documents (inline frame documents) */

/* Barley styling for when javascript is disabled and users visit
the page directly from a search result */

/* BBC Standard variables */
.bbcpageTopLeftTD	{	color: #416026; font-weight: bold; }
.bbcpageTopLeftTD a,
.bbcpageTopLeftTD a:link,
.bbcpageTopLeftTD a:visited,
.bbcpageTopLeftTD a:active	{	color: #416026; text-decoration: none; }
.bbcpageTopLeftTD a:hover	{	text-decoration: underline; }
td.bbcpageTopLeftTD {	background: #BAC595; }

.bbcpageCrumb	{	color: #344F1C; font-weight: bold; }
.bbcpageCrumb a,
.bbcpageCrumb a:link,
.bbcpageCrumb a:visited,
.bbcpageCrumb a:active	{	color: #344F1C; text-decoration: none; font-size: 95%; }
.bbcpageCrumb a:hover	{	text-decoration: underline; }
td.bbcpageCrumb	{	background: #BAC595; padding: 10px 0 5px 0; }

.bbcpageServices	{	color: #344F1C; }
.bbcpageServices a,
.bbcpageServices a:link,
.bbcpageServices a:visited,
.bbcpageServices a:active	{	color: #344F1C; text-decoration: none; }
.bbcpageServices a:hover	{	text-decoration: underline; }

.bbcpageFooter	{	color: #000; }
.bbcpageFooter a,
.bbcpageFooter a:link,
.bbcpageFooter a:visited,
.bbcpageFooter a:active	{	color: #000; text-decoration: none; }
.bbcpageFooter a:hover	{	text-decoration: underline; }


/* Left nav CSS styling */
a.lnav,
a:link.lnav,
a:visited.lnav,
a:active.lnav	{	display: block; 
					padding: 7px 4px 7px 8px; 
					font-size: 75%; 
					font-weight: bold;
					background: #7B905B;
					border-bottom: 1px solid #FFF;
					color: #FFF;
					text-decoration: none; }
a:hover.lnav	{	background: #FFF;
					color: #416026; }

a.home,
a:link.home,
a:visited.home,
a:active.home	{	background: #416026;
					padding: 4px 4px 4px 8px; 
					font-size: 69%; }
a:hover.home	{	background: #FFF; color: #416026; }

a.current,
a:link.current,
a:visited.current,
a:active.current	{	background: #FFF; color: #416026; }

a.print,
a:link.print,
a:visited.print,
a:active.print	{	display: block;
					font-size: 75%; 
					font-weight: bold;
					padding: 10px 4px 5px 6px; 
					text-decoration: none;
					color: #344F1C; }
a:hover.print	{	text-decoration: underline; }

/* End Barley styling */
body { background-color: #FFF;
		font-family: Arial, Helvetica, sans-serif; }

div#iframeContent	{	border-left: 1px solid #273E13;
						border-right: 1px solid #273E13;
						border-bottom: 1px solid #273E13;
						border-top: 1px solid #273E13;
						margin: 0 0 0 0;
						padding: 10px 10px 10px 10px;
						font-size: 75%;
						font-family: Arial, Helvetica, sans-serif; }
						
p.credits	{	background: #F2F3E1;
				padding: 5px 5px 5px 5px; }
				
p.firstPara	{	margin: 0 0 10px 0; }

a,
a:link,
a:visited,
a:active	{	color: #344F1C;
				text-decoration: none;
				font-weight: bold; }
a:hover	{	text-decoration: underline;
			color: #1F320F; }
				
h1.tlFactfile	{	font-size: 120%;
					font-weight: bold;
					background: #E0EBCE;
					padding: 5px 5px 0 5px;
					font-family: Arial, Helvetica, sans-serif;
					margin: 0 0 0 0; }
h2.tlFactfile	{	font-size: 105%;
					margin: 0 0 0 0;
					font-weight: bold;
					font-family: Arial, Helvetica, sans-serif; }
h2.relatedStories	{	padding: 0 5px 5px 5px; }
h2.relatedStories a,
h2.relatedStories a:link,
h2.relatedStories a:visited,
h2.relatedStories a:active	{	color: #000;
								text-decoration: none; }
h2.relatedStories a:hover	{	color: #344F1C;
								text-decoration: underline; }

blockquote	{	background: #FFF url('/ww2peopleswar/images/f/bquote_start.gif') no-repeat top left;
				color: #666;
				font-weight: bold;
				text-align: center;
				padding: 5px 0 0 30px;
				margin-bottom: 20px; }
blockquote span.endQuote	{	background: #FFF url('/ww2peopleswar/images/f/bquote_end.gif') no-repeat top right;
								float: right;
								position: relative;
								top: -10px;
								left: 30px; }

					
p.tlDetails	{	background: #E0EBCE;
				padding: 5px 5px 15px 5px;
				margin-top: 0px; }
				
a.tlHelp,
a:link.tlHelp,
a:visited.tlHelp,
a:active.tlHelp	{	color: #344F1C;
					text-decoration: none;
					font-weight: bold; }
a:hover.tlHelp	{	text-decoration: underline;
					color: #1F320F; }

div#iframeRelatedStories	{	background: #F2F3E1;
								margin: 0 0 0 0;
								padding: 10px 0 10px 0;
								font-size: 75%;
								font-family: Arial, Helvetica, sans-serif; }
								
h2.tlFactfile	{	font-size: 120%;
					font-weight: bold;
					font-family: Arial, Helvetica, sans-serif; }

ul.relatedStories	{	list-style-type: disc;
						list-style-image: url("/ww2peopleswar/images/f/list_bullet.gif");
						margin: 0 0 0 0;
						padding: 5px 0 0 1.6em; }
ul.relatedStories li	{	padding: 0 0 10px 0; }
ul.relatedStories li a,
ul.relatedStories li a:link,
ul.relatedStories li a:visited,
ul.relatedStories li a:active	{	color: #344F1C;
									font-size: 90%;
									font-family: Arial, Helvetica, sans-serif;
									font-weight: bold;
									text-decoration: none; }
ul.relatedStories li a:hover	{	text-decoration: underline;
									color: #1F320F; }	
									
/*  Images CSS  */
div.imgright, 
div.imgleft, 
div.imgcentered	{	text-align: center;
					margin-bottom: 10px; }
div.imgright span.imgCaption, 
div.imgleft span.imgCaption, 
div.imgcentered span.imgCaption	{	font-size: 90%;
									font-weight: bold;
									font-family: Arial, Helvetica, sans-serif;
									color: #666; }
div.imgright	{	float: right;
					margin-left: 10px;
					margin-bottom: 10px; }
div.imgleft	{	float: left;
				margin-right: 10px;
				margin-bottom: 10px; }

/* ############################################################################## */
/* CSS Styling for timeline article documents (non-flash article documents) */

#timelineForces, 
#timeline1939, 
#timeline1940, 
#timeline1941, 
#timeline1942, 
#timeline1943, 
#timeline1944, 
#timeline1945 {	margin: 0 0 1px 1px; }


/* headings for nav section */
#timelineForces h2 a, 
#timeline1939 h2 a, 
#timeline1940 h2 a, 
#timeline1941 h2 a, 
#timeline1942 h2 a, 
#timeline1943 h2 a, 
#timeline1944 h2 a, 
#timeline1945 h2 a {	color: #FFF; font-size: 100%; }

#timelineForces h2 a:hover, 
#timeline1939 h2 a:hover, 
#timeline1940 h2 a:hover, 
#timeline1941 h2 a:hover, 
#timeline1942 h2 a:hover, 
#timeline1943 h2 a:hover, 
#timeline1944 h2 a:hover, 
#timeline1945 h2 a:hover {	background: none; }

#timelineForces h2.current a, 
#timeline1939 h2.current a, 
#timeline1940 h2.current a, 
#timeline1941 h2.current a, 
#timeline1942 h2.current a, 
#timeline1943 h2.current a, 
#timeline1944 h2.current a, 
#timeline1945 h2.current a {	color: #000; font-size: 100%; }

#timelineForces h2 {	color: #FFF; font-size: 80%; margin: 0 0 0 0; padding: 6px 10px 4px 6px; background: #4D4D4D; }
#timeline1939 h2 {	color: #FFF; font-size: 80%; margin: 0 0 0 0; padding: 4px 10px 3px 6px; background: #273E13;  }
#timeline1940 h2 {	color: #FFF; font-size: 80%; margin: 0 0 0 0; padding: 4px 10px 3px 6px; background: #405D26;  }
#timeline1941 h2 {	color: #FFF; font-size: 80%; margin: 0 0 0 0; padding: 4px 10px 3px 6px; background: #56743C;  }
#timeline1942 h2 {	color: #FFF; font-size: 80%; margin: 0 0 0 0; padding: 4px 10px 3px 6px; background: #698650;  }
#timeline1943 h2 {	color: #FFF; font-size: 80%; margin: 0 0 0 0; padding: 4px 10px 3px 6px; background: #7FA461;  }
#timeline1944 h2 {	color: #FFF; font-size: 80%; margin: 0 0 0 0; padding: 4px 10px 3px 6px; background: #96B17F;  }
#timeline1945 h2 {	color: #FFF; font-size: 80%; margin: 0 0 0 0; padding: 4px 10px 3px 6px; background: #AFD094;  }

#timelineForces h2.current {	color: #000; background: #FFF; }
#timeline1939 h2.current {	color: #000; background: #FFF;  }
#timeline1940 h2.current {	color: #000; background: #FFF;  }
#timeline1941 h2.current {	color: #000; background: #FFF;  }
#timeline1942 h2.current {	color: #000; background: #FFF;  }
#timeline1943 h2.current {	color: #000; background: #FFF;  }
#timeline1944 h2.current {	color: #000; background: #FFF;  }
#timeline1945 h2.current {	color: #000; background: #FFF;  }


/* Lists of links in nav section */
#timelineForces p, 
#timeline1939 p, 
#timeline1940 p, 
#timeline1941 p, 
#timeline1942 p, 
#timeline1943 p, 
#timeline1944 p, 
#timeline1945 p {	margin: 0 0 0 0; padding: 0 0 0 0; display: none; }


/* Links in nav section */
#timelineForces a, 
#timeline1939 a, 
#timeline1940 a, 
#timeline1941 a, 
#timeline1942 a, 
#timeline1943 a, 
#timeline1944 a, 
#timeline1945 a {	font-size: 75%; padding: 0 0 0 16px; display: block; }

#timelineForces a:hover, 
#timeline1939 a:hover, 
#timeline1940 a:hover, 
#timeline1941 a:hover, 
#timeline1942 a:hover, 
#timeline1943 a:hover, 
#timeline1944 a:hover, 
#timeline1945 a:hover {	background: url('/ww2peopleswar/images/f/currentlink_arrow.gif') no-repeat 6px 3px; }

#timelineForces a.current, 
#timeline1939 a.current, 
#timeline1940 a.current, 
#timeline1941 a.current, 
#timeline1942 a.current, 
#timeline1943 a.current, 
#timeline1944 a.current, 
#timeline1945 a.current {	background: url('/ww2peopleswar/images/f/currentlink_arrow.gif') no-repeat 6px 3px; text-decoration: underline; }