/* ---- 1. Defaults ------*/
body {
	margin-top: 0.1em;
	margin-right: 0.1em;
	margin-bottom: 0.1em;
	margin-left: 0.1em;
	font: 80%/1.2em Arial, Helvetica, sans-serif;
	}

p {
	margin-bottom: 0.5em;
	margin-top: 0em;
	line-height: 1.35;
}

h1, h2,h3,h4,h5 {
	color: #DD0000
}

.stdborder {
	border: 1px solid #FFAAAA;
}

h1 {
	font-size: 1.6em;
}


h2 {
	font-size: 1.4em;
	margin-bottom: 0.5em;
	}
	
h3 {	
	font-size: 1.2em;	
	margin-bottom: 0.5em;
	}
h4 {
	font-size: 1.1em;	
	margin-bottom: 0.5em;
	}
h5 {
	font-size: 1em;
	margin-bottom: 0.5em;
	}

h6 {
	/*Suggest don't use in general*/
	font-size: 1em;
	margin-bottom: 0.5em;
	color: #AA3333;
	}
ol {
	font-size: 1em;
	line-height: 1.35;
	margin-top: 0px;
	margin-left: 24px;
}
ul {
	list-style: url(../images/picLayout/smallred.gif) outside;
	font: 1em Arial, Helvetica, sans-serif;
	margin: 0px 0px 0.5em 16px;
		line-height: 1.35;
	}
	
a:hover {
	color:#FF0033;
}
li.Nested {
	list-style: url(../images/picLayout/smallpink.gif) none;
	margin-left: 1em;
}


/* ---- 2. DIVs ------*/
.DivClear {
	clear: both;
	margin: 0px;
	height: 0px;
	padding: 0px;
}
.DivClearSpacious {
	clear: both;
	margin: 8px 0px;
	height: 0px;
	padding: 0px;
}
#DivFoot {
	clear: both;
	margin: 0px;
	border-top: 1px solid #FFAAAA;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
#DivGlobe {
	/*background-color: FFFDEB;*/
	background-image: url(../images/picLayout/Globe5.gif);
	background-position: center center;
	margin: 0px;
	padding: 2px;
	height: 64px;
	width: 90px;
	position: absolute;
	top: 12px;
	right: 10px;
	background-repeat: no-repeat;
}
#DivHead {
	background: #FFFDEB;
}
#DivHeadPrintOnly {
	width: 90%;
	margin: 0px 0px -16px;
	padding: 0px;
}
.DivItem {
	margin: 8px 0px 24px;
	padding: 8px;
	float: left;
	width: 98%;
	background: #fffbfb;
	border-top: 1px solid #fbcccc;
	border-right: 1px solid #cf9999;
	border-bottom: 1px solid #cf9999;
	border-left: 1px solid #fbcccc;
}
.DivItemSideBox {
	margin: 6px 0px 0px;
	padding: 4px 0px 4px 8px;
	float: left;
	width: 18%;
	background: #ffffff;
	border-top: 1px none #ffffff;
	border-right: 2px solid #aaa1aa;
	border-bottom: 2px solid #aaa1aa;
	border-left: 1px none #ffffff;
}
.DivItemSpec {
	margin: 0px;
	padding: 4px 0px 4px 8px;
	float: left;
	width: 150px;
	background: #ffffff;
	border-top: 1px none #ffffff;
	border-right: 2px solid #aaa1aa;
	border-bottom: 2px solid #aaa1aa;
	border-left: 1px none #ffffff;
}
#DivLeft {
	float: left;
	width:15%;
	padding: 8px 16px 8px 4px;
	margin: 8px 0px;
}

#DivLeftMaxi {
	float: left;
	width:20%;
	padding: 8px 16px 8px 4px;
	margin: 8px 0px;
}

#DivLeftMini {
	float: left;
	width:2%;
	padding: 8px 16px 8px 4px;
	margin: 8px 0px;
}
#DivMain {
	float: left;
	width:65%;
	padding: 8px 16px 16px;
	margin: 8px 0px;
	border-left: 1px solid #FFAAAA;
	border-right: 1px solid #FFAAAA;
	background: #FFFFFF;
}
.DivNarrowColumn {
  float: left;
  width: 10em;
}
#DivNavList {
	width: 150px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	background: #FF0033;
	padding-top: 2px;
	padding-left: 1px;
}
#DivNavList a {
	background: url(../images/picLayout/bgdNav_whitearrow.gif) no-repeat;
	padding: 0px 2px 4px 16px;
	width: 133px;
	border: 1px none #FFAAAA;
	text-decoration: none;
	color: #000000;
	display: block;
}

