/* HTML Styles */

html,body{margin:0;padding:0}

body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%; 
	background-image: url(images/mainback.gif);
	background-repeat: repeat-y;
	background-position: left;
}

#container {
	width: 960px;
}

/* Content Styles */

div#content{
	margin: 30px 0 20px 10px;
}


div#content a {
	text-decoration: none;
	border-bottom: 1px dotted #096290;
	color: #096290;
}

div#content a:link, div#content a:visited {
	color: #096290;
	border-bottom: 1px dotted #096290;
}

div#content p {
	line-height: 150%;
	font-size: 1em;
	width: 200px;
}

div#content p.pagetext{
	color: #800080;
	font-size: 1.4em;
	font-weight: bold;
}

div#content h4 {
	color: #800080;
	background-color: #e4e4e4;
	font-weight: normal;
	/*margin: 10px 0 5px 5px;*/
	margin: 0 0 5px 0;
	font-size: 1.8em;
}
div#content h3 {
	color: #800080;
	background-color: #e4e4e4;
	font-weight: normal;
	/*margin: 10px 0 10px 7px;*/
	font-size: 2.2em;
}

div#content img{
	margin-top: 10px;
}



div#boxcontainer {
	float: right;
	background-color:#E4E4E4;
	color: #000;
	width: 500px;
	padding: 0;
	margin: 0 0 50px 0;
}

div#boxcontainer p {
	font-size: 11px;
	padding: 0;
	margin: 0;
}

div#bigdivone{
	background-color: #E4E4E4;
	color: #000;
	float: right;
	width: 250px;
	/*font-size: 8px;*/
	margin: 0;
	padding: 0 0 0 0;
	height: 300px;
}

div#bigdivone h3 {
	margin: 0 8px 5px 7px;
	font-size: 18px;
}
 
div#bigdivone p{
	/*margin: 0 0 0 10px;*/
	margin: 0 7px 0 8px;
	padding: 0;
	height: 90px;
	font-size: 11px !important;
}
div#bigdivone img{
	/*margin:40px 0 0 0;*/
	margin: 0 7px 0 8px;
	padding: 0;
	background-color: #FFFFFF;
	color: #000;
	display: block;
	/*margin-left: auto;
	margin-right: auto;*/
}


div#bigdivtwo{
	float: right;
	background-color: #E4E4E4;
	color: #000;
	width: 250px;
	/*font-size: 8px;*/
	margin: 0;
	padding: 0;	
	height: 300px;
}


div#bigdivtwo h3 {
	margin: 0 7px 5px 8px;
	font-size: 18px;
} 

div#bigdivtwo p{
	/*margin: 0 0 0 10px;*/
	margin: 0 8px 0 7px;
	padding: 0;
   height: 90px;
   font-size: 11px !important;
}

div#bigdivtwo img{
	/*margin:40px 0 0 0;*/
	margin: 0 8px 0 7px;
	padding: 0;
	background-color: #FFFFFF;
	color: #000;
	display: block;
/*	margin-left: auto;
	margin-right: auto;
	*/
}
div#minidivone{
	background-color: #E4E4E4;
	color: #000;
	float: right;
	width: 163px;
	/*font-size: 8px;*/
	padding: 0;
	margin: 15px 0 0 0;
}

div#minidivone h4{
	margin: 3px 3px 3px 5px;
	font-size: 14px;
}

div#minidivone p{
	width: 150px;
	margin: 3px 3px 3px 5px;
	padding: 0;
	font-size: 11px !important;
}

div#minidivtwo{
	background-color: #E4E4E4;
	color: #000;
	float: right;
	width: 163px;
	border-left: solid #FFFFFF;
	border-right: solid #FFFFFF;
	/*font-size: 8px;*/
	padding: 0;
	margin: 15px 0 0 0;
}

div#minidivtwo h4{
	margin: 3px 3px 3px 5px;
	font-size: 14px;
}
div#minidivtwo p{
	width: 150px;
	margin: 3px 3px 3px 5px;
	padding: 0;
	font-size: 11px !important;
}
div#minidivthree{
	background-color: #E4E4E4;
	color: #000;
	float: right;
	width: 163px;
	/*font-size: 8px;*/
	margin: 15px 0 0 0;
	padding: 0;
}

div#minidivthree h4 {
	margin: 3px 3px 3px 5px;
	font-size: 14px;
}
div#minidivthree p{
	width: 150px;
	margin: 3px 3px 3px 5px;
	padding: 0;
	font-size: 11px !important;
}


/* Banner Styles */

div#banner {
	color: #800080;
	background-color: #fff;
	width: 740px;
}

/* Header */

div#header h1 {
	width: 575px;
	/*height: 54px;This was added for the sake of sIFR replacement to control the height of the rendering*/
	color: #fff;
	font-size: 2em;
	font-weight: normal;
	padding: 13px 0 13px 10px;
	margin: 0;
	/*padding: 13px 0 13px -5px;  These were the orginal padding styles:- padding: 13px 0 13px 10px; OLD SIFR PADDING*/
	background-color: #800080;
	text-align: left;
	
}

h1 {
	margin-top: 50%;
}


div#header img{
	float: right;
}

/* Main Styles */

div#wrapper{
	float: right;
	margin-left: -220px;
	font-size: 1.1em;
	width: 740px;
}

div#logo a img {
	border: 0;
}

