@charset "utf-8";
/* CSS by Edi Gunawan - koplar.blogspot.com */

body { background: #eaf7da url(../images/bg.gif) repeat-x left top; margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
a { text-decoration:none; color:#000;}
a:hover { text-decoration:none; color:#e11d09;}

#MainContent { width:924px; margin:0px auto; position:relative;}
#Logo { position:absolute; width:220px;}
#Tagline { position:relative; width:650px; float:right; padding-top:25px; font-size:12px; line-height:17px; height:83px;}
#BannerLeft { width:650px; position:relative; float:left;}
#BannerRight { width:274px; margin-top:1px; float:right;}
.menu { float:left; height:31px; width:924px; position:relative;}
	.menu a:link,.menu a:visited { color:#fff; width:131px; height:22px; text-align:center; margin-right:1px; padding-top:7px; text-decoration:none; background:left top no-repeat url(../images/bg-menu.gif); font-size:12px; }
	.menu a:hover,.menu a:active { background-position:left -29px; }
	.menu a { display:block; float:left; }
	
#Content { width:600px; margin:25px; float:left; line-height:17px; }
#RightContent { float:right; position:relative; width:273px; margin-top:30px;}
	.bg-title-nav { background:url(../images/bg-tittle.gif) no-repeat; height:30px; font-size:15px; color:#FFFFFF;}
	.menu-nav {  border-bottom: #aabc94 dotted 1px; background:url(../images/bullet.gif) no-repeat left 11px ; padding:6px 0px 6px 30px;}
	.menu-nav a{ text-decoration:none; color:#000000;}
#Footer { width:894px; font-size:11px; line-height:20px; padding:15px; text-align:center; color:#000; float:left; background:url(../images/bg-foot.gif) no-repeat top center;}
#Footer a{ text-decoration:none; color:#000000; text-align:center;}
#Footer a:hover{ text-decoration:underline; color:#e11d09; text-align:center;}

.h1 { font-size:30px;}
.h2 { font-size:14px; color:#000000;}
.h1-tittle { font-size:18px;}
.time { font-size:12px; color:#e59118;}
.more { font-size:12px; color:#e11d09;}
.more a{ color:#e11d09; text-decoration:none;}
.more a:hover { text-decoration:underline;}
.img-border {padding:3px; background-color:#FFFFFF; border:1px #88a95f solid;}
.img-border a {}
.line { border-bottom:1px dotted #666666; margin-bottom:5px;  padding-top:5px;}
.white { color:#FFFFFF; font-size:15px;}

.arrowlistmenu{ width: 273px; font-family:Tahoma, sans-serif; padding-top:10px; font-weight:bold; }
.headerbar{	font: bold 14px Tahoma; color: white; text-transform: uppercase; padding: 7px; background: url(../images/pattern.gif) center top repeat; line-height:17px; text-align:center;}
.arrowlistmenu ul{ list-style-type: none; margin: 0; padding: 0; }
.arrowlistmenu li{}
.arrowlistmenu li a{ display: block; padding: 6px 0; padding-left: 38px; text-decoration: none; border-bottom: 1px dotted #9ab577; background: #f8fff0 url(../images/bullet.gif) no-repeat 10px center; font-size:12px;}
.arrowlistmenu li a:hover{ background:#f8fff0 url(../images/bullet.gif) no-repeat 10px center; }

.red-font { color:#F00; font-size:14px;}