@media screen
{

* { padding: 0; margin: 0; }

html { height: 100%; }

body{
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
text-align: center;
background: #F5F5F5 url(../img/bg.jpg) repeat-x;
min-height: 101%;
}
#container{
width:800px;
margin:0 auto;
text-align: left;
border: 1px solid #AAA;
border-top: 0px;
background: #fff;
}
#header{
width: 800px;
background-color: #FFF;
height: 262px;
}

#header_logo { height: 262px; float: left;}

#content{
width:565px;
padding-left: 19px;
padding-right: 15px;
padding-bottom: 20px;
float:left;
}
#bg_div{
width: 800px;
float:left; 
background-color: #FFF;
background: #fff url(../img/left_bg.jpg) repeat-y top left;
}
#navigation{
padding-left: 26px;
padding-right: 6px;
width: 169px;
float:left;
}
#footer{
clear:both;
background: url(../img/footer_bg.jpg) no-repeat top;
background-color: #fff;
height: 30px;
font-size: 0.8em; color: #CCC; margin: 0 0 0.5em 0; padding-top: 0.5em; padding-left: 221px;
}

#footer a { text-decoration: underline; color: #CCC; }


}