/**************************
 Colours in this sheet:
#dc2236 = borders dc2236
#D2DFAA FFE59D= dark shade 
#F2F4C5 = light shade F2F4C5
***************************/

/* Main Structural Elements */
body {
/* IE Workaround Begin */
	text-align : center;
/* IE Workaround end */	
	margin:0;
	padding:0;
	color : #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#mainContainer {
	background:url(../images/header.jpg) no-repeat top center;
	border: 1px solid #dc2236;
}

#colContent {
border-left: 1px solid #dc2236;	
	margin-left: -1px
}

p.pagertop {
	border-bottom: 1px solid #dc2236;
	border-left: 1px solid #dc2236;
}

p.pagerbottom {
	border-top: 1px solid #dc2236;
	border-left: 1px solid #dc2236;	
}
#header {
	background : #fff1d0;
	border-bottom : 1px solid #dc2236;
	border-top : 1px solid #dc2236;	
}

/*#tocBox {
	border-right: 1px solid #dc2236;

}*/

#footer {
	background : #fff2cd;
	border-top:1px solid #dc2236;
}

.copyright {
		border-left:1px solid #dc2236;	
		margin-left:14px
}

/* previous/next page links & paragraph */

p.backandforward {
		
}
#mainLayoutTable {
	border-collapse:collapse;
	border-left:1px solid #dc2236;
	border-right:1px solid #dc2236;	
	border-bottom:1px solid #dc2236;	
	margin:-3px auto 0 auto;
	padding:0;
	width:750px;
}
.mainContent table {
	border : 1px solid #dc2236;
	background-color: #F2F4C5;
	font-size: 12px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	width: 80%;
}

td .mainContent {
	margin-right:110px;
	padding: 10px;
	}	
