/*===================================================CSS SITE WIDE DESIGN============================================== */
/*Some Body Styling*/
 Body {
  margin:0px;
  padding:0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.9em;
  font-style:normal;
  font-weight:lighter;
  background:url(../images/bodygif.jpg) repeat-x;
  background-color:#FFF;
  }
  
/*-----------------------------------------------WRAPPER AND MAIN CONTAINERS--------------------------------------------*/

#wrapper {/*Wrapper*/
	margin:auto;
	width:734px;
	height:100%;
	margin-top:15px;
	}
#pagecontainer {/*Wrapper for all content*/
	float:right;
	width:732px;
	height:100%;
	background-color:#FFFFFF;
	border-right:2px #FFFFFF solid;
	border-top:2px #FFFFFF solid;
	
	}
#leftsideContent {/*Wrapper for left hand side content*/
	float:left;
	width:564px;
	height:100%;
	background-color:#FFFFFF;
	}
#topline {/*White boarder at the top of the content wrapper*/
	width:100%;
	//height:2px;
	min-height:2px;
	max-height:2px;
	line-height:2px;
	background-color:#FFFFFF;
	}/* for Internet Explorer *//*\*/* html #topline {height: 2px;}/**/
/*-------------------------------------------------------CONTENT--------------------------------------------------------*/

/*----------------------------------------------------TOP MENU SECTION-------------------------------------------------*/	
#masthead {/*Container to all top navigation and logo/search etc*/
	width:100%;
	height:60px;
	background-color:#FFFFFF;
	}
	#masthead2 {/*Container to all top navigation and logo/search etc*/
	width:100%;
	height:60px;
	background-color:#FFFFFF;
	}
#topbar {/*Wrapper for search bar and links*/
	width:465px;/*Changed to 465px from 466px to bring in line with the menu (Paul Madigan 06/06/07)*/
	height:30px;
	float:left;
	background:url(../images/topbar.gif) repeat-x;
	}
/* Menu Wrapper: containing box for menu*/
#menubar {/*Wrapper for main top menu*/
	width:465px;
	height:30px;
	border-right:1px solid white;
	clear:both;
	float:left;
	position:relative;
	z-index:100;
	}
#logoMasthead {/*Logo*/
	float:left;
	width:97px;
	height:60px;
	background:url(../images/logo3.gif) no-repeat #FFF;
	border-bottom:1px solid #fff;
	} 
#contentMasthead {/*Inner wrapper for menu and Links*/
	float:left;
	width:465px;/*Changed to 465px from 466px to bring in line with the menu (Paul Madigan 06/06/07)*/
	background-color:#FFFFFF;/*Changed to white from #00275D to prevent colour bleed at edge of search box (Paul Madigan 06/06/07)*/
		} 
#searchbox {/*Wrapper for search bar*/
	float:left;
	height:20px;
	line-height:0px;
	margin-top:6px;
	}  
#searchbox table{/*Tables within searchbox */
	/*background:#00275D;*/
	}  
#searchTerm{ /*Search box elements*/
	font-size:9px;
	margin:0 2px 0 30px;
	border:1px solid;
	height:11px;
	padding:0px 0px 3px 5px;
	}
  
#searchBtn{ /*Search button*/
	border:0px;
	}
.subtitlefont {
 font-family:Arial, Helvetica, sans-serif;
 font-size:1.3em;
 font-weight:bolder;
 color:#999999;
}	
/*--------------------------------------------------------END OF TOP MENU SECTION----------------------------------------*/ 

  
#orangeBarTop {/*Thin orange bar seperaing menu and content*/
	clear:both;
	height:2px;
	width:562px;
	background-color:#F8991D;
	font-size:0px;
	border-left:2px #FFFFFF solid;
	border-bottom:2px #FFFFFF solid;
	}
/*quicklinks links on left hand side of site for sitemap, text enlargement and homepage link*/  
#QlinksContW {/*Wrapper box for menu left side*/
	padding:0 0 0 0;
	float:left;
	width:100px;
	background-color:#FFFFFF;
	} 
