body
{
  margin:0px;
  padding:0px;
  background-color:white;
}

div#root {
  background-image: url(img/background.png);
}

div#header {
  background: url(img/header-background.png) top left no-repeat;
  background-color:white;
  color:white;
  height:100px;
  border-bottom:3px solid gray;
}

div#header h1 {
  margin: 0;
  padding: 0;
  position:absolute;
  left:220px;
  top:50px;
}

div#left {
  float:left;
  width:200px;
}

div#middle {
  float:left;
  width:600px;
}

div#right {
  float:left;
  width:200px;
}

div#footer {
  clear:both;
  margin: 0;
  padding: 0;
  border-top:3px solid gray;
  width:100%;
  background-color:white;
}

a { color:#0060d0; }

div#middle div#contents
{
  margin:10px 0;
  padding:0 10px 1em;
  border:1px solid gray;
  background:url(img/container-background.png) top right no-repeat;
  background-color:white;
}

div#middle div.post
{
  margin:10px 0;
  padding:0 10px 1em;
  border:1px solid gray;
  background-color:white;
}

div#left .navcontainer
{
  margin:10px;
  padding: 0 1px 1px;
  background:gray;
}

div#left .navcontainer ul
{
  margin:0;
  padding: 0;
  font: bold 12px Verdana, sans-serif;
  background: url(img/list-background.png);
}

div#left .navcontainer ul li
{
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid gray;
  text-align: left;
}

div#left .navcontainer ul li a
{
  display: block;
  margin: 0;
  padding: 0.25em 0.5em 0.25em 0.75em;
  border-left: 1em solid #AAB;
  text-decoration: none;
}

div#left .navcontainer ul li a:link { color: #448; }
div#left .navcontainer ul li a:visited { color: #667; }

div#left .navcontainer ul li a:hover
{
  border-color: #FE3;
  color: #FFF;
  background: #332;
}

div#right .infoblock
{
  margin:10px;
  padding:0 10px 10px;
  border:1px solid gray;
  font: 12px Verdana, sans-serif;
  background:url(img/container-background.png) top right no-repeat;
  background-color:white;
}

div#right .infoblock h1
{
  margin:0 -10px;
  padding:3px 10px;
  font: bold 12px Verdana sans-serif;
  background:#aab;
  color:white;
}

div#right .infoblock p
{
}

div#right .infoblock ul
{
  margin-left:0;
  padding-left:0;
  font: bold 12px Verdana, sans-serif;
}

div#right .infoblock ul li
{
  list-style: none;
  margin: 0;
  text-align: left;
}

div#right .infoblock ul li a
{
  text-decoration: none;
}

div#right .infoblock ul li a:link { color: #448; }
div#right .infoblock ul li a:visited { color: #667; }
div#right .infoblock ul li a:hover { color: #000; }


div#footer p 
{
  margin: 0;
  padding: 10px;
}