td {font-family: arial,verdana,helvetica; font-weight:normal; color: #000000;}

ul li {
	font-family: arial,verdana,helvetica;
	font-size : 12px;
	color: inherit;
	list-style-position: outside;
	list-style-type: square;
	margin-bottom: 5px;

} 
ol li {
	font-family: arial,verdana,helvetica;
	font-size : 12px;
	color: inherit;
	list-style-position: outside;
	margin-bottom: 5px;
	list-style-type: decimal;

}


/* Headings */
h1 {
	font-family: "times new roman",garamond,serif;
	font-size:24px;
	font-weight:normal;
	color: #dc2236;
}
h2 {font-family: "times new roman",garamond,serif; font-size:20px; font-weight:bold; color: #dc2236;}
h3 {font-family: frutiger, arial, verdana, helvetica, sans-serif; font-size:13px; font-weight:bold; color: #000000; text-transform:uppercase;}
h4 {
	font-family: frutiger, arial, verdana, helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color: #dc2236;
	margin-bottom: 0px;
}
h1.mainheading {font-family: frutiger, arial, verdana, helvetica; font-size:24px; font-weight:bold; color: #dc2236;}

/* Additional Styles */

input {font-family: arial,verdana,helvetica; font-size:12px; color: #000000}
textarea {font-family: arial,verdana,helvetica; font-size:12px; color: #000000}
.connector {
	margin-top : 3px;
	margin-bottom : 1px;
}

a:link { color: #005A9C;}
a:hover { color: #dc2236;}
a:visited {color:#674927 ;}

ul {
	margin-top : 0px;
}
.nobottom {
	margin-bottom : 0px; 
}
.example {
	margin-left : 10px;
}
pre {
	font-family : arial,verdana,helvetica; 
	font-size : 12px;
	background-color  :  #E9F4E3;
	line-height: 20px;
	padding : 6px 10px 6px 10px;
}
.examplehead {
	font-family : arial,verdana,helvetica; 
	font-weight : bold;
	font-size : 12px;
	color : #dc2236;
	margin-bottom : 4px;
}
.footnote {
	font-size : 10px;
	margin-bottom : 6px;
}
.exampleblock {
	margin : 10px;
	padding : 10px 0px 10px 0;
	background-color : #fff1d0;
}

.exampleblock h2 {
	color : #dc2236;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:14px;
	margin-top: 0px;
	padding : 5px 10px 5px 10px;
	border-top:3px solid white;
	border-bottom:3px solid white;
	background-color: #ffd36e;
	}

.exampleblock p {
	color : #000000;
	font-weight : normal;
	margin-left: 10px ;
	margin-right: 10px;
}

.exampleblock h4 {
	margin-left: 10px ;
	margin-right: 10px;

}


.exampleblock li {
	color : #000000;
	font-size : 12px;
}
.exampletitle {
	width : 400px;
	margin : -10px -10px -10px -10px;
	padding : 2px;
	background-color : #D7E4DF;
}

.closerlookblock {
	margin : 0px 10px 10px 10px;
	padding : 0px 10px 10px 10px;
	background-color : #E3ECE9;
	color : #000000;
	font-weight : normal;
}

.closerlookblock h2 {
	margin-top : 5px;
}

td.closerlookblock {
	color : #005A9C;
}

.closerlookblock table {
	margin-bottom : 10px;
}
.closerlookblock table th {
	background-color: #ECF2EF;
}

.closerlookblock table te {
	background-color: #ffffff;
}


.closerlooktable {
	color : #005A9C;
	border-top: thin solid #005A9C;
	border-right: thin;
	border-bottom: thin solid #005A9C;
	border-left: thin;
	margin: 10px;

}

.closerlookhead {
	font-family : arial,verdana,helvetica; 
	font-weight : bold;
	font-size : 12px;
	margin-bottom : 4px;
}

.exampletable {
	margin : 10px 10px 10px 10px;
}

.pullquote {
	text-align : right;
	text-transform: uppercase;
	margin : 15px 5px 15px 15px;
	color : #005A9C;
	font-size: 11px;
	font-weight : bold;
	line-height: 30px;
	}
li p {margin-bottom : 2px; margin-top : 3px;}
ol p {margin-bottom : 2px; margin-top : 3px;}
ul p {margin-bottom : 2px; margin-top : 3px;}
ol ul {margin-bottom : 2px; margin-top : 2px;}
.faqquestion {
	font-family : arial,verdana,helvetica,sans-serif; 
	font-size : 12px;
	font-weight : bold;
	color : #dc2236;
	margin-bottom : 8px;
}

/*
This is for conditions where you have a bold, coloured inline header in a block 
of example text.
*/
.exampleheadinline {
	font-weight : bold;
	color : #005A9C;
}


/* end Iain Lowe's edits */
.homeContent {font-family: arial,verdana,helvetica; font-size:11px; font-weight:normal; color: #000000;}

.headerBlock {
	background-color: #E3ECE9;
}

td.heading3 {background-color : #ffffff;}
.chartHeading1 {font-family: arial,verdana,helvetica; font-size:14px; font-weight:bold; color: #005A9C;}
.colour1 {background-color: #dc2236;}
.colour2 {background-color: #D2DFAA;}
.colour3 {background-color: #B7B9D4;}
.colour4 {background-color: #dce7e2;}
.colour5 {background-color: #ffffff;}
.tocContent {font-family:arial,verdana,helvetica; font-size:12px; font-weight:normal;  margin : 0 5px 5px 10px; padding-top: 0px;}
.tocHead {font-family:arial,verdana,helvetica; font-size:12px; font-weight:bold; margin : 17px 5px 5px 0px; }
.tocContent a {color:#674927; text-decoration: none;}
.tocContent a:hover {color:#dc2236; text-decoration: underline;}
.tocHead a {color:#dc2236; text-decoration: none;}
.tocHead a:hover {color:#dc2236; text-decoration: underline;}
a.leftNav1 {font-family:arial,verdana,helvetica; font-size:10px; font-weight:normal; color:#666666; text-decoration: none;}
a.leftNav1:hover {font-family:arial,verdana,helvetica; font-size:10px; font-weight:normal; color:#666666; text-decoration: underline;}
a.leftNav2 {font-family:arial, verdana, helvetica; font-size:10px; font-weight:normal; color:#dc2236; text-decoration: none;}
a.leftNav2:hover {font-family:arial,verdana,helvetica; font-size:10px; font-weight:normal; color:#dc2236; text-decoration: underline;}
a.leftNav3 {font-family:arial,verdana,helvetica; font-size:10px; font-weight:normal; color:#000000; text-decoration: none;}
a.leftNav3:hover {font-family:arial,verdana,helvetica; font-size:10px; font-weight:normal; color:#ffffff; text-decoration: underline;}

.contentCell {
	padding: 5px;
}
.inlinehighlight {
	color: #dc2236;
	font-weight: bold;
}
.copyright {
	font-size: 10px;
	margin-top: 5px;
	margin-left: 15px;
	color: #dc2236;
}
.exampleblock table {
	font-size: 12px;
	border : 1px solid black;
	margin-bottom : 10px;

}

.exampleblock h3 {
	color : #000000;
	text-transform:none;
}
#tocBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width : 200px;
	border-right:1px solid #dc2236;
	border-bottom: 1px solid #dc2236;	
/*	border-left:1px solid #dc2236;	*/
}
#tocBox .toctitle {
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	text-align: center;
	text-transform: uppercase;
	font-weight : bold;
	font-size: 10px;
	margin: 0px;
}

#tocBox .toc1 {
	background-color: #ffd36e;
	margin: 0px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	text-transform: uppercase;
	font-size: 10px;
/*	border-bottom : 1px solid #dc2236;	*/
	border-top : 1px solid #dc2236;
}

#tocBox .toc2 {
	background-color: #fff1d0;
	margin: 0px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	text-transform: uppercase;
	font-size: 10px;
	border-top : 1px solid #dc2236;

}
#tocBox .toc3 {
	font-size: 10px;
	text-transform: uppercase;
	margin: 0px;
	padding-top: 8px;
	padding-right: 18px;
	padding-bottom: 8px;
	padding-left: 18px;
	border-top : 1px solid #dc2236;	
}

#tocBox .toc1:hover {
	background-color:#ffe3a1;
}

#tocBox .toc2:hover {
	border-left : 3px solid #dc2236;
	padding-left:7px;
}

#tocBox .toc1 a, .toc1 a:link, .toc1 a:visited {
	color : #674927;
	text-decoration : none;	
}
#tocBox .toc1 a, .toc1 a:hover {
	color : #000000;
/*	text-decoration : underline;*/
}

#tocBox .toc2 a, .toc2 a:link, .toc2 a:visited {
	color : #674927;
	text-decoration : none;	
}
#tocBox .toc2 a:hover {
	color : #000000;
/*	text-decoration : underline;*/

}
#tocBox .toc3 a, .toc3 a:link, .toc3 a:visited {
	color : #666666;
	text-decoration : none;
}
#tocBox .toc3 a:hover {
	color : #000000;
	text-decoration : underline;
}
#tocBox .toc2.currentNav {
		border-left : 3px solid #dc2236;
		padding-left : 7px;
}

#tocBox .toc1.current {
		font-weight:bold;
		border-top-width : 2px 
}


.toctitle a, .toctitle a:link, .toctitle a:visited {
	text-decoration : none;
	color : #000000;
}
.toctitle a:hover {
	text-decoration : underline;
}
.homelink a {
	font-size: 10px;
	text-decoration: none;
}
.headerTable {
	border: 1px solid #dc2236;
}
.exampleblock .exampleoperator {
	font-weight: bold;
	color: #dc2236;
	line-height: 12px;
	margin: 5px 5px 5px 20px;
	
}
.exampletable .headrow {
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	margin: 0px;
	padding-left: 0;
}

.exampletable td.calcline {
	padding-left:0;
}
.exampletable td {
	padding-left:5em;
}

.exampletable .totalline {
	background-color: #ffffff;
	font-weight: bold;
}
a.newWin {
	padding-left: 14px;
	background:url(../images/extLink.gif) no-repeat top left;
}

a.newWinPDF {
	padding-left: 14px;
	background:url(../images/pagePDF.gif) no-repeat top left;
}

div.twoCol .col1 {
	float:left;
	width:240px;
	padding-right: 10px;
	margin-right:0;
}

div.twoCol .col2 {
	float:left;
	width:150px;
	margin-left:0;
	padding-left:10px;
}

div.twoCol .col2Numeric {
	float:left;
	width:100px;
	margin-left:0;
	padding-left:10px;
	text-align:right;	
}

.clear {
	clear:both;
}

.formulaTable {
	border:none;
	margin:12px;
}

.formulaTable td {
	padding: 5px 5px 15px 5px;
	text-align:center;
	vertical-align:top;
}

.formulaTable td.altCell {
	background-color:#fff1d0;
}

/*utility stuff and hacks */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}