root { 
    display: block;
}

*{
    margin:0;
    padding:0;
}

body{        
/*    background:url(images/b.jpg) repeat-x;*/
    background:url(images/latar.bmp)repeat;
/*		background-color:#ADC9F9; 4F76B1;*/
    font-family:  Arial, Verdana;
    text-decoration:none;
    word-spacing:normal;
    text-align:center;
    letter-spacing:0.5px;
    font-size:13px;
    line-height:1.7em;
/*    color:#000000;*/
}

h1, h1 a {
    font-size : 30px;
}

h2, h2 a {
    font-size : 20px;    
    line-height:1.2em;
}

h3, h3 a{
    font-size :18px;    
}

img {    
    overflow : hidden; 
    border : none;
		padding-bottom:0px;
		margin-top:0px;
		margin-bottom:0px;
}

a {
    color : #06D;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;

}

.moseover{
position:relative;
z-index:0;
}
.moseover:hover{
z-index:50;
}

.moseover span{
	position:absolute;
	padding:0px;
	left:-150px;
	visibility:hidden;
}

.moseover span img{
	border-width:0;
	padding:0px;
}

.moseover:hover img{
	visibility:visible;
	top:0px;
	left:10px;
}


.mouseover{
position:relative;
z-index:0;
}
.mouseover:hover{
z-index:50;
}

.mouseover span{
	position:absolute;
	padding:0px;
	left:-150px;
	visibility:hidden;
}

.mouseover span img{
	border-width:0;
	padding:0px;
}

.mouseover:hover img{
	visibility:visible;
	top:0px;
	left:0px;
}

p{
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	font-family:Georgia;
	font-size:small;
	font-color:#330033;
	text-align:justify;
}
#middle{
	width:960px; /* 960px; */	
	margin:auto;
	text-align:left;
}
	/* Header styles */
	#header {
		clear:both;
		float:center;
		margin:auto;
		width:960px;
	}
	#header {
		border-bottom:0px solid #000;
	}
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#eee;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
		background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
	#header ul li a span {
		display:block;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:center;
		width:960px;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:960px;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:20 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#eee;		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		background:#f4f4f4;	/* left column background colour */
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:32%;			/* 31% width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:960px;
		border-top:1px solid #000;
	}
	#footer p {
		padding:10px;
		margin:0;
	}


#content{
	width:455px;/*680 830*/
	float: left;/*right;*/
  	margin-top:20px;
	margin-right:20px;/*195*/ 
	height:auto;
}


#news-area{
	float:left;
}

.news{
	float:right;
	width:45%;
	margin-top:5px;
	margin-left:0px;
	margin-right:20px;
	padding-left:20px;
}

.ketauthor{
	 font-family:Arial;
	 font-size : 10pt;
	 font-weight:bold;
	 padding-left:4px;
	 color:blue;
	 margin-left:5px;
	 text-align:center;
	 padding-top:5px;
	 padding-bottom:5px;
}

.author{
	 font-family:Arial;
	 font-size : 10pt;
	 font-weight:bold;
	 padding-left:4px;
	 color:red;
	 margin-left:5px;
	 text-align:center;
	 padding-top:5px;
	 padding-bottom:5px;
}

.judul {
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	font-color:#000080;
	padding-left:4px;
	margin-left:8px;
}

.judulfakultas {
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	color:#0000ff;
	padding-left:4px;
	margin-left:8px;
	text-align:center;
}

.judulvisi {
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	color:#6495ed;
	padding-left:4px;
	margin-left:8px;
	text-align:center;
}

.date {
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:green;
	padding-left:4px;
	padding-bottom:10px;
	margin-left:5px;
	text-align:center;
}

#sidebar{
	float:left;
	width:200px;/* 200px */
	margin:30px;
}

#sidebar h2{
	font-size:16px;
	padding:5px 10px 5px 10px;
	color:#ffffff;
}

#sidebar ul{
	list-style:none;
	margin:5px 10px 20px 10px;	
}

#sidebar li{
	padding:5px;
	border-bottom: dotted 1px;
}


.round{display:block}
.round *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#e5eff4}
.round1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #7694bb;
  border-right:1px solid #7694bb;
  background:#b4c7db}
