* {
	margin: 0;
	padding: 0;
}

body {
background: #404347 url(../images/bg.gif) repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #f7f7f7;
}

a { color: #60C3DB; text-decoration: none; }
a:hover { text-decoration: underline; }

#wrap {
width: 980px;
margin: 0 auto;
}

#header {
margin: 20px 0 10px 0;
}
#header h1 {
font-size: 26px;
font-weight: 100;
letter-spacing: -2px;
}
#header h1 a {
color: #FAFFB0;
text-decoration: none;
}
#header h1 a:hover {
color: #eee;
text-decoration: none;
}
#header h2 {
color: #999;
font-size: 18px;
font-weight: 100;
}

#content {
float: right;
width: 480px;
padding: 0 20px 20px 20px;
border-left: 1px dotted #aaa;
text-align: justify;
}
#content h2 {
color: #B0FFBD;
font-size: 16px;
font-weight: 100;
padding: 10px 0 5px 0;
border-bottom: 1px dotted #aaa;
margin-bottom: 10px;
}
#content h2 a {
color: #B0FFBD;
text-decoration: none;
}
#content h2 a:hover {
color: #eee;
}

#leftmenu {
float: left;
width: 130px;
padding: 0 20px 20px 0;
}
#leftmenu h2 {
border-bottom: 1px dotted #aaa;
padding: 10px 0 5px 0;
margin-bottom: 10px;
color: #B0FFBD;
font-size: 16px;
font-weight: 100;
}
#leftmenu ul {
list-style-type:none;
padding: 0 0 10px 0;
}
#iklan_depan
{
float:left;
width:260px;
height:260px;
margin-top:20px;
border-top-width:thin;
border-top-style:dotted;
border-top-color:#aaa;
margin-bottom:10px;
border-bottom-width:thin;
border-bottom-style:dotted;
border-bottom-color:#aaa;
padding: 10px 0 10px 0;


}

#rightmenu {
float: left;
width: 250px;
padding: 0 20px 20px 20px;
border-left: 1px dotted #aaa;
}
#rightmenu h2 {
border-bottom: 1px dotted #aaa;
padding: 10px 0 5px 0;
margin-bottom: 10px;
color: #B0FFBD;
font-size: 16px;
font-weight: 100;
}
#rightmenu ul {
list-style-type: none;
padding: 0 0 10px 0;
}

#footer {
margin-top: 20px;
border-top: 1px dotted #aaa;
font-size: 11px;
text-align: center;
padding: 10px 0 10px 0;
}
#isi {
float: left;
width: 600px;
padding: 0 20px 20px 20px;
border-left: 1px dotted #aaa;
text-align: justify;
}
#user_horizontal {
	float:right;
	width:445px;
	padding: 10px 10px 40px 10px;
	border: 1px dotted #aaa;
	margin-bottom:10px;
}
#form_login {
background-image: url(../images/bg_from2.gif);
width:250px;
height:138px;
padding: 5px 5px 5px 5px;

}
#footer a { 

}
#footer a:hover {

}
.thumb { width: 110px; height: 85px; float:left}
.thumb_most { width: 110px; height: 110px; float:left; border-bottom-width:thin; border-bottom-style:dotted; border-bottom-color:#aaa; padding:5px 0 10px 0 ;
}
.tabel_atas {
	background-image: url(images/bg_form.gif);
	background-repeat: repeat;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: medium;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	color: #000000;
	font-size: 18px;
	border-bottom-color: #aaa;
}
.tabel_bawah {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #aaa;
}
.text_hitam {
	color: #000000;
}
.buttonSubmit, .buttonSubmitHovered {
	width:69px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:url(../images/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.buttonSubmit_login {
	width:69px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:url(../images/button_login.gif) no-repeat left top;
	cursor:pointer;
	border:none;
	background-position:left bottom;
}
.buttonSubmitHovered {
	background-position:left bottom;
}
/*Text inputs*/
.textinput, .textinputHovered {
	width:140px;
	height:15px;
	background: url(../images/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textinputHovered {
	background-position:left bottom;
}
.textinputHitam {
	width:140px;
	height:15px;
	background: url(../images/input_hitam.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
	background-position:left bottom;
}