<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">  /* ---
	Site: History
	Author: Ben Copping
	Version: 2010.21.06
	
	Modified by: Barry McGee &lt;barry.mcgee@bbc.co.uk&gt;
	Date: Feb 2011 
---*/




/*-- set transparent bg for the global main nav --*/
#blq-mast-home,
#blq-acc-links {background:url("/staticarchive/dae45e83ef32e29b78a09306a49fadd201a4313b.png") 0 0 repeat;}
#blq-acc-links a {color:#FFFFFF;}
#blq-acc  {border-bottom:1px solid #FFF}

#blq-container.blq-gvl-3 .blq-foot-text-dark {background-color: #FFF !important;border-top:1px solid #DCDCDC;width:944px !important;padding-left:16px !important;}

a:focus { outline: none; }

/*-- DEFAULT HISTORIES BACKGROUND --*/
#historyOuter {background: #89a3af url('/staticarchive/0d7e43e937c6b183d50ef47129d15e17f1d080dc.jpg') 0 0 repeat-x;}



/*-- CUSTOM BATTLE OF BRITAIN STYLES --*/

/*-- background --*/
#historyOuter.battle_of_britain		{background: #DDEEF6 url('/staticarchive/4ac99e23a80ac6f9ce2059844b601e446b9184c5.jpg') 0 0 repeat-x !important}
#historyOuter.battle_of_britain #historyInner	{background:url('/staticarchive/c4adebdc05444fdf6ae62b8484569165a36dff29.jpg') top center no-repeat;}

/*-- previous next header --*/
#historyOuter .col-a .prevNextSection .battle_of_britain {background: url('/staticarchive/db2199af660ba954cb1e064cbacd788cb234c15c.jpg') 0 0 no-repeat;}

#historyOuter .col-a .prevNextSection .royal_weddings {background: url('/staticarchive/bd38a231df6a7792a7f3a3f3e35064f76a3ffc20.jpg') 0 0 no-repeat;}


/* HOME FRONT BACKGROUNDS */
#historyOuter.home_front		{zoom:1;background:url('/staticarchive/e6723222ca2eb01b7942abde076fe8fed300a259.jpg') repeat-x  0 0 !important}
#historyOuter.home_front #historyInner	{zoom:1;background:url('/staticarchive/cff1835a8c6ebf48da5e1110e7fb9cd33532cc12.jpg') no-repeat top center ;}

#historyOuter .col-a .prevNextSection .home_front {background: url('/staticarchive/565373a51a23d4751ca43408c1d2d25e01d47fc5.jpg') 0 0 no-repeat;}


/*-- custom backgrounds for each history section --*/

#historyOuter.events	{background: #999981 url('/staticarchive/5627644f261644fb459a8fe535664ae020d0b445.jpg') 0 0 repeat-x}
#historyOuter.events #historyInner	{background:url('/staticarchive/1363b51a06ef00d2666a10bf9abcc58bbc1a2e32.jpg') top center no-repeat;}

#historyOuter.places		{background: #7D9891 url('/staticarchive/57b6f46f094e90944d7c1178557f588906cc1947.jpg') 0 0 repeat-x !important}
#historyOuter.places #historyInner	{background:url('/staticarchive/a57192cccf0b871089c9834578df634e411505b5.jpg') top center no-repeat;}

#historyOuter.people	{background: #b4bbc3 url('/staticarchive/39e15f61d6b134c51c5fdb313bba785c03ea418f.jpg') 0 0 repeat-x;}
#historyOuter.people #historyInner	{background:url('/staticarchive/a22c0204a112b77c8e4a175a295361951bda8038.jpg') top center no-repeat;}

#historyOuter.topics		{background: #7c898f url('/staticarchive/1250c2beb0a125d1b18789be4506dee0cd6f5700.jpg') 0 0 repeat-x !important}
#historyOuter.topics #historyInner	{background:url('/staticarchive/aa00c4e94237a753ff9bc5f1d319c11e37d0e3f6.jpg') top center no-repeat;}

