/* BBC SIEGE */
/* Bluecube Interactive, Anthony McNamee, 01-Apr-2010 */
/* GENERIC STYLES */

a:link {
color:#356A8B;	
font-weight:bold;
}

a:visited {
color:#356A8B;	
font-weight:bold;
}

a:hover {
color:#D27725;	
font-weight:bold;
}

a:active {
color:#D27725;
font-weight:bold;
text-decoration:underline;
}

#overall {
	width:974px;
	margin:0px auto;	
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;	
	min-height:1000px;
	background-color:#D2C7AB;	
	background-image:url(/staticarchive/5daa37695482a905dc6401cedd1e42723c17e998.jpg);
	background-position:top left;
	background-repeat:no-repeat;	
	padding-bottom:30px;
}
#container {
	width:940px;
	padding:0px;
	margin-left:17px;
	margin-right:17px;
}
img {
	border:0px!important;
	margin:0px!important;
	padding:0px!important;
}
a img {
	border:0px!important;
	margin:0px!important;
	padding:0px!important;
}
.clear {
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
	margin-bottom:-1px;
}
/* END GENERIC STYLES */
/* INTRO AREA STYLES */
div#intro_area {
	width:940px;
	margin:0px;
	padding:0px;
	clear:both;
	height:135px;
}
div#intro_logo {
	width:200px;
	float:left;
	margin:0px;
	padding:0px;	
	height:135px;
}
#intro_logo img, #intro_logo a {
	border:none!important;
	text-decoration:none!important;
}

div#intro_copy {
	width:560px;
	float:left;
	background-image:url(/staticarchive/9d0ca6a199db057f826ad910fd7e2cd40e9b7ac2.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent: -9999px; 
	margin:0px;
	padding:0px;
	height:135px;
}
div#intro_links {
	width:180px;
	float:left;
	margin:0px;
	padding:0px;
	vertical-align:middle;	
	height:135px;
}
#intro_links p{
	margin:0px;
	padding:0px;
	padding-top:34px;
}
#intro_links img{
 	margin-bottom:5px;
}
#intro_links img, #intro_links a {
	border:none!important;
	text-decoration:none!important;
}
/* END INTRO AREA */
/* TITLE AND NAV AREA */

div#outline_top {
	width:940px;
	margin:0px;
	padding:0px;
	margin-top:20px;
	clear:both;
}
div#outline_bottom {
	width:940px;
	margin:0px;
	padding:0px;
	clear:both;
	margin-bottom:20px;
}
div#main_nav_block{
	width:940px;
	background-color:#FFFFFF!important;
	clear:both;
	float:none;
	margin:0px;
	padding:0px;
	text-align:center;
}
div.header_area {
	width:940px;
	background-color:#ffffff!important;
	text-align:center;
	margin:0px;
	padding:0px;
	background-position: top left;
	background-repeat:no-repeat;	
	clear:both;		
	margin-top:20px;
	padding-bottom:10px;
}
div#header_area_0{
	background-image:url(/staticarchive/4341e214b8f65c477a8e79b2d53a952acb518c62.gif);
}
div#header_area_1{
	background-image:url(/staticarchive/b4d0654ec123e41e087b2a240bb3a2911850a50a.gif);
}
div#header_area_2{
	background-image:url(/staticarchive/c76810b368459a5416f6996a4321c0eb78a77954.gif);
}
div#header_area_3{
	background-image:url(/staticarchive/5d1db49ffb0ec9932f09b855f005b1cd6dc81750.gif);	
}
div#header_area_4{
	background-image:url(/staticarchive/6fc2a53b42e38c39dfe5ed9bdf3adcce85945ea6.gif);
}
div#header_area_5{
	background-image:url(/staticarchive/7d163d51c15618ce174751633c9140ed1433d6ad.gif);	
	width: 894px;
	margin:0px auto;
}
div.header_area h1 {
	text-indent:-9999px; 
	margin:0px;
	padding:0px;
	height:38px;
	background:inherit;
	clear:both;
	float:none
}

