* {margin: 0; padding: 0}

body {background: #fff; text-align: center}

.ads {
margin: 15px 0;
text-align:center
}


#main {
position: relative;
margin-top: 20px;
margin-left: auto;
margin-right: auto; 
width: 650px; 
text-align: left; 
background: #fff; 
padding: 10px; 
border: 2px solid #888; 
min-height: 900px
}

* html #main {
height: 900px
}

#content {
position: relative; 
margin-left: 220px
}

#content li a {
color: #888; 
font-weight: bold
}

#content li a:hover {
text-decoration: none
}

#menu {
position: absolute; 
top: 0; 
left: 0; 
background: #888; 
width: 210px; 
height: 100%; 
padding: 0 5px
}

#menu h2 {
margin: 10px; 
font: bold 20px "Trebuchet MS"; 
color: #08B1FE
}

#menu ul {
margin: 10px 20px
}

#menu li a {
font: bold 10px/1.5 Verdana; 
color: #444; 
text-decoration: underline;
}

#menu li a:hover {
color: #fff
}

h1 {
font: bold 25px "Trebuchet MS"; 
margin: 5px; 
color: #08B1FE
}

h2 {
font: bold 20px "Trebuchet MS"; 
margin: 5px; 
color: #08B1FE
}

p {
font: 14px/1.5 "Trebuchet MS"; 
margin: 10px; 
color: #111
}

p a {
color: #08B1FE
}

p a:hover {
text-decoration: none
}

ul {
margin: 10px 30px
}

li {
font: 13px/1.5 "Trebuchet MS"; 
color: #555
}


hr {
margin: 20px 10px; 
border: 1px solid #708090
}