/*-- CUSTOM ROYAL WEDDINGS SKIN
 *  moved to custom file
 */

/* ----- banner ----- */
#masthead p.mHeading,
#masthead p.mHeading a {
	color: #FFF;
	}
#historyOuter #mastheadLink {
	position:absolute;
	top:60px;
	right:0;
	}

	
/*-- BREADCRUMB STYLES --*/
#historyOuter #breadcrumb				{background: url('/staticarchive/6a2898e5b0d464565f02691ee76e84d758dbbdcc.png') 0 0 repeat;}
#historyOuter #breadcrumb li  			{background: url('/staticarchive/2059391cbeb02dd112e241cc131e24d87299ee88.gif') 100% 0 no-repeat; list-style-type: none;}
#historyOuter #breadcrumb li a 			{color:#a2d1f4;}
#historyOuter #breadcrumb li a:hover	{color:#c4e5fd;}

/*-- people breadcrumb --*/
#historyOuter.people #breadcrumb			{background: url('/staticarchive/da58e1c08f7f7607cad57c889b341f8e960a51d0.png') 0 0 repeat;}
#historyOuter.people #breadcrumb li  		{background: url('/staticarchive/efaede383c08fa63ab5c951f030403185660cfd9.gif') 100% 0 no-repeat;}
#historyOuter.people #breadcrumb li a 		{color:#b3d2e1;}
#historyOuter.people #breadcrumb li a:hover	{color:#d4e7f0;}

/*-- people breadcrumb --*/
#historyOuter.events #breadcrumb			{background: #221f19}
#historyOuter.events #breadcrumb li  		{background: url('/staticarchive/dd84466f5c4e2379519baa89a19445b4efed7b12.gif') 100% 0 no-repeat;}
#historyOuter.events #breadcrumb li a 		{color:#ecdec3;}
#historyOuter.events #breadcrumb li a:hover	{color:#faf1e0;}

/*-- place breadcrumb --*/
#historyOuter.places #breadcrumb				{background: #1b231c}
#historyOuter.places #breadcrumb li  		{background: url('/staticarchive/929dc36e31ed7602bb4a979b864e4e6a8a304f22.gif') 100% 0 no-repeat;}
#historyOuter.places #breadcrumb li a 		{color:#c0dbbd;}
#historyOuter.places #breadcrumb li a:hover	{color:#d4f3d1;}

