
<!--
body {
	margin-top: 30px; background:url(../images/bg.gif)
}
.footer { font: 10px "tahoma",Arial, Helvetica, sans-serif; color:#aeaeae; margin-top:5px;}
.breadcrumb{ font: 11px "tahoma",Arial, Helvetica, sans-serif; color:#c0c0c0; height:12px; margin:14px;}
.breadcrumb a{ font: 11px "tahoma",Arial, Helvetica, sans-serif; color:#c0c0c0; text-decoration:none; }
.breadcrumb a:hover{ font: 11px "tahoma",Arial, Helvetica, sans-serif; color: #abc31c; border-bottom:1px dashed #abc31c;}

.judul1 { font: 20px "tahoma",Arial, Helvetica, sans-serif; color:#00335a; }
.judul2 { font: bold 11px "tahoma",Arial, Helvetica, sans-serif; color:#aac216; }
.judul3 { font: bold 11px "tahoma",Arial, Helvetica, sans-serif; color:#aa1416; }
.tulisan { font: 11px "tahoma",Arial, Helvetica, sans-serif; color:#00335a; line-height:18px; text-align:justify; }
.tulisan a {text-decoration:none;color:#00335a;border-bottom:1px dashed #E2E2E2; }
.tulisan a:hover { color:#aa1416;}
.tulisan2 { font: 11px "tahoma",Arial, Helvetica, sans-serif; color:#aac216; }
.tulisan2 a {text-decoration:none;color:#aac216; }
.tulisan2 a:hover { color:#aa1416;}

.popup { font: 11px "tahoma",Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:15px; }

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed #d3d9e8;
height: 1%;
}

.cssform label{
font-weight: bold;color: #00335a;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: auto;
}

.cssform input{
font: 11px "tahoma",Arial, Helvetica, sans-serif; color:#00335a; background-color:#d3d9e8; border:none;
}

.cssform textarea{
background-color:#d3d9e8;
font: 11px "Tahoma"; color: #333333;border:none;
width:250px;
}

.l1{border-top: 1px solid #d3d9e8; border-left: 1px solid #d3d9e8; border-right: 1px solid #d3d9e8;}
.l2{border-bottom: 1px solid #d3d9e8;border-left: 1px solid #d3d9e8; border-right: 1px solid #d3d9e8;}

ul#menu {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 15px;
	width: 520px;
}
ul#menu li {
	float: left;
	display: inline;
	height: 15px;
	margin: 0 10px;
	overflow: hidden;
}
ul#menu li a {
	display: block;
	height: 15px;
	text-indent: -999em;
}

ul#menu li.home a {background: url(../images/bthome.gif) 0 0 no-repeat; width: 34px;}
ul#menu li.profile a {background: url(../images/btprofile.gif) 0 0 no-repeat; width: 42px;}
ul#menu li.products a {background: url(../images/btproducts.gif) 0 0 no-repeat; width: 53px;}
ul#menu li.services a {background: url(../images/btservices.gif) 0 0 no-repeat; width: 53px;}
ul#menu li.news a {background: url(../images/btnews.gif) 0 0 no-repeat; width: 38px;}
ul#menu li.download a {background: url(../images/btdownloads.gif) 0 0 no-repeat; width: 56px;}
ul#menu li.client a {background: url(../images/btclients.gif) 0 0 no-repeat; width: 34px;}
ul#menu li.contact a {background: url(../images/btcontact.gif) 0 0 no-repeat; width: 46px;}

ul#menu li.home a:hover, ul#menu li.about a:hover, ul#menu li.profile a:hover, ul#menu li.products a:hover, ul#menu li.services a:hover, ul#menu li.news a:hover,ul#menu li.download a:hover, ul#menu li.client a:hover, ul#menu li.contact a:hover {background-position: bottom left;}
 

ul#menu li#selected a {background-position: bottom left;}


/* // here comes the goodnes  */	

a{
	z-index:10;
	}
a:hover{
	position:relative;
	z-index:100;
	}			
a span{
	display:none;
	}
a:hover span{
	display:block;
	position:absolute;
	float:left;
	white-space:nowrap;
	top:-20px;
	left:110px;
	background-color:#FFFFFF;
	border: 1px dashed #E2E2E2;
	color:#444;
	padding:1px 5px;
	z-index:10;			
	}			

#judulberita{ font: bold 18px Arial, Helvetica, sans-serif; color: #00335a;}
#newsganjil {border-bottom:1px dotted #d8d8d8; padding-top:5px; padding-bottom:5px;}
#latestnews-tgl{ font-family:"tahoma"; font-size:11px; color:#aa1416; padding-top:5px;}
#latestnews-berita{ font: 11px "tahoma",Arial, Helvetica, sans-serif; color:#00335a; padding-top: 5px;margin-left:5px; height:72px; }
#latestnews-berita a{ font: 11px "tahoma",Arial, Helvetica, sans-serif; color:#00335a; text-decoration:none; }
#latestnews-berita a:hover{ ffont: 11px "tahoma",Arial, Helvetica, sans-serif;color: #015392;}
/* // goodnes  */

-->