/* THIS DOCUMENT WAS CREATED BY PHASE NEW MEDIA /*


/* STRUCTURE -

1. -- GLOBAL STYLES  - set defaults for body - ad scroll bars
2. -- HEADER STYES - header sction contains hero image logo and anav
3. -- BODY STYLES - body section is the main page content

/*

		
/* ***********************************************************************************************************  */	
/* ************************************************* GLOBAL STYLES ******************************************  */
/* ***********************************************************************************************************  */



/* remove default border from images */
img { behavior: url(style/iepngfix.htc); border: none; display: block; }


/* add scroll bars in firefox and safari if page is too short - main bg image also added */
html { 	background: url(../images/bg_page_long.jpg) repeat-x; }

/* set font sizes also add watermark for viewing in firefox */
body {
	font-size: small;
	font-family: Arial, Helvetica,  sans-serif;
	margin: 10px 0 0;
	background: url(../images/bg_watermark_jigsaw.png) right 630px no-repeat;  
	}

	
/* real problems arise when using z-index to set position behind the centrer mozilla does not understand z-1 and will display nothing and explorer bugs out when centrer is positioned relatively -
thus I have used the bg of the body tag to show the image in firefox and set the zindex to -1 for explorer - which hides it in firefox */

/* Hides from IE-mac \*/
* html  body  {
	background: none;
	} 
	
#watermark { position: absolute; right: 0;	top: 630px; z-index: -1; }		
/* End hide from IE-mac 


/* Centre Page */
#centrer {
	margin: 0 auto 40px;
	padding: 0 0 20px 0;
	width: 700px;
	background: url(../images/bg_body.png);
	color: #163761;
	min-height: 1200px;
}


/* Hides from IE-mac \*/
* html  #centrer  {
	background-color: transparent;
	background-image: url(../blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bg_body.png", sizingMethod="scale");
	} 
/* End hide from IE-mac */
	
		
/* ***********************************************************************************************************  */	
/* ************************************************* HEADER SECTION ******************************************  */
/* ***********************************************************************************************************  */

/* header section - the header contains the logo - hero img and right hand col - these are positioned absolute from the relative position of the header */
#header {	position: relative;	}

/* logo is brought in seperately from the hero image so that it can be used in a print style */
#logo {	position: absolute;	top: 40px;	left: 26px;	}
	
/* right hand col */
#right_col_nav { position: absolute;	right: 20px; top: 290px; width: 165px;	}

#nav { 
	list-style: none;
	background: url(../images/bg_anav.jpg) no-repeat bottom #163761;
	padding: 0 10px 50px;
	margin: 0 0 20px;
	font-size: 85%;
	}
		
#nav li {	display: block;	border-bottom: #2C4A70 solid 1px;	padding: 2px 0;	}
#nav a { text-decoration: none; color: #FFFFFF; display: block;	padding: 3px 5px; }
#nav a:hover { text-decoration: none; color: #FFFFFF; display: block;	background: #2C4A70; padding: 3px 5px; }

.bnav  { 
	background: url(../images/bg_bnav_top.gif) no-repeat top;
	padding: 10px 0 0;
	margin: 0 0 20px;
	}

.bnav ul  { 
	list-style: none;
	padding: 0 10px 50px;
	background: url(../images/bg_bnav.gif) no-repeat bottom;
	margin: 0!important;
	font-size: 85%;
	}
		
.bnav li {	display: block;	border-bottom: #CCCCCC solid 1px; padding: 2px 0; color:#fff;	}
.bnav a { text-decoration: none; color: #FFFFFF; display: block;	padding: 3px 5px; }
.bnav a:hover { text-decoration: none; color: #FFFFFF; display: block;	background: #778B96; padding: 3px 5px; }

.navlink { list-style: none;margin: 0 0 10px;}


/* ***********************************************************************************************************  */	
/* ************************************************** BODY SECTION *******************************************  */
/* ***********************************************************************************************************  */
td {
	font-size:80%;
	padding: 5px 12px 5px 0px;
}
.tablepad {
	padding: 0px 0px 12px 0;
}

/* Page header this is the blue bar streched across the page */	
h1 {
	background: url(../images/bg_h1.jpg) repeat-x #163761 bottom;
	padding: 20px;
	margin: 0;
	text-transform: uppercase;
	font-size: 140%;
	font-weight: normal;
	color: #FFFFFF;
	display: block;
	}
	
/* body section has a set width so that the absolute positioned rh cols can be positioned nest to it */
#bodysection 	{	
				width: 460px; 
				margin: 30px 20px 0; 
				display: block; 
				position: relative;
				}	

/* Into Text - this is the intro text leading into the main body copy */
#bodysection h2 {
	text-transform: uppercase;
	font-size: 120%;
	line-height: 120%;
	margin: 0 0 20px;
	display: block;
	}
	

#bodysection h3 {
	text-transform: uppercase;
	font-size: 120%;
	line-height: 120%;
	margin: 20px 0 10px;
	display: block;
	}
	

