body, h1, h2, h3, p, ul, li {

margin: 0;

padding: 0;

list-style: none;

}






body {
background: #aff url(bg.png);
}

#container {

margin: auto;
width: 820px;
background-color: #fff;

}

#side {

float: left;
width: 210px;
}


#nav li {

width: 205px;
padding: 0px 2px 2px;
text-align: center;

}



#nav li a {
display: block;
padding: 13px 0;
background-color: #0ac;
color: #FFF;
text-decoration: none;

}



#nav li.on a {
background-color: #3df;
color: #ff0;

}

#nav li a:hover {
background-color: #3df;
color: #ff0;

}


#side table, td {
border-collapse: collapse;
border: 1px #000000 solid;
width: 200px;
margin: 5px 0px 0px 4px;
padding: 10px;
}

#side h1 {
font-size: 100%;
color: #e00;
padding: 0 0 3px 0;
}

#side p {
font-size: 90%;
color: #000;
padding: 0 0 7px 5px;
}



#contents {

float: right;
width: 610px;
}

#contents p {

padding: 10px 30px;
text-indent: 0.5em;
font-size: 170%;
color: #000;
}

#contents h1 {

margin: 0;
padding: 11px 20px;
background-color: #0cf;
font-size: 120%;
color: #000;
}

#contents h2 {

padding: 10px 30px;
font-size: 170%;
color: #e00;
}

#contents h3 {

padding: 10px 30px;
font-size: 170%;
color: #0000ff;
}

#contents b {

display: inline;
font-size: 130%;
color: #ff0000;
}

#footer {

clear: right;
height: 50px;
text-align: center;

background: #9cf url(foot.png);

}