/*-- topic breadcrumb --*/
#historyOuter.topics #breadcrumb				{background: #171e22}
#historyOuter.topics #breadcrumb li  		{background: url('/staticarchive/8505bf4d576dffb05f2cf97dcfd8d5db95943eb7.gif') 100% 0 no-repeat;}
#historyOuter.topics #breadcrumb li a 		{color:#a2d1f4;}
#historyOuter.topics #breadcrumb li a:hover	{color:#c4e5fd;}




		
/*-- PLAY BUTTON AND TITLE OVERLAY VIDEO/AUDIO MAIN CLIP --*/
#lead-row-image a.playMedia b.mediaTitle:hover,	
a.playMedia:hover span.mediaDesc {color:#C4E5FD}

 
#historyOuter.people #lead-row-image a.playMedia:hover span.play {background-position: -312px -82px}
#historyOuter.people #lead-row-image a.playMedia:hover b.mediaTitle,	
#historyOuter.people #lead-row-image a.playMedia:hover span.mediaDesc {color:#C4E5FD}

#historyOuter.events #lead-row-image a.playMedia:hover span.play {background-position: -312px -154px}
#historyOuter.events #lead-row-image a.playMedia:hover b.mediaTitle,	
#historyOuter.events #lead-row-image a.playMedia:hover span.mediaDesc {color:#ecdec3}

#historyOuter.places #lead-row-image a.playMedia:hover span.play {background-position: -312px -226px}
#historyOuter.places #lead-row-image a.playMedia:hover b.mediaTitle,	
#historyOuter.places #lead-row-image a.playMedia:hover span.mediaDesc {color:#C0DBBD}

#historyOuter.topics #lead-row-image a.playMedia:hover span.play {background-position: -312px -298px}
#historyOuter.topics #lead-row-image a.playMedia:hover b.mediaTitle,	
#historyOuter.topics #lead-row-image a.playMedia:hover span.mediaDesc {color:#C4E5FD}

				
#lead-row-image,
#lead-row-copy-frame {height:360px;overflow:hidden;}

#lead-row-copy h2 { line-height: 1.3em; }
#lead-row-copy a { font-size: 1.3em; }
#lead-row-copy p a { font-size: inherit; }
			
/*-- lead row "clip from prog" styles  --*/					
			
#historyOuter #lead-row-copy #clipFromProg ul li {border-top:1px solid #515b66;}
#historyOuter #lead-row-copy #clipFromProg ul li a span.link {color: #9abecf;}
#historyOuter #lead-row-copy #clipFromProg ul li a:hover span.link {color:#C4E5FD;}

#historyOuter.people #lead-row-copy #clipFromProg ul li {border-top:1px solid #4d4e4f;}
#historyOuter.people #lead-row-copy #clipFromProg ul li a span.link {color: #9abecf;}
#historyOuter.people #lead-row-copy #clipFromProg ul li a:hover span.link {color:#C4E5FD;}

#historyOuter.events #lead-row-copy #clipFromProg ul li {border-top:1px solid #4d4b42;}
#historyOuter.events #lead-row-copy #clipFromProg ul li a span.link {color: #cfbd9a;}
#historyOuter.events #lead-row-copy #clipFromProg ul li a:hover span.link {color:#ecdec3;}

#historyOuter.places #lead-row-copy #clipFromProg ul li {border-top:1px solid #444e44;}
#historyOuter.places #lead-row-copy #clipFromProg ul li a span.link {color: #b2caaf;}
#historyOuter.places #lead-row-copy #clipFromProg ul li a:hover span.link {color:#C0DBBD;}

#historyOuter.topics #lead-row-copy #clipFromProg ul li {border-top:1px solid #474b50;}
#historyOuter.topics #lead-row-copy #clipFromProg ul li a span.link {color: #9abecf;}
#historyOuter.topics #lead-row-copy #clipFromProg ul li a:hover span.link {color:#C4E5FD;}

/*-- lead row copy link styles --*/

#historyOuter  #lead-row-copy a,
#historyOuter.people #lead-row-copy a,
#historyOuter.topics #lead-row-copy a	{color:#9abecf;}
#historyOuter.events #lead-row-copy a	{color:#cfbd9a;}
#historyOuter.places #lead-row-copy a	{color:#b2caaf;}			

	
/*-- LEAD ROW BACKGROUND --*/

/*-- bob lead row bg --*/	
#historyOuter #lead-row-copy-frame {background: url('/staticarchive/f9fa946399f7a91ef9bf2e154e6fb50a5ad01d9a.png') 0 0 repeat;}
#historyOuter #lead-row-copy-frame #lead-row-header {border-bottom:1px solid #515b66;}

/*-- people lead row bg --*/
#historyOuter.people #lead-row-copy-frame		{background: #2f3131}
#historyOuter.people #lead-row-copy-frame #lead-row-header	{border-bottom:1px solid #4d4e4f;}

/*-- events lead row bg --*/
#historyOuter.events #lead-row-copy-frame		{background: #2e2b21}
#historyOuter.events #lead-row-copy-frame #lead-row-header	{border-bottom:1px solid #4d4b42;}



/*-- place lead row bg --*/
#historyOuter.places #lead-row-copy-frame		{background: #242f23}
#historyOuter.places #lead-row-copy-frame #lead-row-header		{border-bottom:1px solid #444e44;}

/*-- topic lead row bg --*/
#historyOuter.topics #lead-row-copy-frame		{background: #272c32}
#historyOuter.topics #lead-row-copy-frame #lead-row-header		{border-bottom:1px solid #474b50;}


#featuresInFrame {position:absolute;bottom:16px;}
#featuresIn {display:block;border-top:1px solid #615d53;height:62px;width:304px;position:relative;}

	#historyOuter #featuresIn			{border-top:1px solid #515b66;}
	#historyOuter.people #featuresIn	{border-top:1px solid #4d4e4f;}
	#historyOuter.events #featuresIn	{border-top:1px solid #4d4b42;}
	#historyOuter.places #featuresIn	{border-top:1px solid #444e44;}
	#historyOuter.topics #featuresIn	{border-top:1px solid #474b50;}
	
	

	#featuresIn img {position:absolute;bottom:0;left:0;z-index:0;}
	#featuresIn .epo-copy {position:relative;z-index:10;}
	#featuresIn .epo-copy p {padding:3px 0 10px 0;}
	#featuresIn .epo-copy a {color:#FFF !important;padding:9px 8px;font-weight:bold;display:block;width:294px;}
	
	
	#featuresIn .epo-copy a span {background: url('/staticarchive/30517e16564f9583d43c7b817b2d0551b4ab75ef.png') 100% 5px no-repeat;font-size:1.5em;line-height:1em;padding:0 14px 0 0;}
	
/*-- CLIPS BACKGROUNDS --*/
#historyOuter #clips		{background: #232A2F;margin-top: 1px;}

#historyOuter.people #clips	{background: #222222;}
#historyOuter.events #clips	{background: #221F15;}
#historyOuter.places #clips	{background: #192215;}
#historyOuter.topics #clips	{background: #1F2226;}

/*-- carousel next and previous links --*/		
#historyOuter .carousel-light .carousel-nav,
#clips-outer-container a.carNext,
#clips-outer-container a.carPrev,
a.carNext,
a.carPrev,
a span.play {background-image: url('/staticarchive/d2ebf2ab587056c0214d7a634f38be6bac4a7794.png') !important;}

a#prevCar.dissabled,
a#nextCar.dissabled {cursor:default;}


/* Custom Brown History (Events) Template */

body.resource div.events #clips-outer-container a.carNext {
	background-position: -102px -650px;
	}
	
