* { 
margin : 0;
padding : 0;
}

body {

}

a {

color: #222;
outline: none;
}
a:hover, a:focus {
text-decoration: underline;
}

#container {
margin-top:0px;
margin-left:20px;
line-height:1.6em;
background-color:#fff;
width:770px;
}

#header {
width:730px;
padding-top:24px;
}

#header h1 {
margin:0;
padding-left:8px;
text-decoration: none;
font-size:22px;
font-weight: normal;
height:22px;
}


#header h2 {
margin:0;
padding-left:8px;
font-size:22px;
font-weight: normal;
height:22px;
}

#header p {
margin:0;
padding-left:8px;
font-size:12px;
height:22px;
}

#header ul {
padding-top:24px;
}

#header li {
width:120px;
background-color:#000;
padding:10px 0 10px 0;
margin:2px;
list-style: none;
float:left;
text-align:center;
}

#header li a {
color:#fff;
}


#base {
clear: both;
padding:25px 5px 25px 5px;
float:left;
width:520px;
margin:0;
font-size:14px;
color:#000;
}

#base  h3 {
border-bottom:1px solid #555;
margin-bottom:4px;
color:#000;
}

#base p {
margin:0;
}

#side-menu {
margin-left:12px;
padding:48px 15px 12px 8px;
width:180px;
float:left;
background-color:#fff;
}
#side-menu img {
border:0px;
}
.menu-box {
border:1px solid #555;
padding:5px;
margin-bottom:12px;
}

#tail {
clear:left;
border-top:2px solid #000;
font-size:12px;
}

#footer a {
text-decolation:none;
color:#555;
}
#copy {
clear:left;
padding-top:10px;
padding-bottom:10px;
text-align:center;
width:768px;
color:#555;
}

.basic_table {
background-color: #888;
border-spacing:1px;
}
.basic_table th {
text-align:left;
width:120px;
background-color: #eee;
font-weight: normal;
font-size:12px;
padding:4px 8px 4px 8px;
}
.basic_table td {
width:350px;
background-color: #fff;
font-size:12px;
padding:4px 8px 4px 8px;
}


/* --- extra --- */

#base dl dt {
  clear: left;
  float: left;
  width: 180px;
  border-left: solid 8px #CCC;
  padding-left: 5px;
  color: #000;
}

#base dl dd {
margin:24px;
}