body {
   font-family: "trebuchet ms", verdana, sans-serif;
   font-size: 12px;
   line-height: 1.5em;
   color: #333;
   background: #ffffff;
   margin: 0;
   padding: 0;
   text-align: center;
   width: 100%;
}
   

#header {
   position: absolute;
   top: 0px;
   left: 0px;
   height: 40px;
   width: 100%;
   background: rgb( 22,1,215);   
   padding-top: 8px;
}

#header h1 {
   font-size: 30px;
   text-transform: uppercase;
   letter-spacing: 0.3em;
   color: #fff;
}

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

a:link {
   text-decoration: none;
   color: #000;
}

a.visited {
   text-decoration: none;
   border-bottom: 1px dotted #369;
   color: #000;
}

a:hover, a:active {
   text-decoration: none;
   border-bottom: 1px dotted #036;
   color: #000;
}

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

#bar {
   float: left;
   width: 200px;
   background: #eee;
   padding: 10px;
   margin-right: 30px;
   height: 100%;
}

#img {
   border: 0;
}

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

#bar h2 {
   font-size: 12px;
   text-transform: lowercase;
   letter-spacing: 0.3em;
}

#main {
   margin: 15px 15px 15px 240px;
   padding: 15px 15px 15px 15px;
   background: #FFFFFF;
}

#footer {
	clear: both;
	padding: 1.5em 3em;
	background: rgb( 22,1,215);
}

#footer p {
	margin: 0;
}

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