* {margin:0;padding:0}

html,body{
	height:100%;
}

p,h1,h2,h3{padding:5px;margin-bottom:1em;}
h2{font-size:120%}

/* body {text-align:center} */

#wrapper{
	width:990px;
	margin:0px auto;
	background: #efefef;   /* right column colour*/
	text-align:left;
	min-height:100%;
	position:relative;
	margin-top:-34px;/* make space for footer*/
	
	border:1px solid #aaa;
		border-bottom: 1px solid #aaa;
		border-right:1px solid #aaa;
		border-left:1px solid #aaa;


}
#header{
	width:990px;
	background:#fff;
	color:#aaa;
	clear:both;
	margin:0 -181px;/* pull header into full width*/
	position:relative;
	z-index:2;
	height:150px;
	border-bottom:1px solid #aaa;
	border-top:32px solid #fff;/* soak up negative margin to make way for footer*/
}
#footer{
	background:#fff;
	color:#000;
	width:990px;
	clear:both;
	margin:auto;
	position:relative;
	z-index:2;
	height:25px;
	
    font-size:8.0pt;
	text-align: center;
	
	border:1px solid #fff;
	border-bottom: 1px solid #aaa;


}

#inner{
	margin-right:150px;
	background:#efefef;/* left column colour ie6- only*/
	border-right:1px solid #aaa;
	position:relative;
	z-index:2;
}

#middle{
	background:#ffffff;/* centre column colour ie6- only*/
	margin-left:180px;
	border-left:1px solid #aaa;
	color:#000;
 z-index:2;
}
#content,#content2{
	position:relative;
	width:100%;
	float:left;/* contain clearing*/
}
#content2{margin:0 -1px}/* moz needs this*/

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

#left{
	width:180px;
	margin-left:-179px;/*overlap for old mozilla*/
	position:relative;
	left:-1px;/* now line it up*/
	float:left;
	z-index:2;
}

#right{
	width:150px;
	margin-right:-149px;/*overlap for old mozilla*/
	position:relative;
	left:1px;/* now line it up*/
	float:right;
	z-index:2;
	text-align:center

}
* html #left{margin-right:-3px;}/* 3 pixel jog*/
* html #right{margin-left:-3px;}/* 3 pixel jog*/

/* 2 absolute columns that just hold the column colours */
/* there is no need to worry about being removed from the flow because these do not hold content but are just stuck to the parent container and set at 100% height. This ensures that they grow with the parent container. Its a shame that this behaviour doesn't apply to static elements and we'd all be a lot happier. */
#l{
	width:180px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:#efefef;
	z-index:1;
	border-right:1px solid #aaa;
}
#m{
	position:absolute;
	height:100%;
	left:181px;
	background:#ffffff;
	z-index:1;
	width:658px;
	border-right:1px solid #aaa;
	top:0;
}

/* 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 \*/
.clearfix {display: block;}
/* End hide */
#content p img{float:right;}
/* 100% height for ie6 and under only */
* html #wrapper, * html #inner, * html #middle{height:100%}


html,body{
    font-family: "calibri", "arial", "helvetica", "sans-serif";
}


a  { text-decoration: none; }
a:link  { text-decoration: none; }

a:hover { text-decoration: none; }
 
.men_on, .men_off{   
    background-color:#f3f3f3;
    color:#000000;
    font-size:11.0pt;
	width:164px;
	height:21px;
	text-align:left;
	margin-left:4px;
	margin-right:4px;
	vertical-align:middle;
	padding-top:5px;
    padding-bottom:5px;
    padding-right:5px;
    padding-left:5px;
    padding:3px;

  }  
  
.men_off{     
    background-color:#efefef;
	}  

.headerimage {
	height:150px;

}