#DivNavList a:hover {
	color: #CC3333;
	background: url(../images/picLayout/bgdNav_yellowarrow.gif) no-repeat;
	border: 1px none #FFFF00;
	list-style: none;
	text-decoration: none;

}
#DivNavList li {
	margin-bottom: 2px;
	font-size: 0.9em;
}

#DivNavList ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-weight: normal;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.DivQuoteRight {
	margin: 6px;
	padding: 8px;
	float: right;
	border-top: 1px solid #EEE6E6;
	border-right: 4px solid #CCC6C6;
	border-bottom: 4px solid #CCC6C6;
	border-left: 1px solid #EEE6E6;
	font-size: 1.1em;
	font-style: italic;
	color: #078F4B;
	font-weight: bold;
	background: #FFFFFF;
	width: 14em;
}
#DivRight {
	float: left;
	padding: 8px 4px 8px 16px;
	margin: 8px 0px;
}
#DivWideList a {
	background: url(../images/picLayout/wideNav320_arrowleft.gif) no-repeat;
	padding: 0px 2px 4px 16px;
	width: 303px;
	border: 1px none #FFAAAA;
	text-decoration: none;
	color: #000000;
	display: block;
}
#DivWideList a:hover {
	color: #CC3333;
	background: url(../images/picLayout/wideNav320_arrowrighttweened.gif) no-repeat;
	border: 1px none #FFFF00;
	list-style: none;
	text-decoration: none;
}
#DivWideList li {
	margin-bottom: 2px;
	font-size: 0.9em;
}
#DivWideList ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-weight: normal;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.DivTextColumn35 {
	margin: 4px 4px 4px 24px;
	padding: 0px;
	float: left;
	border-top: none #EEE6E6;
	border-right: none #EEE6E6;
	border-bottom: none #EEE6E6;
	border-left: none #EEE6E6;
	width: 35%;
}
.DivTextColumn50 {
	margin: 4px 4px 4px 24px;
	padding: 0px;
	float: left;
	border-top: none #EEE6E6;
	border-right: none #EEE6E6;
	border-bottom: none #EEE6E6;
	border-left: none #EEE6E6;
	width: 50%;
}
.DivTextColumn60 {
	margin: 4px 4px 4px 24px;
	padding: 0px;
	float: left;
	border-top: none #EEE6E6;
	border-right: none #EEE6E6;
	border-bottom: none #EEE6E6;
	border-left: none #EEE6E6;
	width: 60%;
}

.DivTextColumn75 {
	margin: 4px 4px 4px 24px;
	padding: 0px;
	float: left;
	border-top: none #EEE6E6;
	border-right: none #EEE6E6;
	border-bottom: none #EEE6E6;
	border-left: none #EEE6E6;
	width: 75%;
}
#DivWelcomeRow {
	color: #FFFFFF;
	background-color: #CC3333;
	padding: 4px 1px 1px;
	height: 18px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 3px 0px 0px;
	border-top: 2px solid #FFAAAA;
	border-right: 2px solid #CC3333;
	border-bottom: 3px solid #993333;
	border-left: 2px solid #CC3333;
}
#DivWideList {
	width: 320px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	background: #FF0033;
	padding-top: 2px;
	padding-left: 1px;
	overflow: visible;
}
.DivYearBox {
	margin: 0.7em 0.6em 0em 0em;
	padding: 8px 4px 8px 8px;
	float: left;
	width: 2.5em;
	background: #FFFCFC;
	border-top: 1px solid #FFDDDD;
	border-right: 2px solid #AA9999;
	border-bottom: 2px solid #AA9999;
	border-left: 1px solid #FFDDDD;
	font-size: 2em;
	color: #553333;
	font-style: normal;
	font-weight: normal;
}

