/*Basic (sizing, fonts etc): */
	BODY {		
		color:#5E5D5D;
		font-family:Arial, Helvetica, sans-serif;
		margin:0%;
		margin-left:0px;
		margin-top:0px;
		padding:0px;
	}
					
	TD, TH, P, DIV {
		font-family:Arial,Helvetica,sans-serif;
		color:#5D5D5D;
	}

/*Main text styles: */
	H1, H2, H3, H4, H5, H6 {
		margin-top:0px;
		margin-bottom:0px
	}
	
	H1.standard , H2.standard , H3.standard  {
		margin-top:10px;
		margin-bottom:7px;
		font-size:1.1em;
	}
	
	H4.standard , H5.standard  {
		margin-top:5px;
		margin-bottom:6px;
		font-size:1em;
	}
	
	
	H4 {margin-top:4px;margin-bottom:3px;}
	H5 {margin-top:4px;margin-bottom:2px;font-size:1.05em;}
	P {margin-top:2px;margin-bottom:8px;}
	P.standard {margin-top:5px;margin-bottom:7px;}
	P.slimTop {margin-top:0px;margin-bottom:7px;}

	.slim01 {margin-top:1px;margin-bottom:4px;}
	.slim02 {margin-top:3px;margin-bottom:6px;}

	.txt {
		font-weight:normal;
		color:#5E5D5D;
	}
	.txtPlus1 {font-size:1.3em;}	
	.txtMinus1 {font-size:0.9em;}		
	.bold {font-weight:bold;}

	.txtError, .error {color:#FC0108;}
	
	.txtWhite {color:#FFF;}
	.txtBlack {color:#000000;}
	.txtGrey {color:#999999;}
	.txtGreyDk {color:#575757;}
	.txtRed {color:#A50006;}
	.txtGreen {color:#44BD8A;}
	.txtOrange {color:#FE9900;}
	.txtBlue {color:#5190D5;}

	.req {
		color:#FC0108;
		font-size:1.1em;
	}

/*Lists */	
	UL {list-style-type:disc;margin-left:20px;margin-top:8px;margin-right:4px;margin-bottom:8px;}	
	OL {margin-top:8px;margin-right:4px;margin-bottom:8px;}
	UL LI {list-style-position:outside;}
	OL LI {list-style-position:outside;}
	LI {
		margin-top:2px;
		margin-bottom:4px;
	}
	
	UL.triRed {
		margin-top:8px;
	}
	
	UL.triRed LI {
		margin-top:2px;
		margin-bottom:5px;
		list-style-image: url(/arts/apictureofbritain/images/bullet_arrow_red_r.gif);
	}	
	
	UL.triGrey {
		margin-top:8px;
	}
	
	UL.triGrey LI {
		margin-top:2px;
		margin-bottom:5px;
		list-style-image: url(/arts/apictureofbritain/images/bullet_arrow_grey_r.gif);
	}	
	

/* A class for Ordered lists  with bold list numbers - list item content in spans to un-bold it */	
	OL.article {
		margin-top:0px;
		margin-bottom:7px;
	}
	OL.article LI {
		margin-top:2px;
		margin-bottom:8px;
		font-weight:bold;
	}
	
	OL.article LI SPAN.content {
		font-weight:normal;
	}
	
/* A class for unordered lists with red triangles */


/*Links: */	
	A {
		color:#A40005;
		font-weight:bold;
		text-decoration:none;
	}
	A:active {color:#A40005;}
	A:link {color:#A40005;}
	A:visited {color:#A40005;}
	A:hover {color:#A40005;text-decoration:underline;}
	
	/* DPOB links in LH nav (BBCPage stuff separate, see below) */	
	TABLE.navL A {
		color:#999;
		font-family:verdana,arial,helvetica,sans-serif;
		font-size:0.85em;
		font-weight:normal;
		text-decoration:none;
	}
	TABLE.navL A:active {color:#999;}
	TABLE.navL A:link {color:#999;}
	TABLE.navL A:visited {color:#999;}
	TABLE.navL A:hover {color:#999;text-decoration:underline;}	

/*------------ BBCPage stuff ----------- */
	TD.bbcpageCrumb {text-align:left;}
	.bbcPageCrumb {
		font-family:verdana,arial,helvetica,sans-serif;
	}
	.bbcpageCrumb A {
		color:#999;
		font-family:verdana,arial,helvetica,sans-serif;
		font-size:0.85em;
		font-weight:normal;
		text-decoration:none;
	}
	.bbcpageCrumb A:active {color:#999;text-decoration:none;}
	.bbcpageCrumb A:link {color:#999;}
	.bbcpageCrumb A:visited {color:#999;}
	.bbcpageCrumb A:hover {color:#999;text-decoration:underline;}
	.bbcpageCrumb HR {
		width:100%;
		height:0.5px;
		color:#5D5D5D;
		margin-top:2px;
		margin-bottom:2px;
	}
	
	TD.bbcpageServices {height:256px;text-align:left;vertical-align:bottom;}
	TD.bbcpageServices HR {height:0px;color:#FFF;}
	.bbcpageServices {
		font-family:verdana,arial,helvetica,sans-serif;
		color:#999;
	}
	.bbcpageServices A {
		color:#999;
		font-family:verdana,arial,helvetica,sans-serif;
		font-size:0.85em;
		font-weight:normal;
		text-decoration:none;
		}
	.bbcpageServices A:active {color:#999;}
	.bbcpageServices A:link {color:#999;}
	.bbcpageServices A:visited {color:#999;}
	.bbcpageServices A:hover {color:#999;text-decoration:underline;}
	
	.bbcpageFooter {color:#999;}
	.bbcpageFooter A {
		font-family:verdana,arial,helvetica,sans-serif;
		font-size:0.9em;color:#999;
		font-weight:normal;
		text-decoration:none;
	}
	.bbcpageFooter A:active {color:#999;}
	.bbcpageFooter A:link {color:#999;}
	.bbcpageFooter A:visited {color:#999;}
	.bbcpageFooter A:hover {color:#999;text-decoration:underline;}

/* Basic page layout and colours: */	
	.topCrumb {
		color:#999;
		font-family:verdana,arial,helvetica,sans-serif;
		font-size:0.9em;
		padding:1 0 6 15;
		background:#FFF;
	}
	
	.topCrumb .end {
		color:#5E5A5A;
	}	
	
/* DPOB links in LH nav (BBCPage stuff separate, see below) */	
	.topCrumb A {
		color:#999;
		font-family:verdana,arial,helvetica,sans-serif;
		font-weight:normal;
		text-decoration:none;
	}
	.topCrumb A:active {color:#999999;}
	.topCrumb A:link {color:#999999;}
	.topCrumb A:visited {color:#999999;}
	.topCrumb A:hover {color:#999999;text-decoration:underline;}
	
/*Portal banner TL area */
	.banner {
		color:#000000;
		padding:0px 0px 0px 15px;	
	}
	
	.bannerWide {
		color:#000000;
		padding:3px 4px 3px 15px;
	}
	
	.bannerWideL {
		color:#000000;
		padding:3px 4px 3px 15px;
	}	
	
	.bannerWideL A {
		color:#000000;
		font-weight:normal;
		text-decoration:underline;
	}	
	
/* Pagination nav set: */	
/* Basic class */
	.paginate {
		color:#999;
		font-family:verdana,arial,helvetica,sans-serif;
		font-size:0.9em;
		background:#FFF;
	}
	.paginate .this {
		color:#5E5A5A;
		font-weight:bold;
	}
	
	.paginate A {
		color:#999;
		font-family:verdana,arial,helvetica,sans-serif;
		font-weight:normal;
		text-decoration:none;
	}
	.paginate A:active {color:#999999;}
	.paginate A:link {color:#999999;}
	.paginate A:visited {color:#999999;}
	.paginate A:hover {color:#999999;text-decoration:underline;}
	
	/* 'This' link (i.e. stick state in pagination nav set */
	.paginate A.this {
		color:#A40005;
		font-family:verdana,arial,helvetica,sans-serif;
		font-weight:bold;
		text-decoration:none;
	}
	.paginate A.this:active {font-weight:bold;color:#A40005;}
	.paginate A.this:link {font-weight:bold;color:#A40005;}
	.paginate A.this:visited {font-weight:bold;color:#A40005;}
	.paginate A.this:hover {font-weight:bold;color:#A40005;text-decoration:underline;}	
		
	.boxPromo, td.boxPromo {
		border:1px solid #999;
		padding:7px; 
	}	

	.outer {
		padding-left:15px;
		background:url(/arts/apictureofbritain/images/bg_tram_v_pgl.gif) repeat-y;
	}
	.outerRH {background:url(/arts/apictureofbritain/images/bg_tram_v_pgr.gif) repeat-y;}	

	.outerPop {
		padding:10px 10px 10px 10px;
		
	}	
	
	TABLE.popUp {
		background-color:#FFF;
	}
	
	TABLE.popUp TD {
		padding:0px;
	}
	
	TABLE.popUp TD.banner {
		padding-bottom:10px;
	}
	
	TABLE.popUp DIV.banner {
		padding-left:0px;
		padding-bottom:10px;
	}				
	
/* Intro box at top of the page */
	.pgIntro {
		padding-left:10px;
		margin-bottom:10px;
	}
	
	.pgIntro P {
		margin-top:2px;
		margin-bottom:10px;
	}
	
/* set cursor type to 'hand' (to mimic link-style cursor) */		
	.hand {cursor:hand;}
	
/* various basic backgrounds: */
	.bgWhite {background-color:#FFF;}
	.bgGrey {background-color:#999999;}
	.bgGreyTxt {background-color:#5D5D5D;}
	.bgRed {background-color:#A50006;}
	.bgGreen {background-color:#44BD8A;}
	.bgOrange {background-color:#FE9900;}
	.bgBlue {background-color:#5190D5;}

/* Branded graphic header boxes, brand-specific h tags: */	
	.boxHWhite {background:#FFF;padding:4px 0px 5px 0px;margin-bottom:7px;}
	.boxHWhiteh2 {background:#FFF;padding:7px 0px 0px 0px;margin-bottom:7px;}
	.boxHRed, .boxHSite {background:#A50006;color:#FFF;padding:4px 0px 4px 10px;margin-bottom:7px;}
	.boxHGreen, .boxHRural {background:#44BD8A;color:#FFF;padding:4px 0px 4px 10px;margin-bottom:7px;}
	.boxHOrange, .boxHHuman {background:#FE9900;color:#FFF;padding:4px 0px 4px 10px;margin-bottom:7px;}
	.boxHBlue, .boxHUrban {background:#5190D5;color:#FFF;padding:4px 0px 4px 10px;margin-bottom:7px;}
	
	.boxH1Green, .boxH1Rural {background:#44BD8A;color:#FFF;padding:4px 0px 4px 10px;margin-bottom:7px;}
	.boxH1Orange, .boxH1Human {background:#FE9900;color:#FFF;padding:4px 0px 4px 10px;margin-bottom:7px;}
	.boxH1Blue, .boxH1Urban {background:#5190D5;color:#FFF;padding:4px 0px 4px 10px;margin-bottom:7px;}	
	
	.boxHWhite H1, .boxHSite H1, .boxHRed H1, .boxHGreen H1, .boxHOrange H1, .boxHBlue H1, .boxHRural H1, .boxHHuman H1, .boxHUrban H1 {margin:0px;display:inline;font-size:1.1em;}/**/
	.boxHWhite H2, .boxHSite H2, .boxHRed H2, .boxHGreen H2, .boxHOrange H2, .boxHBlue H2, .boxHRural H2, .boxHHuman H2, .boxHUrban H2 {margin:0px;display:inline;font-size:1.1em;}
	.boxHWhite H3, .boxHSite H3, .boxHRed H3, .boxHGreen H3, .boxHOrange H3, .boxHBlue H3, .boxHRural H3, .boxHHuman H3, .boxHUrban H3 {margin:0px;display:inline;font-size:1.1em;}
	.boxHWhite H4, .boxHSite H4, .boxHRed H4, .boxHGreen H4, .boxHOrange H4, .boxHBlue H4, .boxHRural H4, .boxHHuman H4, .boxHUrban H4 {margin:0px;display:inline;font-size:1.1em;}
	.boxHWhite H5, .boxHSite H5, .boxHRed H5, .boxHGreen H5, .boxHOrange H5, .boxHBlue H5, .boxHRural H5, .boxHHuman H5, .boxHUrban H5 {margin:0px;display:inline;font-size:1em;}	
	.boxHWhite H6, .boxHSite H6, .boxHRed H6, .boxHGreen H6, .boxHOrange H6, .boxHBlue H6, .boxHRural H6, .boxHHuman H6, .boxHUrban H6 {margin:0px;display:inline;font-size:1em;}

	.boxHWhite .inpRadio, .boxHRed .inpRadio, .boxHSite.inpRadio, .boxHGreen .inpRadio, .boxHOrange .inpRadio, .boxHBlue .inpRadio, .boxHRural .inpRadio, .boxHHuman .inpRadio, .boxHUrban .inpRadio {vertical-align:middle;}
	.boxHWhite .inpCheck, .boxHRed .inpCheck, .boxHSite.inpCheck, .boxHGreen .inpCheck, .boxHOrange .inpCheck, .boxHBlue .inpCheck, .boxHRural .inpCheck, .boxHHuman .inpCheck, .boxHUrban .inpCheck {vertical-align:top;}

	.boxHWhite .inpRadio {background-color:none;}
	.boxHSite .inpRadio, .boxHRed .inpRadio {background-color:none;}
	.boxHGreen .inpRadio, .boxHRural .inpRadio {background-color:#44BD8A;}
	.boxHOrange .inpRadio, .boxHHuman .inpRadio {background-color:none;}
	.boxHBlue .inpRadio, .boxHUrban .inpRadio {background-color:none;}

	.boxHWhite .inpCheck {background-color:none;}
	.boxHSite .inpCheck, .boxHRed .inpCheck {background-color:none;}
	.boxHGreen .inpCheck, .boxHRural .inpCheck {background-color:#44BD8A;}
	.boxHOrange .inpCheck, .boxHHuman .inpCheck {background-color:none;}
	.boxHBlue .inpCheck, .boxHUrban .inpCheck {background-color:none;}	
	
	/* Main content table: */
	TABLE.main {
		background-color:#FFF;
	}
	TABLE.main TD {padding:0px;}
	
	TABLE.main TD DIV.boxHSite {padding-left:10px;}
	TABLE.main TD DIV.boxHRed {padding-left:10px;}
	
	TABLE.main TD DIV.boxHWhite {padding-left:10px;}	
	
	TABLE.main TD DIV.boxHUrban {padding-left:10px;}
	TABLE.main TD DIV.boxHBlue {padding-left:10px;}
	
	TABLE.main TD DIV.boxHRural {padding-left:10px;}
	TABLE.main TD DIV.boxHGreen {padding-left:10px;}
		
	TABLE.main TD DIV.boxHHuman {padding-left:10px;}
	TABLE.main TD DIV.boxHOrange {padding-left:10px;}
	
	/*Region Leaf pages basic*/
	TABLE.leaf {
		border:none;
		margin-bottom:7px;
	}
	TABLE.leaf TD {
		padding:5px 0px 7px 0px;
	}
	TABLE.leaf TD.head {
		padding-top:8px;
		padding-bottom:8px;
	}
	
	/*Region Leaf pages basic*/
	TABLE.image {
		border:none;
		margin-bottom:7px;
	}
	TABLE.image TH {
		text-align:left;
		padding:0px 0px 7px 0px;	
	}	
	
	TABLE.image TD {
		padding:0px;
	}
	TABLE.image TD.head {
		padding-top:8px;
		padding-bottom:8px;
	}
	
	TABLE.image TH H2 {
		margin-top:0px;
		margin-bottom:0px;
	}	
	
		
	
	/* Leaf pages bottom nav box */
	TABLE.leafNavBox {
		border:1px solid #999;
		margin-bottom:15px;
	}
	
	TABLE.leafNavBox A {
		font-family:verdana,arial,helvetica,sans-serif;
	}

	
	TABLE.leafNavBox TH {
		text-align:left;
		padding:7px 10px 4px 7px; /**/
	}		
	
	TABLE.leafNavBox TD {
		padding:0px 10px 6px 7px;
		font-weight:bold;
		color:#5E5A5A;
		font-family:verdana,arial,helvetica,sans-serif;
	}

	DIV.moreAbout {
		width:240px;
		display:inline;
		float:left;
	}
	
	TD.boxPromo .boxHWhite {
		padding-left:0px; 
	}	
	
/* for inputs, general */
	.boxInp {
		margin-bottom:4px;
	}	
	
/* Text associated with inputs */
	.inpTitle {
			color:#5E5A5A;
			font-weight:700;
			padding-bottom:2px;
	}

/*Inputs */
	TEXTAREA {
		font-family:arial,helvetica,sans-serif;
		vertical-align:text-top;
		border:1px solid #999999;
	}
	
/* General inputs, esp. text */
	.inp {
		width:100%;
		vertical-align:text-top;
		border:1px solid #999999;
	}
	
/* File inputs only */
	.inpFile {
		width:100%;
		border:1px solid #999999;
	}	
	
/* Radio and checkbox inputs only */
	.inpRadio, .inpCheck {
		margin-right:5px;	
		vertical-align:middle;
	}	
	
/* Don't delete this - needed for cascade */
	.boxRadio {
		/* */
	}
	
/* Don't delete this - needed for cascade */
	.boxRadio .inpRadio {
		/* */		
	}	
	
/* Don't delete this - needed for cascade */
	.boxCheck {
		/* */
	}
	
/* Don't delete this - needed for cascade */
	.boxCheck .inpCheck {
		/* */		
	}
	
	.btnRed {
		border:none;
		background-color:#A50006;
		color:#FFF;
		cursor:hand;
		font-family:verdana,arial,sans-serif;
	}
	
	.btnWhite {
		border:none;
		background-color:#FFF;
		color:#5D5D5D;
		cursor:hand;
		font-family:verdana,arial,sans-serif;
	}

	.btnGrey {
		border:none;
		background-color:#999;
		color:#000;
		cursor:hand;
		font-family:verdana,arial,sans-serif;
	}	
	
/* Fieldset */	
	FIELDSET {
		margin-top:1px;
		margin-bottom:1px;
		padding:4px 8px 6px 8px;
	}

/* Fieldset legend: */		
	LEGEND {
		margin:0px;
		padding-top:0px;
		padding-bottom:4px;
	}

/*Borders: */		
	.bordGrey {border:1px solid #999999;}
	TABLE TD .bordGrey {border:1px solid #999999;}
	.bordGreyLt {border:1px solid #5D5D5D;}
	.bordImg {border:1px solid #D4D0C8;padding:0px;margin:0px;}
	IMG.bordImg {border:1px solid #D4D0C8;padding:0px;margin:0px;}
	TD.bordImg {border:1px solid #D4D0C8;padding:0px;margin:0px;}
	TD.bordImg IMG.bordImg {border:0px solid #D4D0C8;padding:0px;margin:0px;}	
	
/* Alignment, floating: */
	.alR {align:right;}
	.alVT {vertical-align:top;}
	.alVM {vertical-align:middle;}
	.alVB {vertical-align:bottom;}
	.alvTxtT {vertical-align:text-top;} 
	.floatR {float:right;}
	.floatL {float:left;}

	.dispBlock {display:block;}
	.dispInline {display:inline;}	
	.dispNone {display:none;}	

	.wFull {width:100%;}	

	.noPad {padding:0px;}
	.noMarg {margin:0px;}
	.noPadnoMarg {padding:0px;margin:0px;}
	
/* Left hand nav: */	
	TABLE.navL {
		margin-left:5px;
		background-color:#FFF;
	}
	TABLE.navL TD {
		background-color:#FFF;
		padding:5 5 5 0;
	} 
	TABLE.navL HR {
		width:95%;
		height:1px;
		color:#999;
		margin-top:0px;
		margin-bottom:0px;
	}
	TABLE.navL TD.hr {
		padding:0 5 0 0;
	}			

/* Basic thumbnail image class: */	
	div.tnImg {
		width:96px;
		text-align:left;
	}
	
	/*div.tnImgP {
		width:118px;
		text-align:left;
	}*/
	
		
	
/* Captions and other text metadata for thumbnails: */	
/* Basic box for thumbnail data: */	
	div.tnData, p.tnData, td.tnData, th.tnData {
		text-align:left;
	}
	.tnName {
		color:#000;
		font-weight:bold;
	}
	.tnTitle {
		font-weight:bold;
		font-size:0.9em;
	}

/* Captions and other text metadata for main images: */	
/* Basic main image class: */	
	div.fullImg {
		
	}	

/* Basic box for main image data: */	
	div.fullImgData, p.fullImgData, td.fullImgData, th.fullImgData {
		text-align:left;
	}
	
	.fullImgName {
		color:#000;
		font-weight:bold;
	}
	.fullImgTitle {
		font-weight:bold;
		font-size:0.9em;
	}
	/*Copyright*/
	.c {
		padding:2px 0px 3px 0px;
		font-size:0.9em;
	}
	 
	/*For the 'featured in' bit under the copyright text...*/
	.featAPOB {
		padding:2px 0px 5px 0px;
		font-size:0.9em;
	}