@charset "UTF-8";


body
{
	margin: 0px;
	font-size: medium;
	font-family: Arial, Helvetica, sans-serif;
	
	color: #57757B;
}
div, img
{
	display: block;
}
a
{
	text-decoration: none;
	color: #000000;
}
a img
{
	border: 0px;
}
h1
{
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 190%;
}
h2
{
	margin: 10px 0px 0px 0px;
	font-size: 100%;
	color: #B7060B;
}
h3
{
	margin: 10px 0px 0px 0px;
	font-size: 100%;
}
p
{
	margin: 0px;
}
p+p
{
	margin: 10px 0px 0px 0px;
}
#copy h1+p, #copy .mainHeading+p
{
	font-size: 130%;
}


#backdropBars 
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	font-size: 80%;
	z-index: 1;
	
	background-color: #009900;
}
#backdropBars div
{
	width: 100%;
}

#holder
{
	position: relative;
	width: 960px;
	margin: auto;
	
	font-size: 80%;
	z-index: 2;
}

#head, #topBar
{
	height: 88px;
	background-color: #EEAD10;
}
#logo
{
	float: left;
	margin: 20px 0px 0px 10px;
}
#bottomBar
{
	position: fixed;
	bottom: 0px;
	width: 100%;
	background-color: #B7060B;
	
	z-index: 20;
}
#foot
{
	width: 950px;
	margin: auto;
	
	padding: 5px;
	font-size: 70%;
	color: #FFFFFF;
	
	overflow: auto;
}
#foot a
{
	color: #FFFFFF;
}
#foot p
{
	vertical-align: middle;
}
.left
{
	display: block;
	float: left;
}
.right
{
	display: block;
	float: right;
}

#main
{
	background-color: #FFFFFF;
}
#col1
{
	float: left;
	width: 180px;
}
#col2
{
	position: relative;
	float: left;
	top: -45px;
	
	width: 780px;
	
	margin: 0px;
	z-index: 10;
}
#col3
{
	display: none;
	float: right;
	width: 190px;
}

#nav
{
	padding: 0px 10px 0px 0px;
}
#nav ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#nav a
{
	color: #1E4043;
}

.dashed
{
	border-bottom: 1px dashed #A7A7A7;
}

.colorBars, .plain
{
	padding: 7px 0px 7px 0px;
}

#nav .colorBars a
{
	display: block;
	padding: 3px 2px 3px 17px;
	margin: 0px 0px 2px 0px;
	color: #FFFFFF;
	
	background-image: url(../images/arrow.white.png);
	background-repeat: no-repeat;
	background-position: 8px center;
}
#nav .colorBars a:hover
{
	background-color: #EEAD10;
	color: #000000;
}
#nav .plain a, #nav .colorBars .plain a
{
	padding: 2px 0px 2px 17px;
	
	background-image: url(../images/arrow.whiteOnRed.small.png);
	background-repeat: no-repeat;
	background-position: 4px center;
	
	color: #1E4043;
}
#nav .colorBars .plain a
{
	padding: 0px 0px 0px 17px;
}
#nav .plain a:hover
{
	background-color: transparent;
	color: #000000;
}

#nav .sub
{
	display: none;
}
#nav .sub .sub
{
	margin: 0px 0px 0px 10px;
}
#nav .sub a
{
	background-color: #FFFFFF;
}

#n1 a
{
	background-color: #B7060B;
}
#n2 a
{
	background-color: #F46F15;
}
#n3 a
{
	background-color: #BD3147;
}
#n4 a
{
	background-color: #8A634A;
}
#n5 a
{
	background-color: #7DA122;
}
#n5a a
{
	background-color: #2284AD;
}
#n6a a
{
	background-color: #b8ae2e;
}
#n6 a
{
	background-color: #80537F;
}
#n7 a
{
	background-color: #F44AA3;
}
#n15 a
{
	background-color: #aaaaaa;
}


#details
{
	padding: 7px 5px 7px 17px;
}

#col1 h1
{
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #B7060B;
}
#col1 p
{
	margin: 0px 0px 10px 0px;
	color: #1E4043;
}

#copy
{
	padding: 10px;
}

#dateStamp
{
	float: right;
	padding: 10px;
	
	font-size: 85%;
	font-weight: bold;
	color: #000000;
}

.pin
{
	clear: both;
}

/*******************************/
/*   Styles for radius corners */
/*******************************/

.rc6, .rc8
{
	display: block;
	position: relative;
}
.cnr
{
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;

	background-repeat: no-repeat;
}

.cnr.tl
{
	top: -1px;
	left: -1px;
	background-position: top left;
}
.cnr.tr
{
	top: -1px;
	right: -1px;
	background-position: top right;
}
.cnr.br
{
	bottom: -1px;
	right: -1px;
	background-position: bottom right;
}
.cnr.bl
{
	bottom: -1px;
	left: -1px;
	background-position: bottom left;
}

/*Colour and size specific styles*/

.rc6 .cnr
{
	background-image: url(../images/corner.ffffff.6.png);
}
.rc8 .cnr
{
	background-image: url(../images/corner.ffffff.8.png);
}

