/* Filename: style.css *
/* Layout Styling */

body {
 background:#0E3966;
 margin: 0; 
 padding: 0; 
 font: 62.5% normal Verdana,Arial,Sans-Serif; 
 text-align: center;
}

#main {
background:#fff;
width:955px;
margin: 20px auto;
text-align:left;
}

#header {
	height:56px;
	width:100%;
}

#bodywrapper {
	width:100%;
	padding-top:6px;
	height:auto;
}

#right{
 width: 200px;
 float: left;
 position: relative;
 margin-left: 0;
 margin-top: 0;
 } 


#advert {
	height:30px;
	width:100%;
	border-bottom: 1px dashed #000;
	padding-bottom:10px;
}

#topmenu{
float: left;
padding-left:25px;
font-family:Times New Roman;
}


/* Search */

#search {
margin: 0px;
padding: 0px;
width: 213px;
height: 34px;
float: right;
background: url() right top no-repeat #BCD7F5;
vertical-align: top;
}

#search .inputbox{
width: 170px;
height: 18px;
font-size: 10px;
background: #fff;
border: 1px solid #666666;
margin: 0px;
padding: 0px;
line-height: 14px;
}

#search .button{
margin: 0px;
padding: 0px;
height: 14px;
font-size: 10px;
background: transparent;
border: none;
line-height: 10px;
}

#search form {
margin: 0px;
padding: 0px;
}

#search label{
background:transparent url(../images/search.gif) no-repeat;
}
#search .search{
padding-top:5px;
padding-left:10px;
}

/* Topmenu */

ul#mainlevel
{
list-style: none;
padding: 0;
margin:0;
float: left;
white-space: nowrap;
}

ul#mainlevel li{
width: auto !important;
float: left;
font-size: 14px;
height: 40px;
line-height: 20px;
white-space: nowrap;
margin-right: 1px;	
margin-top: 10px;
padding-right:15px;
}

ul#mainlevel li a{
font-weight: bold;
height: 20px;
display: block;
padding-right: 10px;
text-decoration: none;
color: #666666;
white-space: nowrap;
}

#content {
width:416px;
height:221px !important;
margin-bottom:3px;
}

#content #createdate{
background:#E6E6E6;
height:30px;
margin-left:-25px;
padding:0;
}

#content #createdate .tgl{
background:#FFF584;
width:40%;
height:30px;
padding-top:0px;
font-size:10px;
font:"Times New Roman", Times, serif;
}

#content #createdate .tgl .l{
padding-top:8px;
}


#content #createdate .tgl .l a{
margin-top:20px;
font-weight:bolder;
margin-left:26px;
}

#content .contentheading{
	font-family:Times New Roman;
	font-size:24px;
}

#content .contentpaneopen{
	font-family:Arial;
	font-size:12px;
	margin-top:12px;
}

#content .contentpaneopens{
	font-family:Arial;
	font-size:12px;
	line-height:12pt;
}

#content .blog {
height:auto !important;
}

#content #system-message {
	background-color:#F00;
}

#magz{
margin-bottom:8px;
}

#sidebar {
 float: left; 
 width: 424px !important;
 margin-left: 25px !important;
 margin-left: -5px;
 padding-top: 3px !important;
 padding-top: 0px;
}

#middle {
 float:left;
 position:relative;
 width:285px;
 margin:0 8px 0 0;
 padding:0;
}

#banslide{
margin-bottom:8px;
}

#terbaru {
 background: transparent url(images/mainbawah.jpg) no-repeat;
 height:142px;
}

#terbaru .contentpaneopen {
margin-top:40px;
width:390px;
margin-left:14px;
}

#terbaru .contentpaneopen td {
font-family:Tahoma;
font-size:19px;
}

#terbaru .contentpaneopens {
width:390px;
height:auto;
margin-left:14px;
}

#terbaru .contentpaneopens p {
font-family:Arial;
font-size:12px;
}

#login .moduletable_menu ul {
float:left;
margin:-5px 0 5px 0;
padding:0;
width:100%;
}

#login .moduletable_menu ul p {
font-family:Arial;
font-weight:bold;
font-size:9px;
}

