body {
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	margin-top:0px;
	margin-bottom:0px;
	background-attachment: fixed;
}
table {
	background: #FFFFFF;
	border:0px solid #fff;
}
#container {
	margin-left:auto;
	margin-right:auto;
}

div#brslogo {
	background:#CC0000;
	border:0px solid red;;
	margin: 0 auto;
	width:920px;
}

div#hmenu {
	background-color:#CC0000;
	margin-left:auto;
	margin-right:auto;
	width:920px;
	height:30px;
	border:0px solid red;
}
div#topleft ul{
	margin: 0;
	padding: 1px 0 0 5px;
}
div#topleft li{
	display: inline;
	margin-left: -5px;
	list-style: none;
	padding:5px 0 0 0;
	background-color:#CC0000;
}
div#topleft li a{
	color: #fff;
	background: #CC0000;
	padding: 7px 9px 7px 9px;
	text-decoration: none;
	font: 700 11px verdana, Arial, Helvetica, sans-serif;
	border-bottom: 4px solid #FFFF00;
	margin: 0 2px 3px 0;
}
div#topleft li a:hover{
	background: #FFFF00;
	padding: 7px 9px 7px 9px;
	text-decoration: none;
	font: 700 11px verdana, Arial, Helvetica, sans-serif;
	color: #000;
	border-bottom: 4px solid #CC0000;
	margin: 0 2px 3px 0;
}

#content {
	width: 920px;
	
}
/*  KIRI */
#kiri {
	width:180px;
	float:left;
	border:0px solid red;
}
#login {
	color: #333;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/login.jpg) no-repeat;
	width: 160px;
	padding-top: 40px;
	padding-left: 17px;
	margin-left: 0px;
	margin-top: 10px;
	height: 125px;
}
.input {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	background: #FFCC00;
	width: 140px;
	border: 1px solid #FF6600;
	height: 18px;
	margin-top:5px;
	margin-bottom:8px;
}
.button, .button:focus {
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	width:50px;
	padding: 1px;
	cursor:pointer;
	background-color:#FBFAE8;
	font:500 12px arial;
}
div#menukiri {
	margin-left:0px;
	margin-top:10px;
	text-align:left;
	border:0px solid red;
}
div#menukiri ul{
	margin:5px 5px 5px 15px;
	padding:0;
	border:0px solid red;
}
div#menukiri ul li{
	list-style: none;
	padding:5px 0 5px 18px;
	margin-bottom:1px;
	line-height:12px;
	background: #eee url(../images/bullet_arrow.gif) 5px no-repeat;
}
div#menukiri ul li:hover{
	list-style: none;
	padding:5px 0 5px 18px;
	margin-bottom:1px;
	line-height:12px;
	background: #99CCFF url(../images/bullet_arrow.gif) 5px no-repeat;
}
div#menukiri ul li a{
	font: bold 10px Verdana;
	color: #FF0000;
	text-decoration: none;
	display:block;
}
div#menukiri ul li a:hover{
	font: bold 10px Verdana;
	color: #FF0000;
	text-decoration: none;
}

/* quick link */
div#quicklink {
	margin-left:0px;
	margin-top:10px;
	text-align:left;
	padding-top:30px;
	border:0px solid red;
	background: url(../images/quicklink.jpg) no-repeat;
}
div#quicklink ul{
	margin:5px 5px 5px 20px;
	padding:0;
	border:0px solid red;
}
div#quicklink ul li{
	list-style: none;
	padding-left:15px;
	margin-bottom:10px;
	line-height:12px;
	background: url(../images/arrow_right_gray.gif) left no-repeat;
}
div#quicklink ul li a{
	font: bold 10px Verdana;
	color: #FF0000;
	text-decoration: none;

}
div#quicklink ul li a:hover{
	font: bold 10px Verdana;
	color: #FF9900;
	text-decoration: underline;
}
div#ads1 {
	margin-left:0px;
	margin-top:10px;
	text-align:center;
	border:0px solid red;
}
div#ads1 {
	margin-left:0px;
	margin-top:10px;
	text-align:center;
	border:0px solid red;
}
div#ads2 {
	margin-left:0px;
	margin-top:10px;
	text-align:center;
	border:0px solid red;
}
.url {
	border:1px solid #bbb; overflow:scroll;width:140px;height:50px; margin:0 auto 20px auto;;
}
div#ads2 img {
	vertical-align: middle;
	margin: 0 0 20px 0;
	border: 0px solid red;
}	
	

