/* CSS Document */
body{
	width: 90%; /*880px; 780*/
	height: 90%; /*600px;*/
	margin:10px auto 10px auto;  /*     23/09/08 - Makes all BG blue, not just outside box! */
	padding:0;
	/*margin:0;*/
	background:#CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 7px;*/
	border: ridge #a6a7aa thin;	 /*BACKGROUND-IMAGE: url(/images/structure/bg.gif);
	 BACKGROUND-ATTACHMENT: scroll;
	 BACKGROUND-REPEAT: repeat-y;
	 BACKGROUND-POSITION: top center; */
	
	
	}
	

	
div, img, p, h1, h2, h3, ul, li{

	}
	
/*     23/09/08  THis is not actually used*/
/*Main container*/
/*#container{
	width:780px;
	height:600px;
	margin:10px auto 10px auto;
	background:#000000;       
}*/
	
table.standard{

	background-color: #999999;
	padding: 0 0px 50px 50px;
	font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;	color:#FFFFFF;
	text-decoration:none;
	float:left;
}

table.wide{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	padding: 0 0px 20px -5px;
	float:left;
}

table.wide img{
	width:150px;
	height:200px;
}
	
.blank {
	font-size:0px; line-height:0px; clear:both;
	}
ul{	
	list-style-type:none;
	}
/*---------------upperpan-----------*/
#updiv{
	width:100%; /*99.5%;	- to try to sort gap in header*/
	background:url(/images/structure/updiv_bg.gif) repeat-x #FFFFFD; 
	color:#584200; 
	/*float:inherit; */
	float:left;
	margin: 0 -20px 0 0px; /*24/09/08 changed last 5px to be 0px to fix overlap issue */
	}
/*---------------------header part-------*/
#header{
	width: 100%; /*778px;/*100%; /**/
	margin:0 0 0 0;
	/*background:#FFFFFF;  Added 24/09/08 to sort header gap in white - does not fix*/
	/*margin: 0 0 0 0;*/
/*	height:275px;*/
	}
#header img{
	/*Header image*/
	width:400px;
	height:108px; 
	margin:0px 0 0 49px; /*31px 0 0 49px;*/
	float:left;
	}
#header img.left{
	/*Main left image on each page */
	/*width:243px;*/
	width:300px;
	height:452px;
	margin:10px 0 10px 20px; /*20px 0 0 20px;*/
	float:left;
	
	}
#header leftPhotoCaption{
	/*Main left image caption*/
	/*width:300px;
	height:452px;*/
	margin:10px 0 10px 20px; /*20px 0 0 20px;*/
	float:none;
	}	
/*#header h1{
	font:13px/16px Arial, Helvetica, sans-serif;  background-color:#FEF4D6;
	margin:40px 0 0 17px; width:114px;	display:block;	float:left;	color:#988345;	font-weight:normal;
	}*/
#header ul{
	width:306px;
	display:block;
	margin:15px 0 0 49px;
	float:left;
	font-size:0px;
	}
#header ul li{
	display:block;
	margin:0 1px 0 0px;
	float:left;
	}
#header ul li a{
	display:block;
	height:74px; /*74*/
	text-indent:-2000px;
	}
#header ul.navi{
	width:768px;
	display:block;
	margin:0px 0 0 0px;
	float:left;
	font-size:0px;
	padding:0 0px 0 0px;
	}
#header ul.navi li{
	display:block;
	margin:0 5px 0 5px;
	float:left;
	width:71px;
	}
#header ul.navi li a.navi1{
	background:url(/images/structure/navi_bg.gif) no-repeat; width:85px; /*background-color:#FEF4D6;*/
	font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;	color:#FFFFFF;
	text-decoration:none; padding-top:9px;	height:20px; text-indent:-10px; text-align:center; 
	}
#header ul.navi li a.nobor{
	background:url(/images/structure/navi_bg1.gif) no-repeat; width:85px /*61*/;	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	font-weight:bold; color:#FFFFFF; text-decoration:none; height:29px;	text-indent:0px;
	text-align:center;	line-height:29px;  /*background-color:#FEF4D6;*/
	}
#header ul.navi li a.navi1:hover{
	background:url(/images/structure/navi_bgh.gif) no-repeat; width:85px;
	}
#header ul.navi li a.nobor:hover{
	background:url(/images/structure/navi_bgh.gif) no-repeat; width:85px;
	}

#header h2 span{
	font-size:30px;
	}

#header h3{
	font-size:24px; 
	line-height:22px;
	width:auto;
	font-weight:normal;
	margin:0 0 0 0px; 
	padding:0px 60px 0 1px; 
	display:block; 
	float:right;
}

#header table{
	/*background-color: #999999;*/
	/*margin: auto auto auto auto;*/
	padding: 200px 0px 00px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	/*color:#FFFFFF;*/
	text-decoration:none;	/*float:left;
	bgcolor:#999999;
	float: none;*/
}


#middleVert{
	/*Middle class to encapsulate left and right to allow correct spacing/colour etc */
	background:#ffffff;
	width: 100%;
	float:left;
	z-index:auto;
}

/*-------------------------middle-left-------------*/
#left{
	/*Container for mid-left part of screen*/
	width:300px;
	margin:10px 0 0 60px;                         /*300px;*/ /*was 10,0,0,10 pre 23/09/08*/
	float:left;
	/*background:#FFFFFF;*/ /* 23/09/08 - updated to make BG WHITE */
	}

