* { padding: 0; margin: 0 }
body 
{
fontfamily:Verdana, Arial, Serif;
fontsize:11px;color: #333;background: #fafafa;
}



#container 
{
margin: 6px auto;textalign:left;
clear: both;
background: #fff;
border:2px solid #666;
width:778px;
padding:0;
}

#header 
{
clear:both;
margin: 2px;
background: lightblue;
border: 1px solid orange;
height: 95px;
}

#header h1 
{
fontsize:2em;
fontfamily: Arial;
color: #c60000;
margin: 14px 6px 4px 8px;
}

#menu 
{
clear: both;
padding: 0; 
margin: 0 0 25px 2px;
}

#menu ul 
{
float:left;
border: none;
liststyle:none;
font: bold 14px Verdana;
}

#menu ul li 
{
display: inline;
}

#menu ul li a 
{
paddingright:16px;
borderbottom:4px solid orange;
}

#menu ul li a:hover
{
borderbottom:4px solid #c60000;
}

#menu ul li a.aktif
{
borderbottom:4px solid #c60000;
}

#footer 
{
position: relative;
clear:both;
height: 40px;
border: none;
background: #cfcfcf;
color: red;
width: 100%;
textalign:center;
}

#footer span 
{
top: 10px;
position: absolute;
}

#content 
{
margin: 2px 2px 8px 2px;
float: left;
width: 485px;
border: 1px solid #ccc;
padding: 6px 10px;
}

#content h1 
{
borderbottom:2px dashed #ccc;
marginbottom:16px;
}

#side
{
border: 1px solid #ccc;
float: right;
margin: 2px;
width: 250px;
padding: 2px;
}

#side h1
{
borderbottom:1px solid #fafafa;
}

#side h2 
{
background: pink;
padding: 3px;
color: purple;
textalign:center;
}

#side p 
{
border: 1px solid #ccc;
padding: 4px;
}

a 
{ 
textdecoration:none;
color: #666
}

a:visited 
{
color: green
}