body
{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  margin-top: 0; 
  margin-left: 0; 
  margin-right: 0;
  background: #5f8cc0;
  
}

img
{
  border: none;
}

a
{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px;
  color: #0000FF;
  text-decoration: none;
}

a:hover
{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px;
  color: #0000FF;
  text-decoration: underline;
}

input
{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  margin-top: 0; 
  margin-left: 0; 
  margin-right: 0;
}

form.cmxform label.error, label.error 
{
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
}

textarea
{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  margin-top: 0; 
  margin-left: 0; 
  margin-right: 0;
}

.detail
{
  font-family: arial;
  font-size: 11px;
}

.detail a
{
  font-family: arial;
  font-size: 11px;
}

.detail a.loadpage
{
  font-family: arial;
  font-size: 11px;
  background: #000000;
  color: #FFFFFF;
  padding: 3px;
}

.detail a.loadpage:hover
{
  text-decoration: underline;
  background: #000000;
  color: #FFFFFF;
  padding: 3px;
}

.print
{
  font-family: arial;
  font-size: 11px;
}

.print a#p
{
  font-family: arial;
  font-size: 11px;
  background: #000000;
  color: #FFFFFF;
  padding: 3px;  
}

.spec
{
  font-family: arial;
  font-size: 11px;
}

.spec a#spesifikasi
{
  font-family: arial;
  font-size: 11px;
  background: #000000;
  color: #FFFFFF;
  padding: 3px;  
}

.twr
{
  font-family: arial;
  font-size: 11px;
  background: #000000;
  color: #FFFFFF;
  padding: 3px;
}

.twr a#nawar
{
  font-family: arial;
  font-size: 11px;
  background: #000000;
  color: #FFFFFF;
  padding: 3px;  
}

.isi_spec
{
  font-family: arial;
  font-size: 11px;
  padding-top: 5px;
}

.isi_tawar
{
  font-family: arial;
  font-size: 11px;
  padding-top: 5px;
}

.warning
{
  font-family: arial;
  font-size: 11px;
  background: #FF0000;
  color: #FFFFFF;
  padding: 3px;
}

.sukses_login
{
  border: solid 1px #000000;
  padding: 20px;
  margin-top: 100px;
  background: #000000;
  color: #FFFFFF;
  width: 600px;
}

.useronline
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}

.kat ul
{
  list-style-type: none;
  margin-left: -25px;  
}
.kat ul li a
{
  display: block;
  border-bottom: dashed 1px #333333;
  padding: 5px 10px 0px 0px;
  margin-right: 15px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.kat ul li a:hover
{
  text-decoration: none;
  background: #DDDDDD;
}

.kat ul li ul
{
  display: none;
}

.kat ul li:hover ul
{
  display: block;
  background: #
}

.pop ul
{
  list-style-type: none;
  margin-left: -25px;
  text-align: left;  
}
.pop ul li a
{
  font-family: arial;
  font-size: 12px;
  display: block;
  border-bottom: dashed 1px #333333;
  padding: 5px 10px 0px 0px;
  margin-right: 15px;
  margin-top: -10px;
  margin-bottom: 0px;
}
.pop ul li a:hover
{
  text-decoration: none;
  background: #DDDDDD;
}

.ganjil
{
  background: #CCCCCC;
  margin-top: 0;
  margin-right: 20px;
  padding: 10px;
  border: dashed 1px #555555;
  margin-bottom: 5px;
}

.genap
{
  background: #EEEEEE;
  margin-top: 0;
  margin-right: 20px;
  padding: 10px;
  border: dashed 1px #555555;
  margin-bottom: 5px;
}

.submit
{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px;
   
  margin-top: 0; 
  margin-left: 0; 
  margin-right: 0;
}

.kontak
{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  margin-top: 0; 
  margin-left: 0; 
  margin-right: 0;
}

#header
{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 0.9em;
  color: #FFFFFF;
  background-color: #FFFFFF;
  background-image: url(../images/banner2.png);
  margin-top: 0; 
  padding-top: 0;
  margin-left: 0; 
  margin-right: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  height: 148px;
  width: 100%;
}

#header a img
{
  padding-top: 40px;
  padding-left: 100px;
}

#header .sub_h
{
  padding-top: 30px;
  padding-left: 200px;
}

#left
{     
  text-align: left; 
  position: absolute; 
  float:left;
  width:180px;
  background: #FFFFF;
  padding: 10px;
  margin-right: 10px;
  margin-left : 0px;  
  height: 100%;
}

#right
{     
  text-align: left;  
  float:right;
  width:10px;
  background: #FFFFF;
  padding: 10px;
  margin-right: 180px;
  margin-left : 0px;  
  height: 100%;
}

#main
{   
  margin :10px 205px 15px 205px;
  padding: 0px 0px 0px 0px;
  background: #00AAFF;
}

#nav
{
  font-family: tahoma, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10pt;
  height: 30px;
  color: #FFFFFF;
  background: url(../images/nav-grad.png); 
}

#nav ul
{
  width: 900px;      
}

#nav ul li
{
  list-style: none;
  float: left;
  border-right: solid 1px #FFFFFF; 
  display: block;
  margin-top: 10px;
} 

#nav .first
{
  border-left: solid 1px #FFFFFF; 
} 

#nav ul li a
{
  color: #FFFFFF;
  font-family: tahoma, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  text-decoration: none;
  padding: 0 15px 0px 15px;
}

#nav ul li a:hover
{
  color: #00AAFF;
  text-decoration: none;
}                

#footer 
{
    position:relative;
    height: 20px;
    bottom: 0px;
    color: #FFFFFF;
    font-size: 10px;
    width: 100%;
    background: #000000;
    text-align: center;
    padding: 5px 0 20px 0;
}

#footer a 
{
    font-size: 10px;
}

#footer a:hover 
{
    font-size: 10px;
}