/* --------------------------------------------- */
/* -- Main CSS for page and column formatting -- */
/* ---should not really be changed much       -- */


* {margin:0;padding:0}

body {
}



#wrapper{
	width:990px;  /* sets the overall width. also occurs in header and footer */
	margin:20px auto;
	background:#FFFFFF;/* right column colour*/
	text-align:left;
	/* border:1px solid #000000; */
}

#header,#footer{
	background:#FFFFFF;
	color:#000000;
	width:990px;
	clear:both;
}

#header{
/* border-bottom:1px solid #000000; */
height:110px;
}

#footer{
/* border-top:1px solid #000000; */
/* border-bottom:1px solid #000000; */
height:75px;
margin-left: 15px;
}

#footer a{color:#000000;}

#inner3{  /* 3 column version */
	margin-right:150px;
	background:#FFFFFF;/* left column colour*/
/*  border-right:1px solid #000000; */
}

#inner2{  /* two column version */
	/* margin-right:150px; */
	background:#FFFFFF;/* left column colour*/
/*   border-right:1px solid #000000; */
}

#middle{
	background:#FFFFFF;/* centre column colour*/
	margin-left:150px;
/*   border-left:1px solid #000000; */
	color:#000000;
}

#content,#centre3{
	position:relative;
	width:100%;
	float:left;/* contain clearing*/
}

#centrecol{
	margin-top: 0;
	margin-right: -1px;
	margin-bottom: 0;
	margin-left: 15px;
	width:800px;
}/* moz needs this*/

#centrecol_homepage{
	margin-top: 0;
	margin-right: -1px;
	margin-bottom: 0;
	margin-left: 15px;
}/* moz needs this*/


#content{
	position:relative;
	float:left;/* contain clearing*/
	width:100%;
}
#left{
	width:150px;
	margin-left:-149px;/*overlap for old mozilla*/
	position:relative;
	left:-1px;/* now line it up*/
	float:left;
}

#right{
	width:150px;
	margin-right:-149px;/*overlap for old mozilla*/
	position:relative;
	left:1px;/* now line it up*/
	float:right;
}
* html #left{margin-right:-3px;}/* 3 pixel jog*/
* html #right{margin-left:-3px;}/* 3 pixel jog*/


/* clear without structural mark-up */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}

/* mac hide - force layout in ie \*/
* html .clearfix,* html #inner, * html #middle {height: 1%;}
.clearfix {display: block;}
/* End hide */
p.expand a{color:#000000;display:block;clear:both}
p.expand a:hover{height:200px;}
#content p img{float:right;}



/* Used for popup pages that don't have the full header or left menu etc  */
#singlecolumn{
text-align:left;
margin-top:20px;
margin-left:50px;
margin-right:50px;
margin-bottom:50px;
}