body {
/*background-image:url(../images/bg.jpg);
background-repeat:repeat-x;*/
background: #090909;
color:white;
font-family:Verdana,Arial,sans-serif;
font-weight:normal;
font-size: 12px;
line-height:1.5em;
text-align:center;
}
ul, li, img, body, html {
margin:0;
padding:0;
border:0;
}
#header {
width: 740px;
margin-bottom: 5px;
overflow: hidden;
text-align:center;
}
#header #hdr1, #header #hdr2{
padding-left: 5px;
}
#banner{
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
}
h2 {
font-weight:normal;
font-variant:small-caps;
font-size:1em;
line-height:1.6em;
text-align:center;
background: #1487B6;
letter-spacing:0.15em;
color: white;
}
h3 {
font-weight:normal;
text-transform:uppercase;
font-size: 0.8em;
line-height:1.6em;
text-align:center;
background: #1487B6;
letter-spacing:0.12em
}
a {
color: yellow;
text-decoration: none;
}
a:hover {
text-decoration: underline;
font-family:Verdana,Arial,sans-serif;
font-weight: normal;
}
#footer{
clear: both;
font-size: x-small;
text-align: center;
}
#footer a{
color: white;
text-decoration: underline;
}
#container{
text-align: left;
width: 738px;
margin: auto;
overflow: hidden;
}

/*----------------------------------------- side bar------------------------------------------------*/

#sidebar{
margin-left:5px;
width: 220px;
/*height: 14.9em;*/
float: left;
padding: 0;
padding-bottom:19px;
}
#sidebar div{
background: #4f5759;
padding: 0;
overflow:hidden;
}

#side1{
/*margin-bottom: 0.8em;*/
width: 220px;
height: 18.7em;
}
#side2{
/*margin-bottom: 0.8em;*/
width: 220px;
height: 14.8em;
}
#sidebar h2{
margin-top: 0;
}
#sidebar p{
padding: 0 1em;
padding-bottom: 10 px;
}

/*--------------------------- END SIDEBAR ---------------------*/

/* -------------------------- MAIN ----------------------------*/

#main{
padding-left: 0.5em;
margin-left: 222px;
}
#main div{
background: #4F5759;
padding: 0;
overflow: hidden;
}
#tier1{
/*margin-bottom: 0.8em;*/
width: 505px;
height: 18.7em;
}
/*#tier2{
/*margin-bottom: 0.8em;
width: 505px;
height: 16.4em;
}*/

#tier1 p{
padding: 0 1em;
padding-bottom: 10px;
}
#tier1 h2, #tier3 h2, #tier2 h3{
margin-top: 0;
}
/*------------------------------------- TIER 2 ---------------------------------------*/
/*#main #tier2{
background: #090909;
}
#tier2 div{
float: left;
width: 32.6%;
margin-right: 0.8em;
padding-bottom: 5px;
text-align: center;
}
#tier2 #e4bt{
width: 170px;
height: 10.8em;
border:thin;
border-style:solid;
border-color:#000000;
height:11.5em;
padding-bottom: 20px;
}
#tier2 p{
margin: 5px;
}
#tier2 #library {
width: 167px;
height: 10.7em;
margin-right: 0;
padding-right: 0;
border:thin;
border-style:solid;
border-color:#000000;
padding-bottom: 21px;
}
#tier2 #cipta {
width: 168px;
padding-bottom:21px;
height: 10.7em;
border:thin;
border-style:solid;
border-color:#000000;
}*/

/*------------------------------------------  END TIER 2 --------------------------------------------------*/

#tier3{
/*margin-bottom: 0.8em;*/
width: 505px;
height: 14.8em;
}

#tier3 p{
padding: 0 1em;
padding-bottom: 10px;
}
/*---------------------------------------- END MAIN ----------------------------------------------*/