ul#main_nav { width:885px; margin-left:26px; margin-right:29px; margin-top:0px; margin-bottom:0px; padding:0px; clear:both; float:none; display:block; }
ul#main_nav li { display: inline; text-decoration:none!important; border:none!important}
ul#main_nav li a { display: block; padding: 0px; margin: 0px; text-indent: -9999px; width: 170px; height:31px; padding-right: 7px; float: left; text-decoration:none!important; border:none!important}

.nav-introduction { background:url(/staticarchive/c2fae3483bee36bc3379695ab5e2ede8981436e0.gif) 0px 0px no-repeat; }
.nav-introduction:hover { background:url(/staticarchive/c2fae3483bee36bc3379695ab5e2ede8981436e0.gif) 0px -31px no-repeat; }
.nav-introduction-active { background:url(/staticarchive/c2fae3483bee36bc3379695ab5e2ede8981436e0.gif) 0px -62px no-repeat; }

.nav-civil { background:url(/staticarchive/db57135641ae1e0fb07a2d2d4e3b9a4dc71292ea.gif) 0px 0px no-repeat;  }
.nav-civil:hover { background:url(/staticarchive/db57135641ae1e0fb07a2d2d4e3b9a4dc71292ea.gif) 0px -31px no-repeat; }
.nav-civil-active { background:url(/staticarchive/db57135641ae1e0fb07a2d2d4e3b9a4dc71292ea.gif) 0px -62px no-repeat; }

.nav-before { background:url(/staticarchive/b37c4849eeaa925cd544efee95d0f5f8c962c130.gif) 0px 0px no-repeat;  }
.nav-before:hover { background:url(/staticarchive/b37c4849eeaa925cd544efee95d0f5f8c962c130.gif) 0px -31px no-repeat; }
.nav-before-active { background:url(/staticarchive/b37c4849eeaa925cd544efee95d0f5f8c962c130.gif) 0px -62px no-repeat; }

.nav-cityunder { background:url(/staticarchive/9fbdb7d0bee6ff917d7d02e0c1e4aeb0a1a440d4.gif) 0px 0px no-repeat;  }
.nav-cityunder:hover { background:url(/staticarchive/9fbdb7d0bee6ff917d7d02e0c1e4aeb0a1a440d4.gif) 0px -31px no-repeat; }
.nav-cityunder-active { background:url(/staticarchive/9fbdb7d0bee6ff917d7d02e0c1e4aeb0a1a440d4.gif) 0px -62px no-repeat; }

.nav-aftermath { background:url(/staticarchive/2da9cb2ce34f9c90cc96de9073768c3a88090928.gif) 0px 0px no-repeat;  padding-right: 0px; }
.nav-aftermath:hover { background:url(/staticarchive/2da9cb2ce34f9c90cc96de9073768c3a88090928.gif) 0px -31px no-repeat; }
.nav-aftermath-active { background:url(/staticarchive/2da9cb2ce34f9c90cc96de9073768c3a88090928.gif) 0px -62px no-repeat; }