.round2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #37609a;
  border-right:1px solid #37609a;
  background:#c0d0e1}
.round3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #c0d0e1;
  border-right:1px solid #c0d0e1;}
.round4{
  border-left:1px solid #7694bb;
  border-right:1px solid #7694bb}
.round5{
  border-left:1px solid #b4c7db;
  border-right:1px solid #b4c7db}
.roundfg{
  background:#e5eff4}
  
.sideround{display:block}
.sideround *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#3f6fae}
.sideround1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #9db7d5;
  border-right:1px solid #9db7d5;
  background:#688fbf}
.sideround2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #d4e2ed;
  border-right:1px solid #d4e2ed;
  background:#5e87bb}
.sideround3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #5e87bb;
  border-right:1px solid #5e87bb;}
.sideround4{
  border-left:1px solid #9db7d5;
  border-right:1px solid #9db7d5}
.sideround5{
  border-left:1px solid #688fbf;
  border-right:1px solid #688fbf}
.sideroundfg{
  background:#3f6fae}
/******************************/
/******** Biru Muda  **********/
/******************************/ 
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#BEEBF1}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #dcf0f2;
  border-right:1px solid #dcf0f2;
  background:#cbedf1}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #eef3f3;
  border-right:1px solid #eef3f3;
  background:#c8ecf1}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #c8ecf1;
  border-right:1px solid #c8ecf1;}
.spiffy4{
  border-left:1px solid #dcf0f2;
  border-right:1px solid #dcf0f2}
.spiffy5{
  border-left:1px solid #cbedf1;
  border-right:1px solid #cbedf1}
.spiffyfg{
  background:#BEEBF1}
/******************************/
/******** Abu2 Muda  **********/
/******************************/ 
 .abumuda{display:block}
.abumuda *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#DEE6F3}
.abumuda1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #eaedf3;
  border-right:1px solid #eaedf3;
  background:#e3e9f3}
.abumuda2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f1f2f3;
  border-right:1px solid #f1f2f3;
  background:#e2e8f3}
.abumuda3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e2e8f3;
  border-right:1px solid #e2e8f3;}
.abumuda4{
  border-left:1px solid #eaedf3;
  border-right:1px solid #eaedf3}
.abumuda5{
  border-left:1px solid #e3e9f3;
  border-right:1px solid #e3e9f3}
.abumudafg{
  background:#DEE6F3}

/******************************/
/******** Biru Tua  ***********/
/******************************/ 	
.birutua{display:block}
.birutua *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#4387F5}
.birutua1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #a7c5f4;
  border-right:1px solid #a7c5f4;
  background:#6fa2f4}
.birutua2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e2e9f4;
  border-right:1px solid #e2e9f4;
  background:#649bf4}
.birutua3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #649bf4;
  border-right:1px solid #649bf4;}
.birutua4{
  border-left:1px solid #a7c5f4;
  border-right:1px solid #a7c5f4}
.birutua5{
  border-left:1px solid #6fa2f4;
  border-right:1px solid #6fa2f4}
.birutuafg{
  background:#4387F5}
	
/******************************/
/******** Pink Tua  ***********/
/******************************/ 		
.pinktua{display:block}
.pinktua *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#F189A6}
.pinktua1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f2c5d2;
  border-right:1px solid #f2c5d2;
  background:#f1a3b9}
.pinktua2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f3e9ec;
  border-right:1px solid #f3e9ec;
  background:#f19db4}
.pinktua3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f19db4;
  border-right:1px solid #f19db4;}
.pinktua4{
  border-left:1px solid #f2c5d2;
  border-right:1px solid #f2c5d2}
.pinktua5{
  border-left:1px solid #f1a3b9;
  border-right:1px solid #f1a3b9}
.pinktuafg{
  background:#F189A6}

/*************************/
/******** Pink ***********/
/*************************/ 		
.pink{display:block}
.pink *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#F3C9EB}
.pink1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f3e1f0;
  border-right:1px solid #f3e1f0;
  background:#f3d3ed}
.pink2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f3eff3;
  border-right:1px solid #f3eff3;
  background:#f3d1ec}
.pink3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f3d1ec;
  border-right:1px solid #f3d1ec;}
.pink4{
  border-left:1px solid #f3e1f0;
  border-right:1px solid #f3e1f0}
.pink5{
  border-left:1px solid #f3d3ed;
  border-right:1px solid #f3d3ed}
.pinkfg{
  background:#F3C9EB}

	
/*************************/
/******** Hijau Tua ******/
/*************************/ 		
.hijautua{display:block}
.hijautua *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#8EFA5C}
.hijautua1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #c8f6b2;
  border-right:1px solid #c8f6b2;
  background:#a7f882}
.hijautua2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e9f4e4;
  border-right:1px solid #e9f4e4;
  background:#a1f878}
.hijautua3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #a1f878;
  border-right:1px solid #a1f878;}
.hijautua4{
  border-left:1px solid #c8f6b2;
  border-right:1px solid #c8f6b2}
.hijautua5{
  border-left:1px solid #a7f882;
  border-right:1px solid #a7f882}
.hijautuafg{
  background:#8EFA5C}

/*********************/
/******** Hijau ******/
/*********************/ 		
.hijau{display:block}
.hijau *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#DBFFCA}
.hijau1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e9f8e1;
  border-right:1px solid #e9f8e1;
  background:#e1fcd4}
.hijau2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f1f5ef;
  border-right:1px solid #f1f5ef;
  background:#dffcd1}
.hijau3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #dffcd1;
  border-right:1px solid #dffcd1;}
.hijau4{
  border-left:1px solid #e9f8e1;
  border-right:1px solid #e9f8e1}
.hijau5{
  border-left:1px solid #e1fcd4;
  border-right:1px solid #e1fcd4}
.hijaufg{
  background:#DBFFCA}

.clear{
	clear:both;
}

/* ========================== */
.judulmenu{
	border-top : 1px solid #add8e6;
	border-left : 1px solid #add8e6;
	border-right : 1px solid #add8e6;
	padding-top : 2px;
	padding-bottom : 2px;
	margin : 0px;
	text-align : middle;
	background-color : #6495ed;
	width : 180px;
}

.menu{
	border : 1px solid #add8e6;
	padding : 0px;
	margin : 0px;
	text-align : middle;
	font-size : 10pt;
	width : 180px;
}

.menu a{
	display : block;
	border-top : 1px;
	border-left : 1px;
	border-right : 1px;
	border-bottom : 1px;
	text-align : center;
	color : #EDEDED;
	text-decoration : none;
}

.menu a:link{
	color : #4C86C0;/*#EDEDED;*/
}

.menu a:visited{
	color : #4C86C0;
}

.menu a:hover{
	display : block;
	text-align : center;
	font-size : 10pt;
	background-color : #336699;
	color : #EED929;
	text-decoration : none;
}
/***************************/
.linkmenu{
  font-family:  Arial, Verdana;
	font-size:8pt;
	border : 1px solid #22476C;
	padding : 0px;
	margin : 0px;
	text-align : middle;
	background-color : #336699;
	width : 830px;
}

.linkmenu a{
	display : block;
	margin : 2px 0px;
	border-top : 1px solid #4C86C0;
	border-left : 1px solid #4C86C0;
	border-right : 1px solid #22476C;
	border-bottom : 1px solid #22476C;
	padding : 1px 5px;
	text-align : center;
	background-color : #336699;
	color : #EDEDED;
	text-decoration : none;
}

.linkmenu a:link{
	color : #EDEDED;
}

.linkmenu a:visited{
	color : #EDEDED;
}

.linkmenu a:hover{
	display : block;
	margin : 3px 0px;
	border-top : 1px solid #22476C;
	border-left : 1px solid #22476C;
	border-right : 1px solid #4C86C0;
	border-bottom : 1px solid #4C86C0;
	padding : 1px 6px 0px 8px;
	text-align : center;
	background-color : #336699;
	color : #EED929;
	text-decoration : none;
}

/***************************/

.sublinkmenu{
  font-family:  Arial, Verdana;
	font-size:8pt;
	border : 1px solid #22476C;
	padding : 0px;
	margin : 0px;
	text-align : middle;
	background-color : #add8e6;
	width : 830px;
}

.sublinkmenu a{
	display : block;
	margin : 2px 0px;
	border-top : 1px solid #f0ffff;
	border-left : 1px solid #f0ffff;
	border-right : 1px solid #22476C;
	border-bottom : 1px solid #22476C;
	padding : 1px 5px;
	text-align : center;
	background-color : #add8e6;
	color : #EDEDED;
	text-decoration : none;
}

.sublinkmenu a:link{
	color : #EDEDED;
}

.sublinkmenu a:visited{
	color : #EDEDED;
}

.sublinkmenu a:hover{
	display : block;
	margin : 3px 0px;
	border-top : 1px solid #22476C;
	border-left : 1px solid #22476C;
	border-right : 1px solid #f0ffff;
	border-bottom : 1px solid #f0ffff;
	padding : 1px 6px 0px 8px;
	text-align : center;
	background-color : #add8e6;
	color : #EED929;
	text-decoration : none;
}
/***************************/
.menulogin{
	border : 1px solid #22476C;
	padding : 1px;
	margin : 0px;
	text-align : middle;
	background-color : #008000;
	width : 180px;
}

.menulogin a{
	display : block;
	margin : 3px 0px;
	border-top : 1px solid #00ff00;/*#4C86C0;*/
	border-left : 1px solid #00ff00;/*#4C86C0;*/
	border-right : 1px solid #22476C;
	border-bottom : 1px solid #22476C;
	padding : 4px 10px;
	text-align : center;
	background-color : #008000;
	color : #EDEDED;
	text-decoration : none;
}

.menulogin a:link{
	color : #EDEDED;
}

.menulogin a:visited{
	color : #EDEDED;
}

.menulogin a:hover{
	display : block;
	margin : 3px 0px;
	border-top : 1px solid #22476C;
	border-left : 1px solid #22476C;
	border-right : 1px solid #00ff00;/*#4C86C0;*/
	border-bottom : 1px solid #00ff00;/*#4C86C0;*/
	padding : 5px 9px 3px 11px;
	text-align : center;
	background-color : #008000;
	color : #EED929;
	text-decoration : none;
}

/***************************/
.menulogout{
	border : 1px solid #22476C;
	padding : 1px;
	margin : 0px;
	text-align : middle;
	background-color : #cc0033;
	width : 180px;
}

.menulogout a{
	display : block;
	margin : 3px 0px;
	border-top : 1px solid #ff0099;/*#4C86C0;*/
	border-left : 1px solid #ff0099;/*#4C86C0;*/
	border-right : 1px solid #22476C;
	border-bottom : 1px solid #22476C;
	padding : 4px 10px;
	text-align : center;
	background-color : #cc0033;
	color : #EDEDED;
	text-decoration : none;
}

.menulogout a:link{
	color : #EDEDED;
}

.menulogout a:visited{
	color : #EDEDED;
}

.menulogout a:hover{
	display : block;
	margin : 3px 0px;
	border-top : 1px solid #22476C;
	border-left : 1px solid #22476C;
	border-right : 1px solid #ff0099;/*#4C86C0;*/
	border-bottom : 1px solid #ff0099;/*#4C86C0;*/
	padding : 5px 9px 3px 11px;
	text-align : center;
	background-color : #cc0033;
	color : #EED929;
	text-decoration : none;
}

/*********************************/
.levellog{
	border : 1px solid #22476C;
	padding : 1px;
	margin : 0px;
	text-align : middle;
	background-color : #1e90ff;
	width : 180px;
}

.levellog a{
	display : block;
	margin : 3px 0px;
	border-top : 1px solid #add8e6;
	border-left : 1px solid #add8e6;
	border-right : 1px solid #22476C;
	border-bottom : 1px solid #22476C;
	padding : 4px 10px;
	text-align : center;
	background-color : #1e90ff;
	color : #EDEDED;
	text-decoration : none;
}

.levellog a:link{
	color : #EDEDED;
}

.levellog a:visited{
	color : #EDEDED;
}

.levellog a:hover{
	display : block;
	margin : 3px 0px;
	border-top : 1px solid #22476C;
	border-left : 1px solid #22476C;
	border-right : 1px solid #add8e6;
	border-bottom : 1px solid #add8e6;
	padding : 5px 9px 3px 11px;
	text-align : center;
	background-color : #1e90ff;
	color : #EED929;
	text-decoration : none;
}