div#menukiri img {
	vertical-align: middle;
	margin-right:5px;
	margin-bottom:5px;
}
.spanmenukiri{
	width:75px;
	height:25px;
}
.agenda a{
	text-decoration: none;
	color: #FF0000;
	padding:0 0 15px 0;
}
.agenda a:hover {
	color: #FF9900;
	text-decoration: underline;
}

/* tengah */
#tengah {
	height:100%;
	width:565px;
	float:left;
	border:0px solid red;
}
#header {
	background:#fff;
	margin:10px auto;
	width: 541px;
	border:0px solid red;
}
#topbanner {
	background:#fff;
	margin:16px auto;
	width: 541px;
}
div#seputarkampus {
	background:#fff;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	width: 564px;
}
div#berita {
	background:#fff;
	float:left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	height:150px;
	margin-left:5px;
	margin-top: 5px;
	width:270px;
}
div#page {
	color:#000;
	padding:5px;
}
div#page a{
	font:bold 11px verdana, arial;
	color:#FF0000;
	text-decoration:none;
}
div#page a:hover{
	font:bold 11px verdana, arial;
	color:blue;
	text-decoration:none;
}
div#page a.next{
	font:normal 11px verdana, arial;
	color:blue;
	text-decoration:underline;
}
div#page a:hover.next{
	font:normal 11px verdana, arial;
	color:blue;
	text-decoration:none;
}
div#page h1{
	font:bold 11px verdana, arial;
	color:#3366CC;
	text-decoration:none;
}
div#page h1 a{
	font:bold 11px verdana, arial;
	color:#FF0000;
	text-decoration:none;
}
div#page h1 a:hover{
	font:bold 11px verdana, arial;
	color:blue;
	text-decoration:underline;
}
div#page p{
	color:#333;
	text-align:justify;
}
.linkberita {
	color: #3366CC;
	text-decoration: none;
}
.linkberita:hover {
	text-decoration: underline;
}
.linknext {
	background: url(../images/bullet_arrow.gif) left no-repeat;
	padding-left:10px;
	color: #FF0000;
	text-decoration: none;
}
.linknext:hover {
	text-decoration: underline;
}

div#berita h1 {
	font-size:11px;
}
div#berita img {
	border: 1px solid #333;
	background: #fff;
	margin-right: 3px;
	padding: 3px;
}
.arsip {
	float:left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	height:auto;
	margin-top:5px;
	width: 560px;
	text-align:right;
}

/* Kanan */
#kanan {
	background:#FFF;
	height:100%;
	width:168px;
	float:left;
}
div.agenda {
	background: url(../images/agenda.jpg) no-repeat;
	color:#3b80a2;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	padding-top: 35px;
	padding-left: 10px;
	width: 158px;
}
div.video {
	background: url(../images/video.jpg) no-repeat;
	margin-left:0px;
	margin-top:10px;
	padding-top: 35px;
	text-align:center;
	border:0px solid red;
}
div#ads3 {
	margin-left:0px;
	margin-top:10px;
	text-align:center;
	border:0px solid red;
}

/* Footer */
div#footer {
	background:#FFF;
	color:#3b80a2;
	padding-top:30px;
	margin-left:auto;
	margin-right:auto;
	height:35px;
	width:920px;
	border-top: thin solid #e0f2fe;
}

div#footer h1 {
	background:#FFF;
	width:375px;
	float:left;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding-left:10px;
}
div#footer a {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#333300; text-decoration:none;
}
div#footer a:hover {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-decoration:underline;
}

div#footer h2 {
	width:300px;
	float:right;
	font: 11px Verdana, Arial, Helvetica, sans-serif;

}
div#copyright {
	background:#FFF;
	color:#3b80a2;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif; color:#333300; text-decoration:none;
	margin: 0 auto;
	height:35px;
	width:920px;
	text-align:center;
}