#Qlinksbar {/*Quicklink wrapper*/
	float:left;
	width:97px;
	height:18px;
	background-color:#FFFFFF;
	}
.quicklinks {/*Inner containing box*/
	float:left;
	width:97px;
	height:18px;
	}
.ql1 {/*Home page link*/
	background:url(../images/ql1.gif);
	width:31px;
	height:18px;
	cursor:pointer;
	border-left:#FFFFFF solid 2px;
	float:left;
	
	}
.ql2 {/*Text enlargement link*/
	background:url(../images/ql2.gif);
	width:31px;
	height:18px;
	cursor:pointer;
	float:left;
	} 
.ql3 {/*Site map link*/
	background:url(../images/ql3.gif);
	width:31px;
	height:18px;
	cursor:pointer;
	float:left;
	}

/*----------------------------------------------------------MAIN CONTENT--------------------------------------------------*/

#MainContent {/*Left side content wrapper*/
	float:left;
	width:420px;
	min-height:500px;
	height:100%;
	padding:10px 15px 15px 15px;
	background-color:#FFFFFF;
	}

.bread1{/*Bread Crumbs*/
 /*display:inline;*/
	float:left;
	height:1em;
	font-weight:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
.bread1 a{
	color:#999999;
	text-decoration:none;
	}
.bread1 a:hover {
	color:#F8991D;
	}
#breadcrumbs ul {
	padding:0;
	margin:0;
	list-style:none;
	}
#breadcrumbs li a{
	width:1em;
	margin-right:13px;	
	} 
#breadcrumbs li a.lastcrumb{
	margin-right:0px;
	}
	 
#spacer {/*Menu Spacers*/
	clear:both;
	display:block;
	width:103px;
	height:100px;
	}
#spacer2 {
	clear:both;
	width:103px;
	height:40px;
	}
#spacer3 {
    content: "."; 
    display: block; 
    clear: both;
	padding-top:10px;
	}
#spacer3 {display:block;}

/* Hides from IE-mac \*/
* html #spacer {height: 1%;}
#spacer {display: block;}
/* End hide from IE-mac */ 
	   
#rightsideContent {/*Right side content wrapper*/
	float:left;
	width:167px;
	background-color:#FFFFFF;
	}
#imagebarRight {/*Right side image wrapper*/
	width:167px;
	height:197px;
	background-color:#F8991D;
	}
#topimageRight {/*Right side Image --- image css located in special.css*/
	width:167px;
	height:167px;
	}
#orangeRight {/*Orange bar under image*/
 	clear:both;
    height:15px;
	width:167px;
	background-color:#F8991D;
	}
#blueRight {/*Blue bar under image*/
	clear:both;
	height:15px;
	width:167px;
	background:url(../images/bluerightfaux.jpg) repeat-x;
	}
#rightlink {/*Right hand side lower box under image*/
	clear:both;
	width:155px;
	padding:10px 5px 5px 5px;
	border-left:#FF9900 solid 2px;
	background-color:#FFFFFF;
	}
#rightlink p{
	padding:0;
	margin:0;
	}
 .textright {
	padding:5px 10px 0 10px;
	}
.textright a {
	text-decoration:none;
	color:#00275D;
	}
.textright a:hover {
	color:#FF9900;
	}   
/* COLOURED ECHO BRAND BAR */

#bar{
	float:right;
	height:5px;
	width:728px;
	font-size:0px;
	line-height:0px;
	margin-top:2px;
	}
#barorange {
	float:left;
	height:5px;
	width:240px;
	background-color:#F8991D;
	}
#baryellow {
	float:left;
	height:5px;
	width:244px;
	background-color:#FEBE10;
	}
#barblue {
	float:left;
	height:5px;
	width:244px;
	background-color:#00275D;
	}
/* FOOTER BAR */

#footer {
	clear:both;
	height:35px;
	width:728px;
	margin:auto;
	}

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