div#logo img{
	display:block;
	margin-left: auto;
	margin-right: auto;
	width: 150px;
}
/* Navigation Styles */

div#navigation{
	background-color:#fff;
	color: #000;
}

div#navigation{float:left;width:200px;}

div#navigation span{
	color: #FFFFFF;
	background-color: #800080;
	margin-left: 25px;
}
div#navigation input{
	font-size: 100%;
	width: 125px;
	padding: 0;
	margin-left: 25px;
}
div#navigation label{
	font-weight: bold;
	padding:0;
	margin: 0 0 0 25px;
}
div#navigation form{
	color:#fff; 
	background-color: #800080;
	padding-bottom: 1px;
	padding-top: 5px;
	margin:0px;
	width: 202px;
	height: 45px;
}
div#navigation input.gobut{
	color: #ffffff;
	background-color: #FF0000; /*These border-color and background-color are the same colour for sizing issues.*/
	border: 1px solid #FF0000;
	font-size: 0.9em;
	width: 22px;
	margin: 0 0 0 5px;
	padding: 0;
}
div#navigation p{
	color: #ffffff;
	background-color: #800080;
	margin-top: 5px;
}

/* Sub Navigation Styles */

div.subnav {
	float: right;
	background-color: #E4E4E4;
	color: #000;
	width: 20%;
	
}

div.subnav ul {
	margin: 15px;
	padding: 0;
	
}

div.subnav ul li {
	list-style-type: none;
	
}

/* Footer Styles */

div#footer{
	clear:both;
	color: #fff;
	background-color:#800080;
	width: 730px;
	padding:5px;
	margin: 0;
	
	}

div#footer p{
	float: left;
	margin: 0;
	padding:0;
	display: inline;
	color: #ffffff;
	background-color: #800080;;
	/*font-size: 0.8em;*/
	/*padding-top: 3px;
	padding-left: 3px;*/
}
div#footer ul {
	float:right;
	/*padding: 3px 3px 3px 0;*/
	list-style: none;
	font-size:0.8em;
	margin: 0;
	padding:0;
	/*background-color: #800080;*/
}
div#footer ul a{
	text-decoration: none;
	color: #ffffff;
	background-color: #800080;
	/*background-color: #800080;*/
}
div#footer li{
	display: inline;
}
div#footer li a{
	/*margin:20px 0 0 0;*/
	padding: 1px 5px;
	border-left: 1px solid #ffffff;
}
div#footer li.first {
   border-left: none;
	list-style: none;
	display: inline;
}
div#footer li.first a {
	margin-left: 0;
	border-left: none;
}
div#footer span{
	display: inline;
	float: left;
	margin:0;
	padding: 0;
	color: #ffffff;
	background-color: #800080;
	font-size: 0.8em;
}

/* Extra Styles */

#extra {
	clear: left;
	float: left;
	width: 200px;
}

#extra ul
{
	margin: 35px 0 0 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

#extra a:link, #extra a:visited, #extra a:active
{
	display: block;
	padding: 3px 3px 3px 25px;
	width: 174px;
	background-color: #E4E4E4;
	color: #000000;
	text-decoration: none;
	border-bottom: 2px solid #ffffff;
	font-size:1.2em;
}

#extra a:link, #ul a:visited
{
	text-decoration: none;
}

#extra a:hover
{
	background-color: #800080;
	color: #fff;
}
#extra ul li.option{
	color: #800080;
	background-color: #fff;
}


#extra form.linkbox{
	color: #800080;
	font-weight: bold;
	margin: 30px 0 0 20px;
}

#extra img{
	margin: 30px 0 0 0;
}


div#extra form.linkbox a,
div#extra form.linkbox a:hover{
	background-color: transparent;
	padding:0;
	margin:0;
	border:none!important;
	color:#0083A8;
	font-size:10px;
	width:150px;
}

div#extra form.linkbox a img{
	border:none!important;
}

div#extra form.linkbox img.essa{ /* New style to centre the aec graphic */
	margin: 30px 0 0 0;
}

div#extra form.linkbox img.na{ /* New style to centre the aec graphic */
	margin: 0 0 0 0;
}

div#extra form.linkbox p.naText{
	margin: 0 0 0 4px;
}





div#extra select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
}


#extra img{
	margin: 30px 0 0 0;
}

div#extra form.linkbox img { /* New style to centre the aec graphic */
	margin: 30px 0 0;
}

div#extra form.linkbox img.ft { /* New style to centre the aec graphic */
	margin: 0px 0 0 -10px;
}


div#extra ul#optionlist li a#highlighted,
#container div.noPrint div#extra ul#navlistone li a#highlighted,
#container div.noPrint div#extra ul#navlisttwo li a#highlighted
{
	background-color: #800080;
	color: #fff;
}

/*=Linkheader styles*/
option.linkheader {
	background-color: #800080;
	color: #fff;
	border: 1px solid #fff;
	margin: 5px 0 0 0;
}

/*=Clears*/

.clear {
	clear: both;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
	
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: visible;
	font-size: 40px;
}


.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 30px;
}

.sIFR-hasFlash h3 {
	visibility: visible;
	letter-spacing: -6px;
	font-size: 15px;
	margin: 0 0 0 8px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	/*font-size: 21px;*/
	padding: 0;
	margin: 0;
	width: 100px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}