/* The main structure of the page */

body {
	margin:0;
	padding:0;
	background:url(images/images/top_bg.gif) repeat-x left top;
	color:#333;
	text-align:center;
  	font:80% Arial,Georgia,Serif;
  	voice-family: "\"}\""; voice-family:inherit;
	}

  
#container {
	position:relative;
	width:700px;
	margin:0 auto;
	text-align:left;
	}
	
/* General Tags used to style the document*/

img {border: 0px;}

img a{ color: white; border: none; }
 .ie_fix a { text-decoration: none; } 

span.highlight {
	color: #FF9900 ;
	font-weight:bold;
	}
span.highlightB {
	font-weight:bold;
	}

hr{
	background-color: #707070;
	border-style: none; }
	
h1{ 
	font:  bold 12pt Arial; 
	letter-spacing: 1px; 
	margin-bottom: 15px; 
	color: #E18700;
	}
 


a:link { 
	font-weight: bold; 
	text-decoration: none; 

	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 

	}

	
acronym {
	border-bottom: none;
	cursor:help;
	}
	

/* hidden text - this alows images to display in place of Text where a backround image url is used */

h1, h2, h3 {
  margin:0;
  background-repeat:no-repeat;
  background-position:left top;
  }
  
h1 span, h2 span, h3 span  {display:none;}

  
/* header - centred banner across the middle section of the page.*/

#logo {position:absolute; top:0px; left:0px; border-bottom:0px;}
#pageHeader h1 {
	height:120px;
	background: url(images/images/main_banner.jpg) no-repeat left top;
	}

/* main text block of the pages*/

#mainText {
  	margin:0px 249px 0px 0px;
  	left:0;
	background: url(images/dots_450.gif) repeat left top;
	}

#mainText a:hover { 
	border-bottom: 1px dotted #866F5B;
	text-decoration: none; 
	color:#CC6600;}
	
#mainText .noborder a:hover, a:active { 
	border-bottom: 0px;
	text-decoration: none; }
	
#mainText a{
	color: #FF9900;
	text-decoration: none; 
	}	
	
#mainText p {
	margin:.75em 0;
 	line-height:1.5em;
  	padding:0 20px 0 0 ;
  	text-align:justify;
  }
#mainText p.bold {
	margin:.75em 0;
  	padding:0 40px 0 0 ;
	line-height:1em;
	font-weight: bold; 
  	text-align:center;
  }
#mainText h2 {
	font:  bold 14pt Arial; 
  	/*border:1px solid #A79355;
	border-width: 0 0 1px 0;*/
  	padding:10px 0 5px 0 ;
	}

/* mainText unordered lists*/
	
#mainText ul {
	margin:5px 15px 15px 10px;
	list-style-image: url(images/arrow2.gif);
	list-style-type:circle;
	}
	
#mainText li{
	margin:0 0 15px 10px;
	}
	
#ticklist ul {
	margin:0px 15px 0px 40px;
	list-style-image: url(images/tick.gif);
	list-style-type:circle;
	font-weight: bold; 
	}
	
#ticklist li{
	margin:0 0 0px 10px;
	}
	
/*Form elements*/
	
div.row {
  	clear:both;
  	}

div.row span.label {
	font-size: 90%;
	font-weight:bold;
  	float: left;
  	width: 114px;
  	text-align: left;
  	}

div.row span.formw {
  	float: right;
  	width: 326px;
  	text-align: left;
  	}

div.row1 {
  	clear:both;
  	}

div.row1 span.label1 {
	font-size: 90%;
	font-weight:bold;
  	float: left;
  	width: 265px;
  	text-align: left;
  	}

div.row1 span.formw1 {
  	float: right;
  	width: 174px;
  	text-align: left;
  	}

div.row_extratext {
	font-size: 85%;
	color:#999999;
	float: left;
  	width: 440px;
  	text-align: left;
	}
	
div.spacer {
	line-height:3em;}
	
/* used for aligningh text in the accessibility page - accessibility.htm */

div.row2 {
  	clear:both;
  	}

div.row2 span.label2 {
	font-size: 90%;
	font-weight:bold;
  	float: left;
  	width: 100px;
  	text-align: left;
  	}

div.row2 span.formw2 {
  	float: right;
  	width: 340px;
  	text-align: left;
  	}
	
/* auto expanding text Advert box*/

#expand{
	position:absolute;
	top:280px;
	right:0px;
	width:239px;
	background-image: url(images/box/box_bg.gif);
	}
#expand img{border:0px}	

