/*+++++ body +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



body {

	background:#606060; font-family:Arial, Helvetica, sans-serif; font-size:12px;

}



#wrap {

  	width:776px;

	margin:0 auto 0;

	padding:0px;

	background-color:#ffffff;

}



#page {

	width:776px;  margin: 0 auto 0; background:#FFFFFF url(../images/bg.jpg) repeat-y;

}



#wrap2 {

	margin:0px auto;

	padding:0px;

	background-color:#E2E7F0;

	height:40px;

}



#page2 {

	width:770px;

	margin:0px auto;

	padding:0px;

}



a {

	color:#336699;

	text-decoration:none;

}



a:hover {

	color:#ff0000;

	text-decoration:none;

}





/*+++++ header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



#header {

	width:776px; height:195px; margin: 0 auto 0; background:#FFFFFF url(../images/bg-head.jpg) no-repeat;

}





/*+++++ main +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



#main {

	margin:0px auto;

	padding:0px;

}



#home {

	margin:0px auto;

	padding:0px;

}



#home .profile {

	width:200px;

	padding:0px;

	text-align:right;

}



#pagetitle {

	font-weight:bold;

	font-size:16px;

	padding:0px;

	color:#22539d;

}

/*+++++ Navigasi +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#navigasi {

	text-align:center;

	padding-top:175px;

}

#navigasi li {

	display: inline;

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	}

		

#navigasi ul {

	margin: 0px;

	padding: 0px;

	}

	

#navigasi ul li a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #373737;

	padding: 0px 10px 0px 10px;

	margin: 0px;

	text-decoration: none;

	font-weight:bold;

	text-transform: uppercase;

	}



#navigasi ul li a:hover {

	text-decoration:underline;

	color:#FF3C00;

	}

/*+++++ leftside +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



#main-left {

	float:left;

	width:192px; /* 225 */

	padding:10px 13px 0px 20px;

}



#main-left ul {

	margin:0px;

	padding:0px;

	list-style-type:none;

	background:url(../images/bg-nav-sep.jpg) no-repeat;

}



#main-left ul li {

	padding:0px 0px 0px 5px;

	background:url(../images/bg-nav-sep.jpg) no-repeat bottom center;

	line-height:25px;

}



#main-left ul li a {

	display:block;

	margin:0px 0px 0px 0px;

	padding:2px 10px 0px 15px;

	background:url(../images/bg-list-style.jpg) no-repeat left;

} 



#main-left ul li a:hover {

}





/*+++++ rightside +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



#main-right {

	float:right;

	width:515px; /* 545 */

	padding:0px 20px 0px 0px;

}





/*+++++ footer +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



#footer {

	clear:both;

}





/*+++++ footer2 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



#footer2 {

width:776px; height:50px; margin: 0 auto 0; background:#FFFFFF url(../images/bg-footer.jpg) no-repeat;

}



#footer2 a {

	color:#000;

	text-decoration:none;

}





/*+++++ form +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

form {

	display:inline;

}



.inputtext {

	font-family:arial, tahoma, verdana, helvetica, sans-serif;

	font-size:12px;

}



.inputsubmit {

	font-family:arial, tahoma, verdana, helvetica, sans-serif;

	font-size:12px;

	cursor:pointer;

}



.inputselect {

	font-family:arial, tahoma, verdana, helvetica, sans-serif;

	font-size:12px;

}



.inputtextarea {

	font-family:arial, tahoma, verdana, helvetica, sans-serif;

	font-size:12px;

}



label {

	cursor:pointer;

}



.content {

	line-height:18px;

}





/*++++ tablelist ++++++*/



table.tablelist { width:100%; margin:0px auto; border-spacing:1px; background-color:#99cccc; }



table.tablelist thead { background-color:#336699; color:#ffffff; height:30px; }

table.tablelist thead a { color:#ffffff; }



table.tablelist thead th { padding:5px; border-top:2px solid #99cccc; }



table.tablelist tbody { }



table.tablelist tbody tr.tr1 { background-color:#fff; }

table.tablelist tbody tr.tr1:hover { background-color:#ddd; }

table.tablelist tbody tr.tr2 { background-color:#eee; }

table.tablelist tbody tr.tr2:hover { background-color:#ddd; }

table.tablelist tbody td { padding:5px; }



table.tablelist thead th.no { width:20px; }

table.tablelist thead th.nama { }

table.tablelist thead th.institusi { }

table.tablelist thead th.keahlian { }

table.tablelist thead th.lulusan { }



table.tablelist tbody td.no { text-align:center; }

table.tablelist tbody td.nama { }

table.tablelist tbody td.institusi { }

table.tablelist tbody td.keahlian { }

table.tablelist tbody td.lulusan { }