body.resource div.events #clips-outer-container a.carPrev {
	background-position: -33px -650px;
	}
	
/* End Custom Brown History Template */

/* Custom Brown History (Places) Template */

body.resource div.places #clips-outer-container a.carNext {
	background-position: -102px -570px;
	}
	
body.resource div.places #clips-outer-container a.carPrev {
	background-position: -33px -570px;
	}
	
/* End Custom Brown History Template */


/* Custom Brown History (People) Template */

body.resource div.people #clips-outer-container a.carNext {
	background-position: -102px -410px;
	}
	
body.resource div.people #clips-outer-container a.carPrev {
	background-position: -33px -410px;
	}
	
/* End Custom Brown History Template */

/* Custom Brown History (People) Template */

body.resource div.topics #clips-outer-container a.carNext {
	background-position: -102px -490px;
	}
	
body.resource div.topics #clips-outer-container a.carPrev {
	background-position: -33px -490px;
	}

/* */

/* Custom History (Royal Wedding) Template */


	
/* End Custom Brown History Template */



#historyOuter.events #clips a.carPrev:hover {background-position: -33px -90px;}
#historyOuter.events #clips a.carNext:hover {background-position: -102px -90px;}

#historyOuter.places #clips a.carPrev:hover {background-position: -33px -170px;}
#historyOuter.places #clips a.carNext:hover {background-position: -102px -170px;}

#historyOuter.people #clips a.carPrev:hover {background-position: -33px -250px;}
#historyOuter.people #clips a.carNext:hover {background-position: -102px -250px;}

