html, body{margin:0;padding:0}
body{font: 80%/1.3 Verdana,Arial,sans-serif;
    text-align: center;background: #757D88;padding-bottom:20px}
p{margin-top:0}
h1, h2, h3{font: normal normal 200% "Trebuchet MS",Arial,sans-serif}
h2{font-size:160%}
h3{font-size:120%}

a:link {color: #c11717; text-decoration: none;}
a:visited {color: #c11717; text-decoration: none;}
a:hover {  color: #ff9900; text-decoration: none;}
a:active { color: #c11717; text-decoration: none;}
h2.kecil {font-size: 73%; color: #075181; margin:0px; text-align: left; }




ul#nav, ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{float:right;font-size: 80%}
ul#nav li{float:left;margin-left: 3px;text-align: center}
ul#nav a{float:left;width: 95px;padding: 5px 0;background: #369A3D;text-decoration:none;color: #FFC}
ul#nav a:hover{background: #CDFFA1;color: #006A35}
ul#nav li.activelink a, ul#nav li.activelink a:hover{background: #FFF;color: #003}






div#side{float:right;display:inline;width: 180px;background:#F3CF00; margin:0 10px 10px 0}
div#side p{margin:5px 0 10px;padding: 0 10px}
div#side div{margin: 0 0 10px;padding: 10px 0}