html
	{
	height:100%;
	}

body {
	font:75% arial, helvetica, sans-serif; 
	min-width: 700px;
	margin:0;
	padding:0;
	color: #000000;
	/*background: #E6EBF1;;*/
	}

td {font-size:0.9em}
tr>td {font-size:1em}

ul, li {
	margin: 0;  
	padding: 0; 
	}
	
h1 
{
	font-size:160%; 
	color: #35517A;
}
h3 
{
	font-size:1.1em; 
	color:#000;	
	font-weight:normal;
}
h4 
{
	font-size:1em;   
	color: #000; 
}

p {padding: 0px; margin: 0 5px 10px 0px; line-height: 1.3em;}

a {color:#336699;}
a:link {color:#336699;}
a:visited {color:#CC6600;}
a:hover, a:focus {text-decoration: none; color:#FF9900;}



dl {margin-left: 22px;}
dt {font-weight: bold;}
dd {margin: 0 0 7px 2.5em;padding: 0px;}

.TableHeading     {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color:#336699;; line-height: 100%; margin-top: 0px; margin-bottom: 2px}

.normal {font-size: 100%;padding-bottom:2px;padding-top:2px;}

/* Layout */

#header {
	background: #B3C4D5;
}

#centre 
{	
	/*margin: 0 20% -15px 155px;*/
	background:#fff;
	height:100%;
}

* html #centre {margin-left:-3px;margin-right:-3px;}

* html #centre {width: 100%;} /* Declare width on container for IE bug, hidden from other browsers */

#footer {
	clear: both;
}

/* 
***************************************
STANDARD TEMPLATE
***************************************
*/

/* header */
#header p.date {
	background-color:#84A6D0;
	padding: 5px 10px 0px 0px;
	margin: 0;
	width: 155px;
	height:21px;
	float: left;
	color: #fff;
	text-align:right;
	font-size: 80%;
	border-right: 1px #fff solid;
	overflow: hidden;
	white-space: nowrap;
}
#header>p.date {width: 155px;}
#header ul 
{
	font-size: 90%;
	margin: 0;
	background-color:#B3C4D5;
	margin-left: 155px;
	padding: 0;
}
#header ul li {
	float: left;
	padding: 3px 0 2px 10px;
	list-style: none;
}
#header a {
	color: #263F64;
}

#header h1 {
	padding: 0;
	margin: 0;
	width: 100%;
	background: #4E7BBC url(../images/bgBanner_Standard.gif);
	border-top: 1px #fff solid;
	clear:left;
}

#header input 
{
	margin: 0 0 0 0;
	height:21px;
}

/* center */
#centre div.content
{
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 100%; 
	font-weight: normal; 
	color: #000000;  
	background:#fff;
	padding:0 10px 10px 10px; 	
}

*html #centre div.content{width:100%;}

#centre div.normal 
{
	font-size: 100%; 
	padding-bottom:2px;
	padding-top:2px;
}

#centre p.normal 
{
	font-size: 100%; 
	padding-bottom:2px;
	padding-top:2px;
}

#centre span.normal 
{
	font-size: 100%; 
	padding-bottom:2px;
	padding-top:2px;
}

#centre li.normal
{
	color: #000000;
	list-style-type: none;
	background: url(../images/arrow_sm.gif) no-repeat 0 8px;
	padding: 4px 0px 0px 15px;
	margin-left: 40px;
	margin-right: 40px;
}

#centre p#breadcrumbs 
{
	margin: 0;
	padding: 5px 0 6px 5px;
	color: #35517A;
	border-bottom:1px #e3e3e3 solid;	
	border-top:1px #9ebfe0 solid;
}

#centre h3 {
	margin: 0 0 2px 20px;
	padding-left: 0;
	font-weight:bold;
}

#centre h3.homepage 
{
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 100%; 
	font-weight: bold; 
	color: #336699; 
	margin: 10px 0 0px 0px;
}

#centre ul
{
	margin-top: 10px;
	margin-bottom: 15px;
}

#centre li
{
	color: #000000;
	list-style-type: none;
	background: url(../images/arrow_sm.gif) no-repeat 0 8px;
	padding: 4px 0px 0px 15px;
	margin-left: 40px;
	margin-right: 40px;
}

/* NB these are default stylings for a table. Individual pages can override these styles in the 
	head of the document. They should use the col attribute for styling columns, and add classes to the <tr> to 
	style rows. */
table {
	margin: 10px 0px 10px 0px;
	font-size: 100%;
	border:1pt solid #9EBFE0;
}

table.noborder {
	margin: 10px 0px 10px 0px;
	font-size: 100%;
	border:0pt solid #fff;
}

caption {
	color: #036;
	font-weight: bold;
	margin-left: 20px;
}

td{font-size: 100%;}
td.normal{font-size: 100%;}

td.tableheadingdark {background-color: #9EBFE0; font-weight: bold;}
td.tableheadinglight {background-color: #9EBFE0; font-weight: bold;}
th.tableheadingdark {background-color: #9EBFE0; font-weight: bold; text-align: left}
th.tableheadinglight {background-color: #9EBFE0; font-weight: bold; text-align: left}
td.tablecelldark {background-color: #D5E1EB; font-weight: normal; text-align: left}
td.tablecelllight {background-color: #E6EBF1; font-weight: normal; text-align: left}

tr.rowdark {background-color: #D5E1EB; color: #000000}
tr.rowlight {background-color: #E6EBF1; color: #000000}

a.breadcrumbs {color:#336699;}
a.breadcrumbs:visited {color:#336699;}
a.breadcrumbs:hover, a:focus {text-decoration: none; color:#FF9900;}

/* Forms */

#centre fieldset {
	margin: 5px 20px;
	padding-bottom: 10px;
	border-color: #e6ebf1;
	} 
#centre legend { 
	font-size: 140%; 
	color: #036; 
	padding: 10px;}
	
	
#centre label, #centre input, #centre select { 
	font-size: 1em;
	display: block; 
	margin: 0px;}
	
#centre form div {
	width: 90%;}
	
#centre label { 
	clear: left; 
	width: 12em;}
	
#centre label.cbox { 
	width: auto;}
	
#centre .wide label {
	width: auto;
	padding-bottom: 5px;		
	}
#centre label input {
	margin: -1px 5px 0 5px;
}	
#centre form p { 
	clear: both;}
	
#centre #content p.strapline { 
	font-size: 1.3em; 
	color: #333;}

#centre  .submit {
	font-size: 100%;}

#centre hr
{
	color:#E3E3E3;
	border:0pt solid #E3E3E3;
	background-color:#E3E3E3;
	height:1px;
}

/* Highlight box */
div.highlight 
{
	margin: 10px 0 0 0;
	padding-top: 0px;
	padding-left: 0px;
	background: #F4F4F5;
	border:1pt solid #E3E3E3;
}

.highlight img {
	float: left;
	margin: 0 5px 0px 10px;
	border: 1px #036 solid;
}

/* content Highlight box */
.contenthighlight {
	padding: 5px;
	background: #F4F4F5;
	border:1pt solid #E3E3E3;
}

/* footer */

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer ul {
	background-color: #4375b4;
	text-align: center;
	padding: 2px;
	border-bottom: 1px #fff solid;
}
#footer li {
	display: inline;
	margin-right: 10px;
}
#footer p {
	background: #87a4d0;
	color: #fff;
	margin: 0;
	text-align: center;
	padding: 8px;
}