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

p{
margin-top: 10px;
}

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

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

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

img {
border: 0;
}

table {
color: #000;
position:center;
}


#header {
position: absolute;
top: 0px;
left: 0px;
height: 100px;
width: 100%;
background : #FFFFFF;
padding-top: 8px
}

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

#menu{
font-family: "trebuchet ms" verdena, sans-serif;
font-size: 16px;
font-weight: bold;
position: absolute;
height: 30px;
top: 150px;
left: 0px;
width: 100%;
padding: 0px;
color: #0000FF;
background-color: #0099FF;
}


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

#container table {
text-align: center;
position: center;
}


#main {
margin: 15px, 15px, 15px, 240px;
padding: 50px, 15px, 15px, 15px;
background : #ffffAB;
text-align: center;
}

#main table {
position: center;

}


#bar {
float: left;
text-align: left;
width: 200px;
background: #0099ff;
z-index: 1;
padding: 10px;
margin-right: 30 px;
height: 100%;
}

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

#footer {
position: absolute;
bottom: 0px;
left: 0px;
height: 40px;
width: 100%;
background : #0099FF;
padding-bottom: 0px
}