#left img{
	margin:0 auto 0 auto;
	width: 300px;
	height: 402px;
	float: none; 
	}

#left p{
	/*margin:0 auto 0 auto;*/
	margin: 5px 0 5px 0;
	font:12px Arial, Helvetica, sans-serif;
	float: none;
	text-align:center; 
	/* background:#FFFFFF;/* 23/09/08 - updated to make BG WHITE - DOES NOTHING THOUGH!!!*/
	}	
/*-------------------------middle-right-------------*/

#right{
	float: right; /*28/09/08 changed from left t right.*/
	/*min-width:400px;*/
	/*Container for mid-right part of screen*/
	/*width: 454px; /*454px;*/
	width:50%;
	overflow:visible;
	/*background:#FFFFFF; *//* 23/09/08 - updated to make BG WHITE*/
	min-width:450px;
	
	margin:0px 40px 0 10px; /*margin:0px auto 0 10px;   17/11/08*/
	/*overflow: auto;*//*auto;*/
	/*min-width:100px;*/
	/*height:450px; */
	/*min-width:200px;*/
	/*width: 700px;*/
	/*
	<!--[if IE]>
	  word-wrap: break-word;
	  margin:0px 20px 0 20px;
	<![endif]--> 
	*/
	
	<!--[if !IE]>
		/*width:400px;*/
	  	/*min-width:200px;*/
	/*  max-width:60%;*/
	  		/*width: inherit;*/ /*was 50% pre 23/09/08 this works great for IE but firefox stuffs up.*/
	/*margin:0px 20px 0 20px;*/
	<![endif]--> 
	
	}

#right h1{
	/*width:200px;*/
	padding:0px 0 0 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:40px;
	color:#a6a7aa;
	font-weight:lighter;
	display: compact;
	float:left;
	bottom:auto;
	}
	
#right h2{
	/*width:200px;*/
	
	/*padding:0px 0 0 0px;*/
	/*<!--[if IE]>
	  padding:30px 0 0 0px;
	<[else]>
	 padding:0px 0 0 0px;
	<![endif]--> */
	padding:30px 0 0 0px; /* Added 24/09/08 to ensure correct header spacing in IE */
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px; /*48*/
	color:#1892AC;
	font-weight:lighter;
	display: compact; /*block*/
	/*float:left;*/
	}
	
#right p{
	/*width:430px;*/
	/*display:block;*/
	
	
	max-width:none;
	
	/*max-width:800px;*/
	margin:0px 0 5px 0px;
	/*float:auto;*/
	font-size:12px; /*14*/
	line-height:16px; /*18*/
	text-align:left;
	}

#right img{
	/*margin:0 auto 0 auto;*/
	/*width: 300px;
	height: 402px;
	float: none; */
	}


/*-------------------------middle (wide)-------------*/

#mid{
	width:100%;
	margin:0px auto 0 0px;
	float:left;
	text-align:center;
	color:#584200;
	background-color:#ffffff;
	}

#mid h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#1892AC;
	font-weight:lighter;
	display: compact;
	float:left;
	padding: 0 200px 0 0;	
	}	

#mid div.p{
	 font:24px Arial, Helvetica, sans-serif;
}	
	
/*---------------footer---------*/
#foo1{
	width:100%;	 /*98% fits inside */
	height:50px; 
	/*float:left;	*/
	background-color:#a6a7aa;/*#353535*/ 
	color:#fff;
	margin: 0 0 0 0px;
	}
	
#footer_div{
	/*width:600px;*/
	text-align:center;
	margin:-20px auto 0 auto;
	height:40px;
	}
	
#footer_div ul{
	width:600px;
	height:20px;
	display:block;
	list-style-type:none;
	
	margin:32px 0 0px 80px; /*32px 0 0px 20px*/
	}
#footer_div ul li{
	display:block;
	float:left;
	font:12px/11px Arial, Helvetica, sans-serif;
	color:#FFFFFF; 
	background-color:#a6a7aa/*#353535*/;
		}
#footer_div ul li a{
	font:12px/16px Arial, Helvetica, sans-serif; 
	color:#FDFDFD;	
	text-decoration:none; 
	background-color:#a6a7aa/*#353535*/;
	margin:0 8px 0 8px;
	}
#footer_div ul li a:hover{
	text-decoration:underline;
	}

#footer_div p{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;	
	font-size:11px;	
	color:#FFF9E0;	
	margin:0px 0 0 50px;
	background-color:#a6a7aa/*#353535*/;
	}
#footer_div p a {
	color:#FDFDFD; 
	background-color:#a6a7aa/*#353535*/; 
	text-decoration:underline;
	}
#footer_div p a:hover {	
	color:#FDFDFD;
	background-color:#4E4E4E;
	}
#footer_div ul.css{
	width:160px;
	display:block;
	margin:10px 0 0px 75px;
	font-size:0px;
	padding:0px;
	}
#footer_div ul.css li{
	display:block;
	float:left;
	margin:0 0 0 0;
	}
#footer_div ul.css li a{
	display:block;
	text-indent:-2000px;
	height:24px;
	margin:0 2px 0 0;
	font-size:0px;
	}
#footer_div ul.css li a.htm{
	background:url(/images/structure/html.gif) no-repeat 0 0; width:75px;
		}
#footer_div ul.css li a.cs{
	background:url(/images/structure/css.gif) no-repeat; width:75px;
		}