.rc6.yellowTop .cnr.tl, .rc6.yellowTop .cnr.tr
{
	background-image: url(../images/corner.eead10.6.png);
}
.rc8.yellowTop .cnr.tl, .rc8.yellowTop .cnr.tr
{
	background-image: url(../images/corner.eead10.8.png);
}



/*Listing styles*/
.listing
{
	overflow: auto;
	clear: both;
	
	padding: 10px 0px 10px 0px;
}
.listingCol1
{
	float: left;
	width: 105px;
}
.listingCol2
{
	float: left;
	width: 343px;
	padding: 0px 20px 0px 12px;
}
.listingCol3
{
	float: left;
	width: 80px;
}
.listing.dashed
{
	border-bottom: none;
}
.listing.dashed+.dashed
{
	border-top: 1px dashed #A7A7A7;
}
.listingCol1 img
{
	width: 105px;
	height: 105px;
	background-color: #CCCCCC;
}
.listing h2
{
	margin: 0px 0px 7px 0px;
	font-size: 130%;
	color: #B7060B;
	font-weight: normal;
}
.listing a
{
	display: block;
	padding: 4px 0px 4px 21px;
	font-size: 80%;
	color: #B7060B;
	
	background-image: url(../images/arrow.whiteOnRed.big.png);
	background-repeat: no-repeat;
	background-position: 3px center;
}
/*Datebox styles*/
.dateBox
{
	width: 77px;
	padding: 3px 0px 0px 0px;
	
	background-color: #B7060B;
	color: #FFFFFF;
	
	text-align: center;
}
.dateBox .date
{
	float: left;
	width: 38px;
	padding: 0px 0px 2px 0px;
	
	text-transform: uppercase;
	
	line-height: 120%;
	
	background-color: #B7060B;
}
.dateBox .from
{
	border-right: 1px solid #EEAD10;
}
.dateBox .extra
{
	clear: both;
	width: 100%;
	padding: 3px 0px 3px 0px;
	
	color: #1d1502;
	background-color: #EEAD10;
	
	font-size: 80%;
	font-weight: bold;
}
.dateBox p
{
	margin: 0px;
}
.dateBox .day
{
	font-size: 190%;
	line-height: 100%;
}


/*MPU styles*/
#mpus
{
	/*Hide MPUs*/
	display: none;
	
	padding: 10px 0px 0px 0px;
	overflow: auto;
}
.mpu h1
{
	margin: 0px;
	line-height: 100%;
}
#col3 #mpus
{
	width: 190px;
	padding: 10px 0px 0px 0px;
	overflow: hidden;
	
	/*Push the main images out of the yellow area*/
	/*margin-top: 5.75em;*/
}
#col3 .mpu h1
{
	margin: 0px;
	line-height: 105%;
}
#col3 .mpu
{
	margin-right: 0px;
}

#mpuHolder
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#mpuHolder li
{
	display: block;
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.mpu
{
	/*float: left;*/
	width: 190px;
	height: 190px;
	margin: 0px 5px 10px 0px;
	
	background-color: #2284AD;
	color: #FFFFFF;
}
.mpu .mpuTop, .mpu .mpuBottom
{
	padding: 4px 12px 8px 12px;
}
.mpu .mpuBottom
{
	position: absolute;
	bottom: 0px;
	padding: 8px 8px 8px 12px;
	width: 170px;
	
	background-image: url(../images/background.transparent.black.png);
	
	line-height: 105%;
}
.mpu a
{
	color: #FFFFFF;
}
.mpu .mpuBottom a
{
	display: block;
	padding: 0px 0px 0px 19px;
	
	background-image: url(../images/arrow.whiteOnRed.med.png);
	background-repeat: no-repeat;
	background-position: 0px bottom;
}
.mpu .background
{
	height: 190px;
	overflow: visible;
}
.mpu.white
{
	background-color: #FFFFFF;
}
.mpuSpacer
{
	height: 80px;
}

/*Individual MPU styles*/
.mpu .background.dark a
{
	color: #57757B;
}
.mpu .background.dark .mpuBottom
{
	background-image: none;
}


.runIn
{
	font-size: 130%;
}

blockquote
{
	font-size: 120%;
	color: #B7060B;
	text-align: left;
}

.sideTable
{
	background-color: #EEEEEE;
	padding: 10px;
}
.sideTable table
{
	width: 100%;
	border-collapse: collapse;
	font-size: 80%;
	color: #000000;
}
.sideTable table td, .sideTable table th
{
	padding: 3px;
	vertical-align: top;
	border: 1px solid #FFFFFF;
}

img.fit
{
	width: 100%;
}
.bottomMargin
{
	margin-bottom: 10px;
}

#oldSubMenuTwo
{
	/*Add padding at the top to avoid clashing with yellow when main MPU is hidden*/
	margin-top: 6em;
}

#oldSubMenuTwo.mpu p img
{
	width: 190px;
	margin: 0px 0px -10px -10px;
}
#oldSubMenuTwo.mpu
{
	height: auto;
}
#oldSubMenuTwo.mpu p
{
	padding: 0px 10px 10px 10px;
}

.documentList a img
{
	padding: 2px;
}
.dateStamp
{
	float: right;
}

img.fitWidthCorrectAspect
{
	width: 560px;
	height: 238px;
}