html, body { height:100%;}
body {
background-color:#E3E7E9;
padding:0;
margin:0;
margin-left:10px;
margin-right:10px;
margin-top:0px;
}
#outerouter{
height: 98%;
width:79%;
margin-left:10%;
margin-right:10%;
border-left:1px solid #01486E;
border-right:1px solid #01486E;
}
#innerouter{
border-left:1px solid #01486E;
border-right:1px solid #01486E;
}

#outer{
height:100%;
min-height:100%;
margin-left:130px;
margin-right:150px;
background:#E3E7E9;
margin-bottom:-37px;
}
html>body #outer{height: auto;} /*for mozilla as IE treats height as min-height anyway*/
#header{
text-align:center;
position:relative;
margin-top:0px;
margin-right:-151px;
margin-left:-131px;
padding-top:0px;
}
/* mac hide \*/
* html #header{height:56px;height:56px}/* height needed for ie to force layout*/
/* end hide*/
#left {
position:relative;/*ie needs this to show float */
width:130px;/* same as the left margin on #outer*/
float:left;
margin-left:-129px;/*must be 1px less than width otherwise won't push footer down */
padding-top:15px;/*needed to make room for header*/
left:-2px;/* push column into position*/
}
#left p {padding-left:2px;padding-right:2px}
#right p {padding-left:2px;padding-right:2px}

#right {
position:relative;/*ie needs this to show float */
width:150px;/* same as right margin on #outer*/
float:right;
margin-right:-149px;/*must be 1px less than width otherwise won't push footer down */
padding-top:15px;/*needed to make room for header*/
left:2px;/* push column into position*/
}
#footer {
clear:both;
height:0px;
background-color: #E3E7E9 ;
color: #E3E7E9 ;
position:relative;

}
* html #footer {/*only ie gets this style*/
height:37px;/* for ie5 */
height:37px;/* for ie6 */
}
#clearfooter{clear:both;height:37px;}/*needed to make room for footer*/
div,p {margin-top:0}/*clear top margin for mozilla*/
* html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */