body {
background:#FAFAFF;
color:#333;
padding:0px;
margin:0px;
font:95% verdana, sans-serif;
}
#centrecontent {
color:#333;
margin:0px 10px 0px 10px;
padding:0px 15px;
}

html, body {height:100%}
#outer{
height:100%;
min-height:100%;
margin-left:150px;
margin-right:0px;
background:#fff;
border-left:1px solid #D8D8DD;
margin-bottom:-52px;
color: #000000;
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#headerout{
position:absolute;
top:0;
left:0;
width:100%;
border-bottom:1px solid #D8D8DD;;
overflow:hidden;
background:#fff;
padding:5px 0px 5px 0px;
height:115px;
}
#header{
width:100%;
background:#fff url('../graphics/header_bg.jpg') repeat-x;
}

#head1 {
position:absolute;
top:20px;
left:350px;
width:100px;
}
#head2 {
position:absolute;
top:20px;
left:460px;
width:100px;
}
#head3 {
position:absolute;
top:20px;
left:570px;
width:100px;
}

#left {
position:relative;/*ie needs this to show float */
width:125px;
float:left;
margin-left:-154px;/*must be 1px less than width otherwise won't push footer down */
padding:132px 5px 5px 8px;/*needed to make room for header*/
background:transparent;
}


#footer {
width:100%;
clear:both;
height:32px;
background:#88CEC6 url('../graphics/footer_bg.jpg');;
text-align:center;
position:relative;
padding:5px 0px 2px 0px;
border-top:3px solid #66ACA4;
}
* html #footer {/*only ie gets this style*/
	\height:32px;/* for ie5 */
	he\ight:30px;/* for ie6 */
}
#clearheader{height:120px;}/*needed to make room for header*/
#clearfooter{clear:both;height:40px;}/*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 */

#navigation {
background:#fff;
color:#f00;
margin:20px 20px 0px 20px;
padding:15px;
font:1.0em/1.1em Verdana,Arial,Helvetica,sans-serif!important;
text-align:center;
}