#historyOuter.topics #clips a.carPrev:hover {background-position: -33px -330px;}
#historyOuter.topics #clips a.carNext:hover {background-position: -102px -330px;}


/*-- carousel dot navigation  --*/
.pageNav li.dot 		{background: #A9A9A9;}
.pageNav li.dotActive	{background:#9ABECF}
.pageNav li.dot:hover	{background:#C4E5FD}

#historyOuter.events #clips .pageNav li.dotActive	{background:#CFBD9A}
#historyOuter.events #clips .pageNav li.dot:hover	{background:#ECDEC3}

#historyOuter.places #clips .pageNav li.dotActive {background:#B2CAAF}
#historyOuter.places #clips .pageNav li.dot:hover {background:#C0DBBD}

ul.dissabled.pageNav li.dot .dotLabel {cursor:default;}
ul.dissabled li.dot:hover {background: #A9A9A9 !important;}

span.clip-count a.clip-type-on {color:#fff;}
span.clip-count a.clip-type-off {color: #fff;}
span.clip-count span.count { font-size: 1em; }

#historyOuter #clips #carousel-container,
#historyOuter #clips div.carNextFurniture,
#historyOuter #clips div.carPrevFurniture,
#historyOuter #clips span.clip-count a.clip-type-on {background: #4f5154;}
#historyOuter #clips span.clip-count a.clip-type-off { }

#historyOuter.people #clips #carousel-container,
#historyOuter.people #clips div.carNextFurniture,
#historyOuter.people #clips div.carPrevFurniture,
#historyOuter.people #clips span.clip-count a.clip-type-on {background: #393939;}
#historyOuter.people #clips span.clip-count a.clip-type-off { }

#historyOuter.events #clips #carousel-container,
#historyOuter.events #clips div.carNextFurniture,
#historyOuter.events #clips div.carPrevFurniture,
#historyOuter.events #clips span.clip-count a.clip-type-on {background: #524f4a;}




#historyOuter.events #clips span.clip-count a.clip-type-off { }

#historyOuter.places #clips #carousel-container,
#historyOuter.places #clips div.carNextFurniture,
#historyOuter.places #clips div.carPrevFurniture,
#historyOuter.places #clips span.clip-count a.clip-type-on {background: #4b5149;}
#historyOuter.places #clips span.clip-count a.clip-type-off { }

#historyOuter.topics #clips #carousel-container,
#historyOuter.topics #clips div.carNextFurniture,
#historyOuter.topics #clips div.carPrevFurniture,
#historyOuter.topics #clips span.clip-count a.clip-type-on {background: #4f5154;}
#historyOuter.topics #clips span.clip-count a.clip-type-off { }
/*-- CAROUSEL CLIP ROLLOVERS --*/
#clips div.clip-promo h3 a {color:#FFF;font-weight:bold;}


#historyOuter #introResource a {font-weight:bold;}
#historyOuter #introResource {padding-top:5px;}	

/*-- bob carousel clip rollover --*/	
#historyOuter #clips div.clip-promo,
#historyOuter #introResource a					{background: #364453;}
#historyOuter #clips div.clip-promo:hover,
#historyOuter #introResource a:hover			{background: #4775c1;}

/*-- people carousel clip rollover --*/
#historyOuter.people #clips div.clip-promo,
#historyOuter.people #introResource a				{background: #454545;}		
#historyOuter.people #clips div.clip-promo:hover,
#historyOuter.people #introResource a:hover			{background: #7A858A;}

/*-- events carousel clip rollover --*/
#historyOuter.events #clips div.clip-promo,
#historyOuter.events #introResource a				{background: #443b22;}		
#historyOuter.events #clips div.clip-promo:hover,
#historyOuter.events #introResource a:hover			{background: #746f51;}


/*-- place carousel clip rollover --*/
#historyOuter.places #clips div.clip-promo,
#historyOuter.places #introResource a				{background: #38492f;}		
#historyOuter.places #clips div.clip-promo:hover,
#historyOuter.places #introResource a:hover			{background: #50764e;}

/*-- topic carousel clip rollover --*/
#historyOuter.topics #clips div.clip-promo,
#historyOuter.topics #introResource a				{background: #2d3944;}		
#historyOuter.topics #clips div.clip-promo:hover,
#historyOuter.topics #introResource a:hover			{background: #2b4c63;}

#historyOuter #clips div.carousel-pad {background:none !important}

/*-- selected state --*/
#clips div.clip-promo-selected,
#introResource.active a {background: #000 !important;}


	

	
	
	#clips div.clip-promo-selected a img,
	#introResource.active a img {
	opacity:0.80;
	filter:alpha(opacity=80);
	cursor:default;
	}
	
	#clips div.clip-promo-selected a,
	#introResource.active a {cursor:default;}
		
/*-- clips play icon hover styles for each style --*/		
#historyOuter.people #clips div.clip-promo a:hover span.play	{background-position: -190px -106px;}		
#historyOuter.events #clips div.clip-promo a:hover span.play	{background-position: -190px -42px;}		
#historyOuter.places #clips div.clip-promo a:hover span.play	{background-position: -190px -74px;}		
#historyOuter.topics #clips div.clip-promo a:hover span.play	{background-position: -190px -138px;}
		
	
/*-- clip - broadcast date colors --*/	
#historyOuter #clips div.clip-promo span.bDate,
#historyOuter.people #clips div.clip-promo span.bDate,
#historyOuter.topics #clips div.clip-promo span.bDate	{color:#9abecf;}
#historyOuter.events #clips div.clip-promo span.bDate	{color:#cfbd9a;}
#historyOuter.places #clips div.clip-promo span.bDate	{color:#b2caaf;}

#historyOuter #clips div.clip-promo h3 a span.clip-title {font-weight:bold;min-height:55px;font-size:1em;}
#historyOuter #clips div.clip-promo h3 a b {min-height:55px;}

/*-- box colors --*/

#blq-main .box  {color:#323232;}
.col-a .box .box-content a,
.col-b .box .box-content a {color:#175C5F;}

.col-a .box .box-content a:hover,
.col-b .box .box-content a:hover {color:#387b7e}
.col-b .box .box-content ul { list-style-type: none; }

.col-a .box .box-heading {border-top:1px solid #dcdcdc;}
.col-b .box .box-heading h2 span { font: inherit; }

.col-b .box#relatedNews .rn-hero {overflow:hidden;padding:0;}	
.col-a .box .box-content ol {
	list-style:decimal;
	padding-left:2em;
	padding-top:0.3em;
	padding-bottom:1.3em;
}

.col-a .box .box-content ul {
	padding-left:2em;
	padding-top:0.2em;
	padding-bottom:1.3em;
}

/* hover state for timeline links */
a.js-added-hover{text-decoration:underline;color:#387b7e}

.col-a .box .box-content ul li p,.col-a .box .box-content ol li p{ padding-left:2.3em;font-size:13px;padding-top:0.6em}

#clips .json-url { position: relative; line-height: 0; bottom: -10px; }
.json-url { float: right; }
.json-url a { color: white; }

.hidden{display:none;}

/* Viewfinder overrides */
.vf-viewfinder .vf-header { display: none; }
.vf-viewfinder #vf-s-0 h2 a { height: 56px; } 
.vf-viewfinder .vf-s .vf-s-col-text .vf-s-date span { font-size: 20px; }
.vf-viewfinder .vf-s .vf-s-col-text h2 strong { font-size: 26px; }

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,object,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{font-size:inherit}body{font-family:Arial,Helvetica,freesans,sans-serif;font-size:10px}body #blq-main{font-size:10px}body #blq-main p{font-size:1.3em}#mainNav ul li{line-height:22px}.plainLinks li{list-style-type:none}.tabHeader{line-height:20px}</pre></body></html>