a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.arrowlistmenu{
	width: 220px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../images/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

#kiri{
float:left;

border: 1px solid black;
padding: 5px;
padding-left: 8px;

}

#kiri a{
padding: 3px 1px;
display: block;
width: 100%;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid gray;
}

#kiri a:hover{
background-color: #FFFF80;
}

#kanan{
float:left;
width:710px;
min-height: 470px;
border: 3px solid black;
margin-left: 10px;
padding: 5px;
padding-bottom: 8px;
}

* html #kanan{ /*IE only style*/
height: 400px;
}
#wrapper
{
	background:#666;
	border:solid 1px #fff;
	margin:0 auto;
	width:250px;
	text-align:left;
	padding:25px;
}

.formku{
	background:#f7f7f2;
	border:solid 1px #cac997;
	text-align:left;
	padding:5px;
}
.judul{
	color:#666666;
	font-style:italic;
	font-weight:bold;
	font-size:18px;
	padding-bottom:10px;
}	
.isi{
	font-family: "arial";
	font-weight:bold;
	font-size:18px;
	border-bottom: 1px solid black;
	color:#996633;
}
.ket{
	color:#666666;
	font-style:italic;
	font-weight:bold;
	font-size:12px;
}
.tabelkanan{
	border: #993300 1px solid;
	color: #993300;
	font-family:Arial;
}
.dalam{
	padding:3px;
	font-size:12px;
	border:1px #993300 solid;
}
.atas{
	padding:3px;
	background-color:#993300;
	color:#FFF;
	font-size:12px;
}
.angkatan {
	background-color:#d4e7c3; 
	color:#1d3608;
	padding:3px;
}
.birthday{
	background-color:#f7f7f2; 
	color:#c34000;
	padding:3px;
	text-decoration:blink;
}
.page{
	font-size:13px;
	background-color:#993300;
	border:3px solid #993300;
	color:white;
}
label
{
font-weight:bold;
display:block;
}
.textfield
{
	background:#333;
	border:solid 1px #000000;
	padding:3px;
	margin:4px 0px 4px 0px;
	width:100%;
	color:gray;
}
.textfield:hover,
.textfield:focus
{
background:#000;
border:solid 1px #fff;
color:#fff;
}

.buttonfield
{
	background:#333;
	border:solid 1px #fff;
	color:gray;
	font:bold 11px/normal Tahoma, Verdana;
	margin-top:10px;
	padding:4px;
}
.buttonfield:hover,
.buttonfield:focus,
.inputBorder:hover
{
	background:#000;
	border:solid 1px #fff;
	color:#fff;
	cursor:pointer;
	cursor:hand;
}
/*search*/
#maincontent{
	position:absolute;
	width:72%;
	top:165px;
}
.input{
	border:solid 1px #cac997;background-color:#f7f7f2;padding:3px;
}
.input:hover,input:focus{
	color:black;
}
.inputBorder{
	border:solid 1px #cac997;background-color:#f7f7f2;padding:3px;
}