* {
    padding: 0;
    margin: 0;
} 

body {
background: #555;
font-family: Tahoma, Arial, sans-serif;
font-size: 13px;
padding: 0;
margin: 0;
color: #444;
line-height: 17px;
}

img { border: none; }
a { color: #336699; }
a:hover { text-decoration: none; color : #111; }
h3 { border-bottom: 1px dotted #aaa; color: #666; padding-bottom: 4px; margin: 14px 0 7px 0; font-weight: 100; font-size: 22px; letter-spacing: -2px;}
h3 a { text-decoration: none; font-size: 22px; letter-spacing: -2px; }
h3 a:hover { color: #333; }

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

#header {
height: 100px;
background: #3D8DBF;
}
#header h1 {
font-size: 30px;
font-weight: 100;
letter-spacing: -2px;
padding: 30px 0 0 20px;
}
#header h1 a {
color: #fff;
text-decoration: none;
}
#header h1 a:hover {
color: #111;
text-decoration: none;
}

#header h2 {
font-size: 14px;
color: #eee;
padding: 5px 0 0 23px;
}

#menu {
height: 30px;
line-height: 30px;
background: #fff;
}
#menu li
{
float: left;
list-style-type: none;
padding-right: 5px;
}
#menu li a{ 
color: #000;
text-decoration: none;
padding: 0 10px;
font-weight: 100;
}
#menu li a:hover {
color: #aaa;
}
#menu ul { padding-left: 10px;}

#content { 
padding: 0 10px;
}

#right {
margin-top: 20px;
width: 570px;
float: right;
font-size: 12px;
text-align: justify;
padding: 10px;
border-left: 1px dotted #aaa;
}

#left {
background: #efefef;
margin-top: 20px;
width: 160px;
float: left;
padding: 10px;
}
#left ul {  padding: 10px 0 10px 20px; }
#left ul li {  }
#left ul li a { padding: 2px 0 3px 5px; font-weight: 100; display: block; text-decoration: none; font-size: 13px;  }
#left ul li a:hover { color : #fff; background: #3D8DBF; border-left: 3px solid #111; }

#footer {

border-top: 1px dotted #aaa;
font-size: 11px;
color: #666;
text-align: center;
height: 28px;
line-height: 28px;
}
#footer a { 
color: #666;
text-decoration: none;
}
#footer a:hover {
color: #111; 
text-decoration: underline; 
}