/* Paragraph lead in - this is text to head up a paragraph */		
#bodysection h4 {
	font-weight: bold;
	font-size: 85%;
	margin: 20px 0 5px;
	display: block;
	line-height: 140%;
	clear:both;
	}

/* Paragraph lead in - this is text to head up a paragraph */		
#bodysection p {
	font-size: 85%;
	margin: 5px 0 10px;
	display: block;
	line-height: 140%;
	}

#bodysection a { color: #000000; }
#bodysection a:hover { color: #585858; }

#bodysection ul {
		width: 438px; 
		display: block;
		float: left;
		list-style: none;
		font-size: 85%;
		margin: 0 0 20px;
		padding: 10px 10px 5px;
		background-color: #E6E9EE;
		border: 1px solid #FFFFFF;	
		}
		
#bodysection li {
		margin: 0 0 10px;
		background: url(../images/square.gif) no-repeat left 50% !important; 
		padding: 0 0 0 12px;
		}

.forms { width: 100%; border-collapse: collapse; padding:0; background: #E6E9EE; display: block; }
.forms td{ text-align: left;   }
.forms caption { display: block; text-align: left; margin: 0 0 20px; }

.form_item { margin: 5px; font-size: 85%; }

.form_leftitem { padding: 0 0 0 5px;}
.submit { margin: 0 5px 5px 5px; }


/* Bottom box - Grey */

.bottombox {
background:url(../images/bg_btmboxbot.gif) no-repeat bottom;
width: 460px;
padding: 0 0 15px;
float: left;
color: #FFFFFF;
display: block;
}

.bottombox p {
background:url(../images/bg_btmboxtop.gif) no-repeat top;
padding: 14px 12px 0 35px;
margin: 0;
line-height:150%;
}

.bottombox a{ color:#fff!important; text-decoration:none;}
.bottombox a:hover { text-decoration:underline; }
.bottombox a:visited{ color:#fff!important;}



.dropdown {
		display: block; 
		background-color: #E6E9EE;
		padding: 10px;
		margin: 20px 0;
		text-align: right;font-size: 85%;
		border: 1px solid #FFFFFF;
		}
		
.dropdown select { font-size: 100%; margin: 0 0 0 10px; }

.thumb { float: left; padding: 3px;	border: #E6E9EE 1px solid;  margin: 0 10px 0 0; display: block; background-color:#fff;  
}

.thumbright { 
float: right; padding: 3px;	border: #E6E9EE 1px solid;  margin: 0 5px 0 10px; display: block; background-color:#fff;
}

.floatlink { float: left; margin: 0 20px 20px 0; display: block; clear:both; background-color:#8D9FA9;}

.loginform { margin: 0; padding: 10px 10px 0 15px; color:#fff;} 
.loginbtn { margin-right: 4px; padding: 1px 2px 2px; font: 8pt Arial; color: #163761; background: #E6E9EE; border: 1 solid #163761;}

.im 

/* ***********************************************************************************************************  */	
/* ************************************************** FOOTER SECTION *******************************************  */
/* ***********************************************************************************************************  */

#footer {	width: 660px; 
			margin: 30px 20px 0; 
			display: block; 
			position: relative; 
			}	

#footer p {
		color: #163761;
		background-color: #E6E9EE;
		padding: 10px;
		margin: 20px 0;
		text-align: right;
		font-size: 85%;
		}
#footer a { 
		color: #163761;
		text-decoration: none; 
		}
		
#footer a:hover { 
		text-decoration: underline; 
		}
		
.thumbemail { 
		position:absolute; left: 90; margin: 2px 0 2px 12px; background-color:#fff;
}