body  {
   font-familt: "trebuchet ms", verdana, sans-serif;
   font-size: 14px;
   line-height: 2.0em;
   color: #333;
   background: #ffffff;
   margin: 0;
   padding: 0;
   text-align: center;
   with: 100%;
}
p {
   margin-top: 10px;
}
a:link {
   text-decoration: none;
   color: #000;
}
a:hover, a:active {
   text-decoration: none
   border-bottom: 1px solid #036;
   color: #000;
}

img {
   border: 0;
}

#container {
   position: absolute;
   top: 85px;
   left: 0px;
   background: #c0c0c0;
   margin: 0 auto 0 auto;
   text-align: left;
   width: 100%;
   height: 100%;
}

#menu {
   font-family: "trebuchet ms", verdana, sans-serif;  
   font-size 20px;
   font-weight: bold;
   position: absolute;
   height: 27px;
   top: 60px;
   left: 0px;
   width: 100%;
   padding: 0;
   color: #000000;
   background-color: #eee;
}

#header {
   position: absolute;
   top: 0px;
   left: 0px;
   height: 50px;
   width: 100%;
   background: red;
   padding-top: 10px;
   padding-bottom: 10px;
}

#header h1 {
   font-size: 40px;
   text-transform: uppercase;
   letter-spacing: 0.5em;
   color: #ffffff;
}

#main {
   margin: 15px 15px 15px 240px;
   padding: 15px 15px 15px 15px;
   background: #ffffff;
}
#bar {
   float: left;
   width: 200px;
   background: #000000;
   z-index: 1;
   padding: 10px;
   margin-right: 30px;
   height: 100%;

}

#bar h1 {
   font-size: 12px;
   text-transform: uppercase;
   letter-spacing: 0.3em;
   color: #ffffff;
}

#bar ul {
   font-size: 12px;
   text-transform: lowercase;
   letter-spacing: 0.3em;
   color: #ffffff;