Body  {margin: 0;
padding: 0;
font-size: 100%;
color: #000;
background-color: #fffff0;
align:center;
}
 a:link
{
color: #036;
}

a:visited
{
color: #066;
}

a:hover , a:active
{
color: #fff;
background-color: #036;
}
 div#banner
{
color: #fff;
background-color: #f0f0f0;
border-bottom: 10px solid #000;
width: 950px;
 margin-left: auto ;
  margin-right: auto ;

}
 div#container
{
background-image: url(imgs/nav_col_base.jpg);
background-repeat: repeat-y;
width: 950px;
 margin-left: auto ;
  margin-right: auto ;


}
  div#container2
{
background-image: url(imgs/more_col_base.jpg);
background-repeat: repeat-y;
background-position: right;
}
 div#navigation
{
float: left;
width: 150px;
padding-top: 2em;
}
 div#navigation ul
{
list-style-type: none;
padding: 0;
margin: 0;
}
 div#navigation ul li { margin-top: 4px; }
 #navigation ul li a
{
display: block;
width: 135px;
padding: 3px 5px 3px 10px;
text-decoration: none;
color: #000;
background-image: url(imgs/nav_base.jpg);
background-repeat: repeat-y;
}
 #navigation ul li a:hover
{
color: #fff;
background-color: #cccc;
background-image: url(imgs/nav_base2.jpg);
background-repeat: repeat-y;
}
 div#comment
{
float: right;
width: 160px;
margin: 0;
padding: 2em 10px 0 0;
color: #fff;
}
 div#comment h3
{
margin-top: 0;
color: #fff;
padding: .2em;
background-image: url(imgs/more_base.jpg);
background-position: right;
background-repeat: repeat-y;
}
 div#content
{
margin-left: 190px;
margin-right: 200px;
max-width:500px;
}
 div#content h2
{
//font-size: 1.9em;
color: #035;
margin: 0;
padding-top: 1em;
font-weight: normal;
}
 div#content 
{ line-height: 150%;
font-size:1.2em; 
}
 #cleardiv
{
clear: both;
height: 1em;
}
 div#footer
{
clear: both;
padding: .5em 1em;
border-top: 1px solid #999;
text-align: right;
}
 div#footer ul
{
padding: 0;
margin: 0;
list-style-type: none;
font-size: 75%;
text-align: center;
}
 div#footer li
{
display: inline;
margin-right: 1em;
content: center;
}
</style>