#expand a{
	color: #FF9900;
	text-decoration: none; 
	}

#expand a:hover, #expand a:active { 
	border-bottom: 1px dotted #866F5B;
	text-decoration: none; 
	color:#CC6600;}
	
#expand #p2{ 
	background-image: url(images/box/bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	margin:0px 0px 0px 0px;
	}

#expand h3{ 
	height:20px;
	background-image: url(images/box/top.gif);
	background-repeat: no-repeat;
	background-position: top center;
	margin:0 0 0 0;
	}

#expand p{ 
	margin:4px 20px 8px 20px;
	}

/*Advert box*/

#expand1{
	position:absolute;
	top:280px;
	right:0px;
	width:239px;
	}
	

/* navigation, using a list as the links - uses a fixed pixel size for the font*/

/* NAVIGATION */

	#nav		{position:absolute; white-space:nowrap; left:10px; top: 89px; width:100%;font-size:11px; margin:0px}
	#nav ul		{margin:0; padding:0; list-style:none;}
	#nav li		{float:left; margin:0; padding:0 0 0 0px;}
	#nav a		{float:left; display:block; width:.1em; padding:0px 11px 0px 11px; border:2px solid #FFFFFF; border-width: 0 2px 0 0;text-decoration:none; font-weight:bold; color:#FFFFFF; }
	#nav > ul a {width:auto;}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#nav a {float:none;}
	/* End IE5-Mac hack */
	#nav a:hover	{color:#FF9330 }
	#nav #current a {color:#FF9330;}
	#nav li:hover, #nav li:hover a {color:#FF9330;}


/* old navigation 

#navigation{
  	position:absolute;
  	top:89px;
  	left:10px;
  	width:100%;
  	margin:0;
	font-size:11px;
	white-space:nowrap; 
	z-index:2
	}

	
#navigation li {
	float:left;
	margin:0;
	display: inline;
	}

#navigation a {
	display:block;
	width:.1em;
	padding:0px 10px 0px 10px;
	border:2px solid #FFFFFF;
  	border-width: 0 2px 0 0;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	}

#navigation a.last {border:0px;padding:0px 10px 3px 10px;}
#navigation li > ul  {width:auto; height:auto;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
/* #navigation a {float:none;} */
/* End IE5-Mac hack */
/*
#navigation a:hover {color:#FF9330;}
#navigation #active a {color:#FF9330;}
#navigation	li ul {display: none; float:none;text-decoration:none;}
#navigation	li ul li{float:none;text-decoration:none;} /* This is the important one for the drop down menu, without float none it will follow tye default*/
/*#navigation	li:hover, #navigation li.over ul{ display: block;text-decoration:none;}
	
#navigation li.over ul a{
	width:110px;
	background:#3333CC;
	border: solid #FFFFFF;
  	border-width: 2px 1px 0 1px;
	padding:2px 10px 2px 10px;
	font-weight:bold;
	text-decoration: none; 
	}
*/
	
/* Extras, adverts and backrounds etc*/

#advert{
  	position:absolute;
	top:135px;
  	right:0;
  	}

#mortgagecode{display: block none;}
#mortgagecode{display: block !important; position: relative; margin-left: 615px; height: 0px; z-index: -1; }
#mortgagecode span{
	position: absolute;
	bottom: 15px;
	width: 70px;
	height: 35px;
	}
	
#advert1	{display: block none;}
#advert1	{display: block !important; position: relative; margin-left: 461px; height: 0px; z-index: 1; }
#advert1 span {
	position: absolute;
	bottom: 269px;
	width: 239px;
	height: 143px;
	}

#footer {
	background: url(images/squares.gif) no-repeat right top;
	right:0px;
	padding:4px 20px 0px 0;
	margin: 0 0px 0 0;
	border-width:1px 0;
	font:10px Verdana,Arial,Sans-serif;
  	text-align:right;
  	}

.smaller {
	font:10px Verdana,Arial,Sans-serif;
  	text-align:left;
  	}
	
#grey {
	margin:5px 0;
  	text-align:left;
	color: #999999;
  	}
#grey a{
	color: #CCCCCC;
	text-decoration: none;  
	border-bottom:0px;
	font-weight:normal;
	}
#hidden
{
visibility: hidden;
z-index: -1;
	position:absolute;
	top:-100px;
	width:700px;
	margin:0 auto;
	text-align:left;
} 

#content {	width: 332px;
	height: 35px;
	top:0px;
	right:0px;
	padding: 0;
	position: absolute;
	text-decoration: none; text-indent: -9999px;
}