/* ---------------------
basic layout
--------------------- */

* {
	font-family: Arial, Helvetica, sans-serif;
}

.rosbody {
	background: url(../citra/background.jpg) ;
	margin:0;
	color:#000000;
}

div,
td,
p {
	font-size:12px;
	line-height:18px;
	color:#333333;
}

a,
a:link,
a:active,
a:visited {
	text-decoration:underline;
	color:#000000;
}

a:hover {
	text-decoration:underline;
	color:#3973AC;
}

ul {
	margin: 5px;
	padding: 5px;
	list-style: none;
	list-style-type: square;
}

li {
	line-height: 18px;
	padding-left: 5px;
	padding-top: 0px;
	list-style-position: none;
}

/** clear the banner to make it sit in the bottom **/
.clear {
	clear:both;
}

/* ---------------------
template layout
--------------------- */

/** wrapper to make the page center **/
#container {
	width:800px;
	margin: 16px auto;
	padding:0;
	text-align: left;
}

/**
hold background, it should be float:left
that's way we can not put it in #container
**/
#containerbg {
	position:relative;
	width: 800px;
	background:transparent url(../citra/bg-content.jpg) repeat-y left top;
	float:left;
	top:0;
	left:0;
}

#outerleft {
	position:relative;
	float:left;
	clear:left;
	width:880px;
	
}

#outerright {
	position:relative;
	width:170px;
	float:right;
	clear:right;
}

#logo {
	position:relative;
	width:100%;
	float:left;
}

/** div container for top menu. position:top **/
#topmenu {
	position:relative;
	float:left;
	clear:left;
	background-color:#000000;
	width: 100%;
}

/** div container for image header **/
#imgheader {
	position:relative;
	float:left;
	clear:left;
	width:100%;
	height:99px;
	background-color: #000000;
}

#container_inner {
	position:relative;
	float:left;
	clear:left;
	width:800px;
}



/** div container for mainbody **/
#content_main {
	position:relative;
	float:left;
	width:780px;
	margin:15px 0 0px 15px;
}



/** copyright **/

#copyright {
	position:relative;
        background:#9E0B0E;
	font-size:10px;
	width:800px;
	display:block;
	clear:both;
        color:#d4e8c8;
	float:left;
        text-align:center;
}

#copyright div {
	color:#666666;
	font-size:10px;
	font-weight:bold;
	display:block!important;
	width:800px;
	float:left;
	clear:left;
	margin:-10px 0 0 0;
	text-align:left;
}

/** generic menu item link **/
a.mainlevel:link,
a.mainlevel:active,
a.mainlevel:visited {
	color:#222222;
	text-decoration:none;
	font-size:11px;
	line-height: 28px;
}


a.sublevel:link,
a.sublevel:active,
a.sublevel:visited {
	color:#FFFF83;
	text-decoration:none;
	font-size:11px;
	line-height: 28px;
}

/** generic menu item link on mouseover **/
a.mainlevel:hover {
	color:#BF0909!important;
	text-decoration:none!important;
}


/** generic menu item **/
.mainlevel  {
	display:block;
	height:26px;
	line-height:26px;
	padding-left:10px;
	font-weight:bold;
	text-decoration:none;
}


.isipusba{
	margin:8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-align: justify;
	color: #9E0B0E;
}

.jdl-tabel{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
        color: #F3F6AE;
        background: #3A3A10;
}

.jdl-tabel a:link,
.jdl-tabel a:visited,
.jdl-tabel a:active {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-decoration: underline;
        color: #BDD5F9;
        background: #3A3A10;
}

.jdl-taut {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
        color: #F3F6AE;
        background: #CEECBB;
}
.isi-tabel {
        margin:8px;
        text-align:justify;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        color: #003471;
        background: #F7F7E4;
}

.jdl-berita {
        margin:8px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        color: #FFFF00;
}


.baris-ganjil {
        margin:8px;
        text-align:justify;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        color: #003471;
        background: #E5E592;
}

.baris-genap {
        margin:8px;
        text-align:justify;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        color: #003471;
        background: #E4E4BA;
}
.borang-luar {
        margin:8px;
        text-align:justify;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        color: #003471;
        background: #3a3a10;
}
.borang-dalam {
        margin:15px 15px 15px 15px;
        text-align:justify;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        color: #003471;
        background: #E0E053;
}