html, body {
	height:100%;
	margin:0;
	padding:0;
	font: 14px  Helvetica,Verdana,Arial,sans-serif;
}
body {background:#fff;}
h1, h2, h3, h4, h5, h6, p, form {
	/*margin:0 0 .7em*/
}
h1, h2 {
	text-align:left;
	padding:5px;
	color:#3661ae;	
}
a {
	color:#3661ae;
	text-decoration: none;	
}
a:hover{
	text-decoration: underline;	
}
#wrapperlo {
	margin:0px auto;
	background:#fff;/*  center column colur*/
	text-align:left;
	position:relative;
	margin-top:-60px;/* make space for footerlo*/
	z-index:10;
	min-height:100%;
	min-width:700px;
	max-width:1000px;
	border-right:0px solid #000;
	border-left:0px solid #000;
	
}
#headerlo {
	background:#fff;
	color:black;
	clear:both;
	position:relative;
	z-index:10;
	width:100%;
	border-top:60px solid #fff;/* soak up negative margin to make way for footerlo*/
	border-bottom:0px solid #000;
	padding:0 0 1px;
	height:139px;
        white-space: nowrap;
}
#footerlo {

	color:black;
	min-width:700px;
	max-width:1000px;
	clear:both;
	margin:auto;
	position:relative;
	z-index:2;
	height:30px;
	font-size: 11px;
	text-align:center;
	border-top:0px solid #000;
}
/*if we float the middlelo column we avoid the ie6 3 pixel jog and also keep columns in normal source order (left,middlelo right) but we need to use a negative margin offset to make it all fit.*/
#middlelo {
	float:left;
	width:100%;
	margin-right:-320px;/* width of left and right columns */
}
#contentlo {
	margin-right:320px;/* width of left and right columns */
	padding-left:8px;
	padding-right:2px;
}
#left {
	width:149px;
	position:relative;
	float:left;
	z-index:2;
	font-size:12px;
	padding-left:8px;
	padding-right:2px;
	border-left:1px solid #000;
}
#right {
	width:149px;
	position:relative;
	float:right;
	z-index:2;
	font-size:11px;
	text-align: center;
	padding-left:8px;
	padding-right:2px;
	border-right:1px solid #000;

}
/*The following  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 contentlo 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:159px;
	height:100%;
	position:absolute;
	bottom:0;
	left:0;
	background:#dfefff;/* left column color*/
	z-index:1;
	clear:both;
	border-left:1px solid #04588a;
	border-right:1px dashed #dfefff;
}
#r {
	position:absolute;
	height:100%;
	right:0;
	background:#dfefff;/* right column color*/
	z-index:1;
	width:160px;
	bottom:0;
	clear:both;
	border-left:1px dashed #dfefff;
	border-right:1px solid #04588a;
}
#footer-middle {
	background: #fff url(images/footer_bg.png) repeat-x;
	float: left;
	width:988px;
	height:28px;
	
}
#footer-content{
    padding-top:3px;
	color: #fff;	
	font: 13px "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial, sans-serif;
	
}
#footer-left {
	background: url(images/footer_left.png) no-repeat top left;
	float: left;
	width: 6px;
	height: 28px;
}
#footer-right {
	background: url(images/footer_right.png) no-repeat top right;
	float: left;
	width: 6px;
	height: 28px;
}

* html #l, * html #r {
	height:999em;
	bottom:-1px
}
p {
	padding:0px;
}/* some breathing space*/
/* clear without structural mark-up */
.clearfix:after {
	contentlo:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide - force layout in ie \*/
.clearfix {display: block;}
/* End hide */

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	contentlo:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
#inner {
	width:100%;
	hmin-height:600px;
	overflow:hidden;
	position:relative;
	z-index:3;
}
</style>
<!--[if (lte IE 6)|(gte IE 8)]>
<style type="text/css">
#wrapperlo {height:100%;display:table;}/* ie8 fix for sticky footerlo */
* html #contentlo{height:1%}
* html #wrapperlo,* html #footerlo { 
    /* We use a CSS expression for the INITIAL width ref:http://www.stevesouders.com/hpws/event-handler.php */
    width: expression(setElemWidth(this) );
}
<![endif]-->
