@charset "utf-8";
/* CSS Document */

/* NOTE:  Each page is divided into 3 sections
                  -- Header (contains breadcrumb trail)
                  -- Container (contains left hand menu navigation) - The basic content page is styled first, then the other pages follow
                  -- Footer
                  -- Margin and padding go clockwise from top.
*/

/* -- set basic rules - general styling & look and feel of generic attributes */
/**{
  margin: 0pt;
  padding: 0pt;
}*/
/*body{
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 80%;
	line-height: 1.5;
}

div.wrapper{
	margin: 0 auto;
	width: 970px;
	text-align:left;
}
*/


div#wrapper
{
	margin-left: auto;
	margin-right: auto;
	width: 970px;
	text-align: left;
}
* html #wrapper{ /* fix for crappy IE6 */
  overflow: visible;
  height: 1px;
}
body
{
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 80%;
	line-height: 1.5;
}

ul, ol{
  margin: 0 0 0.5em 2em;
}
p{
  margin: 5px 0 5px 5px;
  padding: 5px 0 0 0;
  clear: both;
}
a{
  color: #0000CC;
  text-decoration: none;
  text-align:left;
}
a:hover{
  color: #FF9900;
  text-decoration: none;
  text-align:left;
}
a img{
  border: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: right;
}
h1{
	font-weight: normal;
	color: #000000;
	font-size:180%;
	float: left;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: left;
}
table{
  width: 78%;
  border: solid 1px #000;
}
h3{
  font-weight: normal;
  font-size: 110%; 
  color: #000000;
  text-align:left;
  float: left;
  padding: 5px 0 0 5px;
}
h4{
  font-weight: normal;
  font-size: 115%; 
  color: #1095E4;
  text-align:left;
  float: left;
  padding: 0px 0px 0px 5px;
  margin: 5px 0px 5px 0px;
}
h5{
  font-weight: normal;
  font-size: 115%; 
  color: #0066ff;
  text-align:left;
  float: left;
  padding: 0px 0px 0px 5px;
  margin: 5px 0px 5px 0px;
}


/* ------   END set basic rules - general styling & look and feel of generic attributes */
/* -------- CONTAINER (for all pages) ---------- */

/* -- page container   */
/*#container{
	clear:left;
	overflow: hidden;
	width: 970px;
	border: 1px solid 00cc66;
}
* html #container{ /* fix for crappy IE6 */
  overflow: visible;
  height: 1px;
}*/
/* -- END page container */

/* --------- HEADER -------- */
/*------Skip navigation----*/
#skip a, #skip a:hover, #skip a:visited 
 { 
  position:absolute; 
  left:0px; 
  top:-500px; 
  width:1px; 
  height:1px; 
  overflow:hidden;
} 
#skip a:active 
{ 
position:static; 
width:auto; 
height:auto; 
}
/*------END skip navigation----*/

/* -----Header Text-----*/
#pageHeader{
	float: left;
	width: 970px;
	height: 100px;
}
div.header{
  float: left;
  clear: left;
  width: 970px;
  height: 80px;
  background: #D3EDFC;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
div.headerImg{
	float: right;
}


/* -----END Header Text ----*/
/*--------NAVBAR------*/
#menuNavBar{
	font-size: small;
	clear: left;
	float: left;
	display: inline;
	width: 970px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	text-align:left;
	background-color: #FF9900;
}
#menuNavBar a{
	display: block;
	margin: 0;
	color: #ffffff;
	list-style-type: none;
	text-decoration: none;
}
#menuNavBar a:hover{
  color: #000099;
  text-decoration: none;
}
ul.navBar{
  display: block;
  margin: 0;
  width: 100%;
}
ul.navBar li{
	float: left;
	display: block;
  margin: 0;
  padding: 0 0 0 0.5em; 
}
/*---------END NAVBAR--------*/
/* ------ END HEADER --------- */


/* ------- Content ------ */
div.content{
  width: 970px;
  float: left;
  clear: left;
  background-color: #ffffff;
}

div.mainBody{
	width: 728px;
	float: left;
	padding-left: 5px;
	background-color: #ffffff;
}

div.mainBody img{
	float: left;
	padding: 0;
}
div.mainBodyCentre{
  	width: 520px;
	float: left;
	padding-left: 5px;
	background-color: #ffffff;
}

div.mainBodyRight{
  	width: 195px;
	float: right;
	padding-left: 5px;
	background-color: #D3EDFC;
}

/* ------- END content section */
/* -- menu navigation (left hand menu) */
div.menuPageNavigation{
	display: block;
	width: 235px;
	float: left;
	clear: left;
	margin: 0;
	background-color: #1095E4;
	/*background-position: top;*/
	height: 400px;
	padding-left: 0;
	text-align:left;
}

div.menuPageNavigation a{
  display: block;
  margin: 0 5px 0 5px;
  color: #ffffff;
  text-decoration: none;
}
div.menuPageNavigation a:hover{
  color: #000000;
  text-decoration: none;
}
div.menuPageNavigation p{
 font-size: 100%;	
}
ul.menuPageNavigation{
  display: block;
  margin: 0;
  /*width: 233px;*/
}

ul.menuPageNavigation li{
  display: block;
  margin: 8px 0 8px 0;
  padding: 2px 0 10px 0;
  border-bottom: 2px solid #FFFFFF; 
}

/* ------ END menu navigation (left hand menu) */

/* -------- END CONTAINER ----------- */


/* --------- FOOTER ------------- */ 
#pageFooter{
	padding:0 0 0 0;
	width: 970px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	height: 40px;
	background-color: #D3EDFC;
	border-top: 3px solid #ff9900;
	border-bottom: 2px solid #ff9900;
}

#pageFooter a{
  color: #0066ff;
  text-decoration: none;
}
#pageFooter a:hover{
  color: #ff9900;
  text-decoration: none;
}

#pageFooterBottom{
	padding:0 0 0 0;
	width: 970px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	height: 40px;
	background-color: #FFFFFF;
}
#pageFooterBottom a{
  color: #0066FF;
  text-decoration: none;
}
#pageFooterBottom a:hover{
  color: #ff9900;
  text-decoration: none;
}
div.pageFooterLeft{
  float: left;
  width: 400px;
}
div.pageFooterRight{
  float: right;
  width: 330px;
}

/* --------- END FOOTER --------- */