ul{
margin-top:0
}


body {
background: #333 url("../images/back.gif") repeat;
font: normal 11px/18px verdana, arial, tahoma, sans-serif;
color: #333;
padding-top: 40px;
}

a {
color: #666;
text-decoration: none;
}

a:visited {
text-decoration: underline;
}

a:hover {
color: #999;
text-decoration:underline;
}

#header {
width: 581px;
float:left;
margin:0
}


#anchor{
margin-left:auto;
margin-right:auto;
width: 581px
}

#wrapper {
width: 581px;
background: #fff url("../images/sidebar.gif") repeat-y;
background-position: 0 0;
border: solid 10px #fff;
margin: 0 auto;
text-align: left;
float:left
}

h1 {
width: 140px;
height: 30px;
background-color: #333;
margin: 1px 1px 1px 0;
float: left;
font: bold 16px/30px arial, verdana, tahoma, sans-serif;
padding-left: 10px;
color: #fff;
cursor: default;
}

h1:first-letter {
color: #f00;
text-decoration: underline;
}

h2 {
width: 100%;
height: 30px;
background-color: #333;
float: left;
font: bold 16px/30px arial, verdana, tahoma, sans-serif;
padding-left: 10px;
color: #fff;
margin-top: 1px;
cursor: default;
}

.menu {
border-right: 1px solid #fff;
width: 572px;
margin: 0;
float:left;
}

.logo{
width:429px;
float:left;
margin: 0;
overflow:hidden
}


#sidebar {
width: 132px;
background-color: #ccc;
float: left;
left: -4px;
margin-left: 0px;
margin:0;
border-top: 1px solid #fff;
font: normal 10px/18px verdana, arial, tahoma, sans-serif;
padding: 8px;
overflow:hidden

}

img {
border: none;
}

a img {
margin-bottom: 20px;
border: 1px solid #fff;
}

a:hover img {
border-color: #f00;
}

#content {
float: left;
width: 420px;
margin: 10px 0 0 10px;;
border-bottom:1px solid #ccc;
padding-bottom:5px;
overflow:hidden
}

p {
margin:0;
}


.clear{
clear:both
}

#footer {
margin: 0;
text-align: center;
clear: both;
width: 400px;
margin-left: 163px;
}
