#caption
{
width:240;
background-color:#f5c4c0;
}

#container
{
width:900px;
margin:auto;
margin-top:10px;
margin-bottom:10px;
}

#header
{
height:99px;
width:900px;
border:none;
}

#banner
{
vertical-align:middle;
height:264px;
width:900px;
border:none;
}

#menu
{
height:39px;
width:899px;
background:url(../images/menu.gif);
background-repeat:repeat-x;
vertical-align:top;
}

#main
{

height:487px;
width:900px;
}

#contenta
{
height:258px;
width:615px;
float:left;
background-color:#f0f0f0;
}

#contentatas
{
height:487px;
width:615px;
float:left;
background-color:#f0f0f0;
background-repeat:repeat;
}


#contentbkiri
{
height:229px;
width:308px;
float:left;
background-image:url(../images/main_bawah_1.jpg);
background-repeat:no-repeat;
}

#contentbkanan
{
height:229px;
width:307px;
float:left;
background-image:url(../images/main_bawah_2.jpg);
background-repeat:no-repeat;
}

#contentbawah
{
width:615px;
height:229px;
float:left;
background-color:#f0f0f0;
}

#contentkanan
{
width:285px;
height:487px;
float:right;

}

#footer
{
width:900px;
height:46px;
vertical-align:bottom;
}

#image_container { width:850px; overflow:visible; }
#image_container img { width:160px; margin:0px; float:left; display:inline-block; }

.text
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

.text a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
text-decoration:none;
}

.link a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
}

.link a:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FF3333;
}

.menu
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
}

.menu a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}

.header
{
font:Helvetica;
font-size:22px;
font-style:italic;
color:#FF0000;
}

.header2
{
font:Helvetica;
font-size:22px;
font-weight:bold;
color:#FF0000;
}

.subheader
{
font:Helvetica;
font-size:20px;
font-style:italic;
color:#FF0000;
}

.subheader a
{
font:Helvetica;
font-size:20px;
font-style:italic;
color:#FF0000;
}

.textarea { width:353px; height:150px; padding-left:2px; border-color:#DBDBDB; color:#444444; background-color:#DEDEDE;}

.footer
{
vertical-align:inherit;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
}

.footer a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
text-decoration:none;
}

.footer a:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0033CC;
font-size:12px;
text-decoration:none;
}



.red
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF0000;
}

.bold
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
text-decoration:none;
}

.bold a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
text-decoration:none;
}

.bold2 a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
font-weight:bold;
text-decoration:none;
}

.boldred
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF0000;
font-weight:bold;
text-decoration:none;
}

.boldred a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#0066CC;
font-weight:bold;
}

.boldred a:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
}

.komenhead
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000
}

.komenbox
{
border-style:solid;
border-width:1px;
border-bottom-color:#FF0000;
border-left-color:#FF0000;
border-right-color:#FF0000;
border-top-color:#FF0000;
}

.warning
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#CC0000;
text-decoration:none;
}

.style2 {
	font-size: 10px;
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
-->

.news
{
margin-left:25px;
margin-top:17px;
}

/*CSS for news scrollers*/

#pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}

/* pagination style */
div.pagination {
	padding: 3px;
	margin: 3px;
}
div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #FF0000;
	
	text-decoration: none; /* no underline */
	color:#FF0000;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #FF0000;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #FF0000;
		
		font-weight: bold;
		background-color: #FF0000;
		color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;

	color: #DDD;
}