/* END TITLE AND NAV AREA */
/* TIMELINE AREA */
div#timeline_area {
	width:940px;
	margin:0px;
	padding:0px;
	clear:both;
	float:none;
	background-color:#ffffff;	
	background-position:top left;
	background-repeat:no-repeat;		
}
div#arrows_top {
	height:29px;
	margin:0px;
	padding:0px;
	clear:both;	
	width:920px;
	margin-left:10px;
	margin-right:10px;	
}
div#rollText{
	width:920px;
	padding:0px;
	margin:0px;
	height:19px;
	clear:both;
	float:none;
}
div#arrows{
	height:10px;
	border:none;
	margin:0px;
	padding:0px;
	clear:both;
	float:none;		
}
div.pointers{
	width:17px;
	border:none;
	float:left;
	margin:0px;
	padding:0px;
	height:10px;
}
.pointers img {
	display:block;	
}
div#timeline_1 {
	width:920px;
	padding:0px;
	margin:0px;	
	margin-left:10px;
	margin-right:10px;	
	clear:both;
	float:none;
	height:20px;
}
div.timeline_icons {
	float:left;
	border:none;
	width:17px;
	margin:0px;
	padding:0px;
	height:20px;
}
.timeline_icons a, .timeline_icons img {
	border:none!important;
	margin:0px;
	padding:0px;
	text-decoration:none!important;
}
div#arrows_bottom {
	height:51px;
	border:none;
	margin:0px;
	padding:0px;
	margin-left:10px;
	margin-right:10px;	
	width:920px;	
	clear:both;			
}
div#arrows2 {
	height:11px;
	border:none;
	margin:0px;
	padding:0px;	
	clear:both;
	float:none;	
}
div#arrows_space {
	height:14px;
	margin:0px;
	padding:0px;	
	clear:both;	
}
div.pointers1{
	width:17px;
	border:none;
	float:left;
	margin:0px;
	padding:0px;
	height:11px;
}
.pointers1 img {
	display:block;	
}
#rollText span {
	border:1px solid #000000;
	background-color:#FFFFFF; 
	font-size:10px; 
	line-height:10px;
	margin:0px; 
	margin-top:3px;
	padding:2px; 
	padding-left:5px;
	padding-right:5px;
	display: inline; 
	float:left; 
	width:auto;
	text-align:left;
}
#rollText p{
	border:1px solid default;
	background-color:default;
	font-size:10px; 
	line-height:10px;
	margin:0px;
	margin-top:3px;	
	padding:2px; 
	padding-left:5px;
	padding-right:5px;	
	display: inline; 
	float:left; 
	width:auto;
}

/* EXTRA SPACING ON TIMELINES */
.tl_1 {
	background-image:url(/staticarchive/d731cffeb4d91f465f999db553aa4e3da7bc0d8f.gif);
}
.tl_2 {
	background-image:url(/staticarchive/5ab4980da2c2e3e8bd8a7c9f89d59b9b9cbb8691.gif);
}
.tl_3 {
	background-image:url(/staticarchive/59f5590716e1916566e3fb70ae65b0690db7b39c.gif);
}
.tl_4 {
	background-image:url(/staticarchive/8b434a02a29c6f94a8b1c8caf16cd3e4fc9db486.gif);
}
.tl_1 .pointers, .tl_1 .pointers1, .tl_1 .timeline_icons{
	margin-right:17px;
}
.tl_2 .pointers, .tl_2 .pointers1, .tl_2 .timeline_icons{
	margin-right:8px;
}
.tl_3 .pointers, .tl_3 .pointers1, .tl_3 .timeline_icons{
	margin-right:7px;
}
.tl_4 .pointers, .tl_4 .pointers1, .tl_4 .timeline_icons{
	margin-right:44px;
}
/* END TIMELINE AREA */
/* CONTENT AREA */
div#content_area {
	width:940px;
	background-color:#FFFFFF;
	padding:0px;
	padding-bottom:1px;
	margin:0px;
	clear:both;
}
div.siegecontent_1, div.siegecontent_2, div.siegecontent_3, div.siegecontent_4, .siegecontent_1a, .siegecontent_2a, .siegecontent_3a, .siegecontent_4a, .siegecontent_1b, .siegecontent_2b, .siegecontent_3b, .siegecontent_4b   {
	clear:both;
	width:900px;
	margin:0px auto;
	margin-bottom:20px;
	padding-top:15px;
}
div.lhs_image {
	float:left;
	width:324px;
	vertical-align:top;
	text-align:center;
}
.lhs_image img {
	margin-left:10px;
	margin-right:20px;
}
.lhs_image p {
	text-align:center;
}
div.rhs_body {
	float:left;
	width:476px;
	margin-right:20px;
}
div.all_body {
	width:800px;
	float:left;
	margin-left:20px;
	margin-right:20px;
}
.rhs_body h3, .all_body h3, .all_body h2 {
	font-family:Georgia, "Times New Roman", Times, serif!important;
}
.rhs_body h2 {
	margin:0px!important;
	margin-bottom:10px;
	padding:4px!important;
	border:2px solid #000000!important;
	font-size:14px!important;
	font-family:Georgia, "Times New Roman", Times, serif!important;
	display:block!important;
	float:left!important;
	width:auto!important;
	color:#000000!important;	
}
h2.welcome {
	border:none!important;
	clear:both!important;
	float:none!important;
	margin-bottom:10px!important;
}
.rhs_body p, .all_body p {
	font-size:12px;
	line-height:18px;
}
.rhs_body li, .all_body li {
	font-size:12px;
	line-height:14px;
	margin-top:10px;
}
h3.soundclip{
	padding:4px!important;
	margin:0px!important;
	margin-left:10px!important;
	border:2px solid #EE4FA1!important;
	font-family: Arial, Helvetica, sans-serif!important;
}
.soundclip a {
	color:#EE4FA1!important;
	text-decoration:none!important;
	border:none!important;
	padding:0px!important;
	margin:0px!important;
}
.soundclip img{
	padding:0px!important;
	margin:0px!important;
	margin-left:5px!important;
	vertical-align:middle!important;
	text-align:right!important;
	text-decoration:none!important;
	border:none!important;
}
.rhs_body h3, .all_body h3{
	clear:both;
	float:none;
	font-size:20px;	
	padding-top:10px;
}
.all_body h2{
	clear:both;
	float:none;
	font-size:22px;	
	padding-top:10px;
}
div.go_left, div.go_right, div.go_nowhere {
	/*background-color:#E5E5E5!important;*/
	width:30px;
	float:left;
	margin:0px;
	padding:0px;
	vertical-align:middle;
	padding-top:25%;
}
.go_left img, .go_right img, .go_nowhere img {
	display:block;
	width:27px;
	border:0px;
	margin:0px;
	padding:0px;
}


/* END CONTENT AREA */


/* PANELS */
div.siege-panel {
	font-family: verdana, sans-serif;
}
div.siege-panel img {
	display: block;
	margin-top: 10px;
}
div.siege-panel p.ft {
	border-top: 1px solid #777;
	font-size: 0.6em;
	padding-top: 5px;
	text-align: right;
}

/* icons */
ul#intro_nav { margin:0px; padding:0px; clear:both; float:none; display:block; }
ul#intro_nav li { display: block; text-decoration:none!important; border:none!important; background-image:url(/staticarchive/45f48121cda7a1a7657c6380437ba5e42c7200cd.gif); background-position:top left; background-repeat:no-repeat; margin-left:20px;padding-left:40px; min-height:24px; line-height:16px;}
ul#intro_nav li a { text-decoration:none!important; border:none!important}

p.zoomphoto {
	text-align:center;
	width:342px;
	clear:both;
	height:18px;
	margin-top:10px;	
}
.zoomphoto a {
	color:#534848;
	text-align:center;
	font-size:11px;
	border:none!important;
	text-decoration:none!important;
	background-image:url(/staticarchive/0f8e13bba5c3bca3e3eda0ea45d069af378cff0d.gif);
	background-position:top right;
	background-repeat:no-repeat;
	height:18px;
	display:inline;
	clear:both;
	padding-right:20px;
	padding-bottom:10px;
	padding-left:-20px;
}
.all_body p {
	margin-bottom:14px!important;
}
.all_body h1 {
	font-family:Georgia, "Times New Roman", Times, serif!important;
	font-size:24px;
	margin-bottom:14px;
}
.all_body ol{ 
	margin:0px; 
	padding:0px; 
	display:block; 
	list-style-type:upper-roman!important;	
}
.all_body ol li { 
	display: block; 
	text-decoration:none!important; 
	border:none!important; 
	margin-left:40px; 
	list-style-type:upper-roman!important;
}

.all_body div.splitit {
	width:45%; 
	float:left;
	padding-right:1%;
}