a{color:#BF3A05; text-decoration:none;}
body{background:#efd99a url(../images/bg.jpg) repeat-x; margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333;}
.header{background:url(../images/header2.png) no-repeat; height:237px;}
.nav{background:url(../images/nav.png) no-repeat;  height:82px;}
.content{background:#ededed;}
.berita{margin-left:20px; } 
.berita p{font-size:11px; font-weight:normal; text-align:justify;}
.agenda p{color:#a43b11; font-family:Arial,Verdana,Helvetica,Sans-Serif;font-size:1.6em; font-weight:normal;}
.agenda, .pengumuman, .fakultas{margin:10px 0 0 20px;}

.pengumuman p{color:#a43b11; font-family:Arial,Verdana,Helvetica,Sans-Serif;font-size:1.6em; font-weight:normal;}
.banner{margin-left:7px;}

.search submit,input{border:1px solid #333; color:#333;}
.search{margin:10px 0 0 20px;}
.search p, .fakultas p{color:#a43b11; font-family:Arial,Verdana,Helvetica,Sans-Serif;font-size:1.6em; font-weight:normal;}
ul.search li{padding:4px 0 10px 0;}
ul.berita, ul.agenda, ul.pengumuman, ul.search, ul.fakultas {margin:0px; padding:0px; list-style-type:none;}
ul.berita li, ul.agenda li, ul.pengumuman li, ul.search li, ul.fakultas li{list-style-type:none; float:left; width:100%;  line-height:20px; border-bottom:1px dotted #333; }
ul.berita li a, ul.agenda li a, ul.pengumuman li a, ul.search li a, ul.fakultas li a{text-decoration:none; color:#BF3A05;}
ul.berita li img{float:left; margin-bottom:7px; margin-right:7px; padding:3px;}
ul.berita li{margin-top:10px;}

.berita h1{color:#a43b11; font-family:Arial,Verdana,Helvetica,Sans-Serif;font-size:1.6em; font-weight:normal;}
.berita h2,h3{font-size:11px; font-weight:normal; margin:0px; padding:0px;}
.berita title{text-decoration:none; color:#BF3A05; margin:0px; padding:0px;}

.berita-terakhir h1{color:#a43b11; font-family:Arial,Verdana,Helvetica,Sans-Serif;font-size:1.6em; font-weight:normal;}
.berita-terakhir h2,h3{font-size:11px; font-weight:normal; margin:0px; padding:0px;}
.berita-terakhir title{text-decoration:none; color:#BF3A05; margin:0px; padding:0px;}
.berita-terakhir {margin-left:20px;}
.berita-terakhir p{font-size:11px; font-weight:normal; text-align:justify;}
ul.berita-terakhir{margin:0px; padding:0px; list-style-type:none;}
ul.berita-terakhir li{list-style-type:none; float:left; width:100%;  line-height:20px; }
ul.berita-terakhir li a{text-decoration:none; color:#BF3A05;}
ul.berita-terakhir li img{float:left; margin-bottom:7px; margin-right:7px; padding:3px;}
ul.berita-terakhir li{margin-top:10px;}
/*------------------------navigasi--link--atas---*/
#menu {
background:transparent url(images/menu-navigasi.gif) no-repeat scroll 0;
float:left;
height:35px;
width:700px;
margin-bottom:2px;
}
ul.menu {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 0 0 22px;
}
ul.menu li {
float:left;
list-style-type:none;
margin:0 0 0 0;
}
ul.menu li img{padding:2px;}
ul.menu li a {
color:#FFFFFF;
float:left;
font-family:Verdana;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:32px;
padding-left:18px;
padding-right:18px;
text-decoration:none;
}
ul.menu li a:visited:hover {
color:#FA9724;
font-weight:normal;
}
/*------------------------------------------------*/
.tabby{width:240px;}
#tabby {
	margin:0px;	
	width:238px;
	float:left;
	list-style-type: none;
	margin-top:10px;
	padding:2px;
}
#tabby .top-tab {
	background: url(images/top-side.gif) no-repeat bottom;
	float: left;
	height: 11px;
	width: 420px;
}
#tabby .tab-content {
	background: url(images/center-side.gif) repeat-y;
	float: left;
	width: 420px;
	padding: 10px;
}
#tabby .bot-tab {
	background: url(images/bottom-side.gif) no-repeat top;
	float: left;
	height: 17px;
	width: 420px;
}
.idTabs {
	margin: 0px;
	padding: 0px 0px 0px 8px;
	float: left;
	width: 180px;
	list-style-type: none;
}

.idTabs li {
	display: inline;
	margin: 0px 4px 0px 0px;
	padding: 0px;
	float: left;
	color: #000000;
	text-align: center;
	font-size: 11px;
}
.idTabs li a {
	color: #333333;
	text-decoration: none;
	margin: 0px;
	padding: 4px 4px;
	line-height: 12px;
	height: 15px;
	display: block;
	float: left;
	font-size:12px;
	font-weight:bold;
}
.idTabs li a:hover {color:#a43b11;}
.idTabs li a.selected {
	background: #646463;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	line-height: 25px;
	padding: 4px 8px;
	height: 25px;
	display: block;
	float: left;	
}
#mostcomments {
	float: left;
	width:230px;
	_width:320px;
	padding:0px;
	_padding:2px;
	display: block;
	margin-left:8px;
	margin-top:8px;
	_margin-top:8px;
	margin-bottom:8px;
	_margin-left:5px;
	/*_margin-bottom:2px;*/
	_padding-bottom:0px;
}


#tabby .list {
	margin: 0 0 0 8px;
	padding: 0 0 0 0;
	_padding: 0px 0px 0px;
	float: left;
	width: 230px;
	list-style-type: none;
}
#tabby .list ul {
	margin: 0px;
	padding: 0px;
	
	width: 100%;
	list-style-type: none;
}
#tabby .list li {
	margin: 0px 0px 4px;
	_margin: 0px 0px 0px;
	padding: 0px;
	
	width: 100%;
	list-style-type: none;
	line-height: 18px;
	color: #000000;
}
#tabby .list li a {
	background: url(../images/bullet-red.gif) no-repeat left 3px;
	margin: 0px;
	padding-left: 11px;
	color: #333333;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
}
.pages_div {
margin-top:10px;
text-align:center;
}
.pages_div a {
border:1px solid #CCCCCC;
color:#333;
cursor:pointer;
display:inline-block;
float:left;
font-family:Tahoma;
font-size:9px;
margin:0 0.38em 0 0;
padding:0.3em 0.7em;
text-align:center;
text-decoration:none;
}
.pages_div a:hover{color:#a43b11;}
.pages_div span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F2F2F2 none repeat scroll 0 0;
border:1px solid #DCDCDC;
color:#333;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:9px;
font-weight:bold;
margin:0 0.38em 0 0;
padding:0.3em 0.7em;
text-decoration:none;
}
/*=======poling=========*/
.polling h1{font-size:11px; font-weight:normal; margin:0px; padding:0 0 0 0; line-height:1.6em;}
.polling p{margin:0px; padding:0 0 0 20px; line-height:1.6em; color:#a43b11; font-family:Arial,Verdana,Helvetica,Sans-Serif;font-size:1.6em; font-weight:normal;}
.profil p{margin:0px; padding:0 0 0 0; line-height:1.6em; color:#a43b11; font-family:Arial,Verdana,Helvetica,Sans-Serif;font-size:1.6em; font-weight:normal;}
.profil img{ margin-left:4px;}
.polling input{border:0px; padding:0 0 0 8px;}
submit.polling{border:1px solid #333;}
/*===========end poling=====*/
/*===========footer=========*/
.footer{border-top:6px solid #cfcfcf; margin:8px 0 0 0; background:#8d8b8c url(../images/footer-bg-right.png) right top no-repeat; height:256px;}
.akademik, .fasilitas, .layanan{margin:0 0 0 20px; padding:0 0 0 19px; _margin-top:10px; _padding:0 0 0 8px; }
.akademik p, .fasilitas p, .layanan p{color:#4f4f4f; font-family:Arial,Verdana,Helvetica,Sans-Serif;font-size:1.6em; font-weight:normal;}
ul.akademik li, ul.fasilitas li, ul.layanan li{padding:0 0 10px 0; }
ul.akademik, ul.fasilitas, ul.layanan  {margin:0px; padding:0px; list-style-type:none;}
ul.akademik li, ul.fasilitas li, ul.layanan li{list-style-type:none; float:left; width:100%;  line-height:10px;}
ul.akademik li a, ul.fasilitas li a, ul.layanan li a{text-decoration:none; color:#fff;}

ul.fasilitas li{padding:0 0 10px 40px; } .fasilitas p{padding:0 0 0 40px;  } .akademik{_padding:0 0 0 20px;}
.copyright p{ margin:25px 20px 0 0; line-height:1.3em; text-align:right;}
.copyright a{text-decoration:none; color:#333;} .copyright a:hover{color:#fff;}

/*========gallery===*/
#Boxcontainer ul{ margin:0px; padding:0px;}
#Boxcontainer ul li{float:left; list-style-type:none;}
#portoBox{background:#fff; margin:0 0 0 20px; _margin:0 0 0 10px; padding:2px 2px 2px 2px; }
#bgwhite{background:#ececec;  margin:0 auto;  -moz-border-radius: 10px;
-webkit-border-radius: 10px; border:1px solid #ececec;}
#Boxcontainer img{margin:16px 16px 16px 19px; padding:2px 2px 2px 2px; border:1px solid #ccc;}
#Boxcontainer p{margin:0 0 0 20px;}
#Boxcontainer h1{color:#333; margin:8px 0 0 20px; padding:0px; font-family:Arial,Verdana,Helvetica,Sans-Serif;font-size:1.6em; font-weight:normal;}
.list-box{border-top:1px dotted #cccccc; margin:10px 10px 10px 10px;}
#portoBox { color: #000;}
#portoBox .title{ font-size: 28px; text-align: left;   }
#portoBox .sub-title{ font-size: 18px; padding: 10px 0; }
#portoBox .ico{ margin-right: 10px; float:left; width:18px; height:18px; background: url(../im/project-name.gif) no-repeat; }
#portoBox .desc{ float:right; width:260px; }
#portoBox .title-project a{ font-size: 18px; padding: 10px 0 5px 0; color: #950000; }
#portoBox .title-project a:hover { font-size: 18px; padding: 10px 0 5px 0; color: #950000; text-decoration: underline; }