/* ---- 3. Paragraphs and lists etc ------*/
a.MenuLink {
	color: #FFFFFF;
	text-decoration: none;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
a:hover.MenuLink {
	color:#FFFF66
}

a.LinkStdColour {
	color: #990000;
}
a:hover.LinkStdColour {
	color:#FF0000
}

.AdditionalInfoHeading {
	font-style: italic;
	font-weight: bold;
	margin-bottom: 0px;
}
.BackgroundText {
	color: #226679;
	font-style: italic;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

.ESRSolutions {
	font-size: 0.8em;
	color: #110099;
	text-align: center;
	margin: 4px;
	padding: 4px;
}
.HeadingBoxLikeTab {
	padding: 0px;
	width: 9em;
	background: #FAF0C3;
	height: 19px;
	margin: 8px 8px 8px 1px;
	border-top: 0px none #FFFFFF;
	border-right: 2px solid #CC3333;
	border-bottom: 1px solid #CC3333;
	border-left: 0px none #FFFFFF;
	font: bold normal 1em Arial, Helvetica, sans-serif;
	color: #c60000;
	clear: both;
	float: left;
	text-align: center;
	text-decoration: none;
	}

.HeadingBoxLikeTab:hover {
	color: #F60000;
	background: #FFF0C3;
/*	border-right: 2px solid #DD3333;
	border-bottom: 1px solid #BC3333;
*/
}

.HeadLight {
	color: #DD0000;
}
.InlineTitle {
	color: #CC3333;
	font-weight: bold;
}
.MenuCell {
	color: #FFFFFF;
	padding: 0px;
	height: 18px;
	margin: 0px;
	border-top: 1px solid #FF9999;
	border-right: 2px solid #880000;
	border-bottom: 2px solid #880000;
	border-left: 2px solid #FF9999;
	background: #CC3333;
	width: auto;
	}
	.MenuCellBlank {
	color: #FFFFFF;
	padding: 0px;
	height: 18px;
	margin: 0px;
	border-top: 1px solid #CC3333;
	border-right: 2px solid #CC3333;
	border-bottom: 2px solid #CC3333;
	border-left: 2px solid #CC3333;
	background: #CC3333;
	width: auto;
}
.MenuCellCurrent {
	padding: 0px;
	width: auto;
	background: #FF0033;
	height: 18px;
	margin: 0px;
	border-top: 1px solid #BB3333;
	border-right: 2px solid #FF9999;
	border-bottom: 2px solid #FF0033;
	border-left: 2px solid #BB3333;
	}
.MenuTable {
	color: #FFFFFF;
	border-collapse: separate;
	/*border-spacing: 1px;*/
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #FF9999;
	border-right: 1px solid #880000;
	border-bottom: 1px solid #880000;
	border-left: 1px solid #FF9999;
	background: #cc3333;
	width: 100%;
	}

.NewsItem {
	border-bottom: 1px none #FFAAAA;
	border-top: 1px none #FFAAAA;
	margin: 0px 4px 4px;
	border-right: 1px none #FFAAAA;
	border-left: 1px none #FFAAAA;
	padding-top: 0px;
	padding-bottom: 4px;
}
.NewsPosted {
	margin: 6px 4px 0px;
	padding-top: 8px;
	padding-bottom: 0px;
	color: #4382A7;
	font-style: italic;
	border-top: 1px solid #FFAAAA;
	border-right: 1px none #FFAAAA;
	border-bottom: 1px none #FFAAAA;
	border-left: 1px none #FFAAAA;
}

.ParaAfterList {
	margin-top: 0.5em;
}
.ParaEvent {
	padding-bottom: 1em;
	padding-left: 1.4em;
}
.ParaEventHead {
	color: #CC3333;
	padding-left: 1.4em;
	font-weight: bold;
	margin-bottom: 0em;
}
.ParaFineprint {
	font-size: 0.8em;
	color: #dd6666;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 4px;
}

.ParaRefUnderPic {
	margin-top: 0.5em;
	text-align: right;
	margin-bottom: 1.0em;
}
.paraSpaceBefore {
	margin-top: 1.5em;
}

.ParaTextToCome {
	font-style: italic;
	color: #336666;
}
.pBackToTop {
	font-size: 0.8em;
	color: #339999;
	text-align: right;
	margin-top: 8px;
	margin-bottom: -8px;
}
.pCentreSmall {
	font-size: 0.8em;
	text-align: center;
	margin: 2px;
	padding: 2px;
}
.PrimaryMenuCell {
	height: 21px;
	width: 120px;
	margin: 0px;
	padding: 0px;
	background: top;
}
.PrimaryMenuImage {
	margin: 0px;
	padding: 0px;
	height: 21px;
	width: 120px;
	border-width: 0px;
}
.PrimaryMenuTable {
	margin: -5px 0px;
	padding: 0px;
	width: 100%;
	border-width: 0px;
}
.SidebarTitle {
	color: #CC3333;
	margin: 4px;
	padding: 0px;
	font-weight: bold;
}
.spacious {
	padding: 0px;
	margin-top: 8px;
	margin-left: 8px;
}

.SummaryHeading {
	font-style: normal;
	font-weight: bold;
	margin-bottom: 0px;
	color: #cc3333;
	font-size: 1em;
	margin-top: 8px;
}

.TextPale {
	color: #cf4444;
}
.Warning {
	font: bold 1.6em "Courier New", Courier, monospace;
	color: #ee1111;
	text-align: center;
	background: #FFFFaa;
	border: 4px dashed #CC0000;
}
.UpdateItem {
	margin-top: 1em;
	margin-bottom: 1em;
	font-style: italic;
	font-weight: normal;
}

/* ---- 4. Image containers  ------*/
.ImageFloatCenterShadowed {
	margin: 6px 6px 6px 24px;
	padding: 10px;
	float: left;
	border-top: 1px solid #EEE6E6;
	border-right: 4px solid #CCC6C6;
	border-bottom: 4px solid #CCC6C6;
	border-left: 1px solid #EEE6E6;
}
.ImageFloatLeft {
	margin: 4px 4px 4px 0px;
	padding: 0px;
	float: left;
	border: 1px solid #EEE6E6;
}
.ImageFloatLeftNoBorder {
	margin: 4px 4px 4px 0px;
	padding: 0px;
	float: left;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.ImageFloatLeftShadowed {
	margin: 6px 12px 6px 0px;
	padding: 0px;
	float: left;
	border-top: 1px solid #EEE6E6;
	border-right: 4px solid #CCC6C6;
	border-bottom: 4px solid #CCC6C6;
	border-left: 1px solid #EEE6E6;
}
.ImageFloatRight {
	margin: 4px 0px 4px 4px;
	padding: 0px;
	float: right;
	border: 1px solid #EEE6E6;
}
.ImageFloatRightNoBorder {
	margin: 4px 0px 4px 4px;
	padding: 0px;
	float: right;
	border-top: none #EEE6E6;
	border-right: none #EEE6E6;
	border-bottom: none #EEE6E6;
	border-left: none #EEE6E6;
}
.ImageFloatRightShadowed {
	margin: 6px 0px 6px 6px;
	padding: 0px;
	float: right;
	border-top: 1px solid #EEE6E6;
	border-right: 4px solid #CCC6C6;
	border-bottom: 4px solid #CCC6C6;
	border-left: 1px solid #EEE6E6;
}

.ImageWithLinkShadowBox {
	margin: 3px 0px;
	padding: 0px;
	border-width: 1px 2px 2px 1px;
	border-color: #330000;
}

.ImageWithLinkThinBorder {
	margin: 3px 0px;
	padding: 0px;
	border: 1px solid #330000;
}

/* ---- 5. Tables ------*/
.TableSpacious {
	/* 1. Std table format, with lines*/
	border-collapse:collapse;
	border: 1px solid #fbcccc;
	margin: 1.2em 0em;
}
.TableSpacious td {
	padding: 0.7em 0.6em 1.0em;
	vertical-align:baseline;
	border: 1px solid #fbcccc;
}
.TableSpacious th {
	border: 1px solid #fbcccc;
	padding: 0.6em;
	vertical-align:baseline;
	font-weight: bold;
	color: #DD0000;
	text-align: left;
	background: #fbcccc;
}
.TableNoLine {
	/* 3. For lists of links, docs. Tighter heights than Clear, but less than Bulk. Was TableTight*/
	border-collapse:collapse;
	margin: 0.1em 0em 1em;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.TableNoLine td {
	padding: 0.5em 0.6em;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	vertical-align:baseline;
}
.TableNoLine th {
	padding: 0.4em 0.6em 0.3em;
	vertical-align:baseline;
	font-weight: bold;
	color: #DD0000;
	border-bottom: 1px solid #FFAAAA;
	text-align: left;
}
.TableStd {
	/* 1. Std table format, with lines*/
	border-collapse:collapse;
	border: 1px solid #fbcccc;
	margin: 1em 0em;
}
.TableStd td {
	padding: 0.4em 0.6em;
	vertical-align:baseline;
	border: 1px solid #fbcccc;
}
.TableStd th {
	border: 1px solid #fbcccc;
	padding: 0.4em 0.6em;
	vertical-align:baseline;
	font-weight: bold;
	color: #DD0000;
	text-align: left;
	background: #fbcccc;
}


/* ---- 6. MEDIA SPECIFIC ------*/

@media screen {
	#DivHeadPrintOnly {
		display:none;
	}
}	

@media print {
	body {
		font: 10pt "Times New Roman", Times, serif;
	}
	#DivHead {
		display:none;
	}
	#DivLeft {
		display:none;
	}
	#DivRight {
		display:none;
	}
	#DivFoot {
		display:none;
	}
	.pBackToTop{
		display:none;
	}
	#DivMain{
		width:90%;
		border-right:none;
	}
}