@charset "utf-8";
html {
	height:100%;
}
body {
	font-family: "Franklin Gothic", Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #FFF;
	padding: 0;
	margin: 0;
	border:0;
	height: 100%;
	max-height: 100%;
	text-align: left;
	min-width:750px;
}

a,a:link,a:hover,a:active,a:visited {
    background:transparent;
	text-decoration:underline;
	cursor:pointer;
	color:#FF0000;
} 

.dbblogo {
	position:relative;
	top: 10px;
	margin-bottom:30px;
	left:30px;
	height:45px;
	width: 205px;
}

.topbar {
	position:relative;
	top: 0px;
	left:0px;
	margin-bottom:10px;
	height:30px;
	width: 100%;
	background-color:#089008;
}

.bottombar {
	position:relative;
	top: 20px;
	left:0px;
	height:30px;
	width: 100%;
	background-color:#089008;
	clear:both;
}

.middlebox {
	position:relative;
	top: 0px;
	width:990px;
	left:0px;
	margin-left:auto;
	margin-right:auto;
	ibackground-color:#FFC;
}

.middlebox .leftcolumn {
	float:left;
	top: 20px;
	height:auto;
	width: 250px;
	ibackground-color:#909;
	ipadding:5px;
}

.middlebox .rightcolumn {
	float:right;
	top: 20px;
	height:auto;
	width:730px;
	background-color:#FFF;
	display:inline;
}

.menubg {
	position:relative;
	top: 0px;
	left:20px;
	height:auto;
	width:186px;
	background-image:url(../images/menu.gif);
	background-repeat:no-repeat;
	ibackground-color:#9F0;
	padding:20px;
}

.menuouter {
	position:relative;
	top:0px;
	left:0px;
	margin-top:210px;
	height:300px;
	width:186px;
	ibackground-color:#9F0;
}

.menublackpanah {
	background-color: #000;
    cursor:pointer;
}

.menublacktext {
	font-family: "Franklin Gothic", Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #000;
	color:#FFF;
	padding-left:5px;
	padding-right:2px;
    cursor:pointer;
}

.menugreenpanah {
	background-color: #089008;
}

.menugreentext {
	font-family: "Franklin Gothic", Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #089008;
	color:#FFF;
	padding-left:5px;
	padding-right:2px;
}

.menuovertext {
	font-family: "Franklin Gothic", Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #f00;
	color:#FFF;
	padding-left:5px;
	padding-right:2px;
    cursor:pointer;
}

.menuoverapanah {
	background-color: #f00;
    cursor:pointer;
}

.rightjudul {
	position:relative;
	top:0px;
	height:40px;
	width:auto;
}

.righkotakjudul {
	float:left;
	width:30px;
	height:30px;
	background-color:#089008;
}

.rightjudultext {
	float:left;
	height:20px;
	width:680px;
	padding:5px;
	font-family: "Franklin Gothic", Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color:#666;
}

.rightkotakket {
	position:relative;
	top:0px;
	height:95px;
	width:auto;
	background-color:#FFF;
	border:#666 solid 1px;
	padding: 10px;
	margin-bottom:10px;
}

.righkotakhijauket {
	float:left;
	width:75px;
	height:75px;
	background-color:#089008;
	margin-right:20px;
    margin-top:10px;
}

.rightkotakketinner {
	float:left;
	width:600px;
	height:100px;
	ioverflow:auto;
}


.righketjudul {
	font-family: "Franklin Gothic", Arial, Verdana, Helvetica, sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color:#666;
}

.righkettext {
	font-family: "Franklin Gothic", Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color:#333;
}

.rightkotakfoto {
	position:relative;
	top:0px;
	height:auto;
	width:auto;
	background-color:#FFF;
	margin-bottom:10px;
	display:inline;
}

.rightjarak {
	position:relative;
	top:0px;
	height:20px;
	width:100px;
}

.menutigo {
	position:relative;
	top:0px;
	height:40px;
	width:auto;
	border-bottom:#999 solid 1px;
}

.menukotak {
	float:left;
	top:0px;
	height:40px;
	width:200px;
	background-color:#CCC;
}


.menukotakoranye {
	float:left;
	width:30px;
	height:30px;
	background-color:#F60;
}

.menukotakhijau {
	float:left;
	width:30px;
	height:30px;
	background-color:#089008;
}

.menukotakabu {
	float:left;
	width:30px;
	height:30px;
	background-color:#999;
	cursor:pointer;
}

.menutext {
	float:left;
	height:20px;
	width:200px;
	padding:5px;
	font-family: "Franklin Gothic", Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color:#666;
}

.menutextlink {
	float:left;
	height:20px;
	width:200px;
	padding:5px;
	font-family: "Franklin Gothic", Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color:#666;
	cursor:pointer;
}

.rightlogo {
	position:relative;
	top:0px;
	height:95px;
	width:auto;
	background-color:#FFF;
	padding: 10px;
	
}

.tigokotakket {
	position:relative;
	top:0px;
	height:30px;
	width:auto;
	background-color:#FFF;
	border:#666 solid 1px;
	padding: 10px;
	margin-bottom:10px;
}

.tigokotakoranye {
	float:left;
	width:30px;
	height:30px;
	background-color:#F60;
	margin-right:5px;
}

.amardyokotakhijau {
	float:left;
	width:30px;
	height:30px;
	background-color:#089008;
	margin-right:5px;
}


.tigokotakketinner {
	float:left;
	width:600px;
	height:30px;
}

.amardyokotakket {
	position:relative;
	top:0px;
	height:90px;
	width:auto;
	background-color:#FFF;
	border:#666 solid 1px;
	padding: 10px;
	margin-bottom:10px;
}
.amardyokotakketinner {
	float:left;
	width:600px;
	height:30px;
}

.tigoketjudul {
	font-family: "Franklin Gothic", Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color:#666;
}

.copyright {
	position:relative;
	top: 30px;
	left:260px;
	height:20px;
	width: 100%;
	font-family: "Franklin Gothic", Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color:#333;
}