/* mac hide \*/
html, body, form {height:100%; background-color:#cfd5de;}
/* end hide*/
body {
    padding:0;
    margin:0;
}
#outer{
    min-height:100%;/*for mozilla as IE treats height as min-height anyway*/
    margin-left:144px;
    background:#fff;
    margin-bottom:-82px; 
    min-width:770px;
}
* html #outer{height:100%;margin-left:144px;}/* ie 3 pixel jog*/ 
#outerWidth
{   
    min-width: 770px;
    max-width: 1055px;
}
#header{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:64px;
    background: #0c6dce;
    overflow:hidden;
    color: #fff;
    min-width:1200px;
}
#left {
    position:relative;/*ie needs this to show float */
    width:143px;
    float:left;
    margin-left:-143px;/*must be 1px less than width otherwise won't push footer down */
    padding-top:64px;/*needed to make room for header*/
    left:-2px;/* line things up exactly*/
    vertical-align: top;
}
* html #left {margin-right:-3px}/* three pixel jog*/
#left p {padding-left:3px;padding-right:2px}


#footer {
    width:100%;
    clear:both;
    height:82px;
    background-color: #5398de;
    color: #000000;
    text-align:left;
    position:relative;
    min-width:1200px;
}
* html #footer {/*only ie gets this style*/
    \height:84px;/* for ie5 */
    he\ight:82px;/* for ie6 */
}
#clearheader{height:64px;}/*needed to make room for header*/
#clearfooter{clear:both;height:82px;}/*needed to make room for footer*/
*html #clearfooter{height:70px;}/* adjust for IE6 only*/
div  {margin-top:0}/*clear top margin for mozilla*/
* html #centercontent {height:1%;margin-bottom:12px; }/* combat IE's 3 pixel jog */