#login .moduletable_menu ul li {
list-style:none;
text-align:venter;
color:#FFFFFF;
}

#login .moduletable_menu ul li a{
text-decoration:none;
color:#fff;
font-size:12px;
font-family:Times New Roman;
font-weight:bold;
}

#login .moduletable_menu ul li a:hover {
	color:#666;
}

#middle .moduletable ul {
float:left;
margin:0;
padding:0;
width:115px;
}

#middle .moduletable ul p {
font-family:Arial;
font-weight:bold;
font-size:14px;
}

#middle .moduletable ul li {
list-style:none;
text-align:left;
color:#FFFFFF;
}

#middle .moduletable ul li a{
text-decoration:none;
color:#000000;
font-size:29px;
font-family:Times New Roman;
}

.input {
margin-left:20px;
padding:3px 3px 3px 10px;
border:none;
}
.input p {
border:none;
margin:0;
padding:1px;
}

.input p#judul{
margin:4px 0 0 0;
font-size:16px;
font-weight:bold;
}

.button{
background: #bc6a16;
border:1px solid #666666;
margin-top:6px;
color:#FFFFFF;
font-weight:bold;
font-family:arial;
}

#login {
background: transparent url(images/login_back1.jpg) no-repeat;
height:115px !important;
margin-bottom:8px;
}

#login p {
	font-family:Arial;
	font-size:20px;
	float:left;
	width:110px;
	color:#fff;
}

#login .moduletable_menu{
	width:160px;
}

#direktori {
background:transparent url(images/direktori.jpg) no-repeat;
height:142px;
}

#direktori .module_menu {
float:left;
margin-left:40px;
line-height:1.4;
margin-top:10px;
}

#direktori .module {
float:left;
line-height:1.4;
margin-top:10px;
}

#direktori p{
margin-left:58px;
}

#direktori p a{
color:#FFF;
font-size:11px;
}

#direktori .module_menu ul.menu {
height:100px !important;
width:100px;
}

#direktori div.module_menu .menu li{
padding-bottom:0;
}

#direktori a{
text-decoration:none;
color:#666666;
font-size:12px;
}

#agenda {
background: transparent url(images/kolomkananatas.jpg) no-repeat;
width: 200px;
float:left;
height:240px !important;
margin-bottom:8px;
}

#agenda .lihat{
margin-left:27px;
}

#agenda .lihat a{
text-decoration:none;
color: #9F3;
font-weight:bold;
font-size:11px;
}

#agenda .isi{
height:160px !important;
margin-top:30px;
}

#agenda .contentpaneopens {
text-align:left;
width:150px;
height:auto !important;
float:left;
margin-left:22px;
margin-top:10px;
}

.advs{
margin-bottom:8px;
}

.isi h3, h2, p{
margin:0;
padding:1px;
}

.isi h2 {
color: #CCCCCC;
font-size:12px;
}

.isi p {
color:#FFFFFF;
font-size:10px;
font-weight:bold;
}

.strategic{
margin-left:25px;
margin-top:8px;
margin-bottom:8px;
}

.strategic a{
margin-left:3px;
margin-right:3px;
}

#t{
background: #fff url(images/bg_flip.jpg) bottom right no-repeat; 
width:100%;
height:180px;
float:none;
clear:both;
}

#footer {
width:90%;
height:35px;
clear:both;
font-size: 10px;
color:#666666;
margin-top:-41px;
margin-left:15px;
border-top: 1px dashed #666666;
}

#footer .copyright{
width:55px;
background: transparent url(images/copyright.jpg) top left no-repeat;
float:left;
margin-left:10px;
margin-right: 5px;
height:40px;
}

#footer .moduletable{
	margin-top:6px;
}

.clear {clear: both}

/* Some CSS for Basic Typography */
a {}
img {border: none;}
ul, ol {margin: 0; padding: 0 0 5px 18px;}

/* Joomla 1.5 Specific Styles */
.sname {margin: 0; padding: 0; font-size: 20px;}
.slogan {margin: 0 0 0 20px; padding: 0; font-weight: bold;}

/* toggle feed icon text hidden */
#advert a span {display: none;}

/* Content typos */
.contentheading {font-size: 16px;}