@charset "utf-8";

body { 
font-size: 13px;
font-family: Verdana, Arial, Tahoma;
color: #FFFFFF;
background-color: #CCCCCC; 
}

a { text-decoration:none;}
h1 { font-size: 13px; }
h2 { font-size: 13px; }

#container {
width: 900px;
height: auto;
margin: 0px auto;
background-color: #FFFFFF;
overflow: hidden;
}

#header {
background-image: url(images/header.jpg);
width: 900px;
height: 187px;
}

#sidebar{
width: 266px;
height: 468px;
margin: 5px 0 0 92px;
position: relative;
float: left;
}

.sidebar-top{
background-color: #8b4369;
width: 266px;
height: 268px; 
float: left;
}
.sidebar-top ul { padding: 0; margin: 15px 0 0 0; }

ul a { color: #FFFFFF; }
ul a:hover { color: #666666; }
ul { line-height: 20px; margin: 0; padding: 0; list-style: none; text-align: center;}
li { list-style: none; margin: 0; padding: 0;}

.sidebar-foto { width: 266px; height: 144px; float: left;}

.sidebar-footer {
background-color: #313030;
width: 266px;
height: 56px;
float: left;
}

.sidebar-footer p { height: 56px; list-style: none; padding: 0; margin: 19px 0 0 0; text-align: center; color: ffffff; }
.sidebar-footer a { color: #ffffff; }

#content {
position: relative;
float: left;
height: auto;
width: 530px;
padding: 0px 5px 5px 5px;
color: #666666;
}

#content li { text-align: left; }

#footer{ 
background-color: #8c4369;
width: 900px;
height: 25px;
margin: 5px 0 0 0;
position: relative;
float: right;
}

#footer p { list-style: none; padding: 0; margin: 3px 0 0 0; text-align: center; color: ffffff; }