* {
    padding: 0;
    margin: 0;
} 

body {
background: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #f0ffff;
}

hr{
color: #f00;
background-color: #f00;
height: 1px;
text-align: left;
margin: 6px 0 6px 0;
}

img{
border: 1px solid #000;
}

a{
color: #97C4FF;
text-decoration: none;
}

a:hover{
text-decoration: underline;
color : #aaa;
}

#wrap{
margin: 30px auto 0 auto;
width: 800px;
}

#header{ 
border: 5px solid #222;
height: 100px;
background: #333;
}

#header hr{
color: #f00;
background-color: #f00;
width: 60%;
height: 1px;
text-align: left;
margin-left: 0;
}

#header h1{
font-size: 26px;
font-weight: 100;
letter-spacing: -3px;
padding: 12px 0 5px 10px;
}

.left{
margin: 10px auto 0 auto;
width: 570px;
float: left;
text-align: justify;
border: 5px solid #222;
padding: 10px;
background: #333;
}

.left h2{
color: #ffd700;
font-size: 24px;
font-family: trebuchet ms;
letter-spacing: -1px;
font-weight: 100;
padding : 10px 0 15px 0;
}

.right{
margin-top: 10px;
width: 160px;
float: right;
border: 5px solid #222;
font-size: 12px;
padding: 8px;
background: #333;
}

.right ul{
list-style-type: square;
padding: 5px 10px 10px 20px;
color: #59799F;
}

.right h2{
height: 30px;
font-size: 12px;
color: #ffd700;
line-height: 30px;
}

.right a{
text-decoration: none
}

#footer{
margin-top: 10px;
text-align: center;
color: #eee;
font-size: 11px;
border: 5px solid #222;
padding: 10px;
background: #333;
}

#footer hr {
color: #f00;
background-color: #f00;
height: 1px;
text-align: center;
width: 100%;
}