/*
Original design: andreas02 (v3.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund and stylishtemplate.com.
For more information, see http://andreasviklund.com/templates/andreas02/
*/

/* General layout */
body {
    font:76% tahoma, verdana, sans-serif;
    margin:0;
    padding:15px 0 0;
    background-image: url(images/bg.jpg);
    background-repeat: repeat-x;
    background-attachment: fixed;
    
}
.image01 {
	float: left;
}
h4 {
	font-size: 11px;
}

.gambar {
	width: 120px;
	height: 70px;
	float: left;
}

#container {background:#fff; margin:0 auto 20px; padding:5px 20px 20px; width:730px;}

/* Site title */
#logo {
	margin:10px 0 0;
}
#logo h1 a {
	border:none;
}
#logo h1 a:hover {
	border:none;
	text-decoration:none;
}
#logo p {
	font-size:1.3em;
	margin:0 0 20px 0;
}

/* Tags */
a {
	color:#3E7D08;
	text-decoration: underline;
}
a:link {
	text-decoration: underline;
}

a:hover {
	border-bottom-width: 0px;
	border-bottom-style: none;
	color: #003300;
}
a img {border:0;}
h1 {font-size:2.2em; font-weight:400; margin:0 0 5px; padding:0;}
h2 {
	font-size:25px;
	font-weight:bold;
	margin:0 0 12px;
	color: #509a11;
}
h3 {font-size:1.4em; font-weight:400; margin:0 0 10px;}
p {
	line-height:1.5em;
	margin:0 0 15px;
	text-align:left;
}
ul,ol {
	margin:0 0 15px 0;
}
li {
	margin:0 0 3px 5px;
}

/* Toptabs menu */
#toptabs {
	font-size:0.8em;
	margin:10px auto -13px;
	width:770px;
}
#toptabs p {
	color:#FF0000;
	text-align:right;
}
.toptab {
	color:#FFFFFF;
	margin:0 0 0 4px;
	padding:4px 5px 3px;
	text-decoration:none;
	background-color: #3e7d08;
	background-repeat: no-repeat;
	background-position: right top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3e7d08;
}
.toptab:hover {
	border-bottom:1px solid #FFFFFF;
	color:#3E7D08;
	text-decoration:none;
	background-color: #fafafa;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right top;
}
.activetoptab {
	color:#3e7d08;
	margin:0 0 0 4px;
	padding:4px 5px 3px;
	text-decoration:none;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.activetoptab:hover {
	text-decoration:none;
	color: #FFFFFF;
	background-color: #3E7D08;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #509A11;
}

/* Navitabs menu */
#navitabs {clear:both;}
.navitab {
	font-size:1.1em;
	margin:0 0 4px;
	padding:4px 8px;
	text-decoration:none;
	background-color: #509a11;
	background-image: url(images/corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #509a11;
	border-left-color: #509a11;
	border-right-style: none;
}
.navitab:link {
	text-decoration: none;
}
.navitab:active {
	text-decoration: none;
}


.navitab:hover {
	text-decoration:none;
	background-color: #3e7d08;
	background-image: url(images/corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3e7d08;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #3e7d08;
}
.activenavitab {
	color:#FFFFFF;
	font-size:1.1em;
	margin:0 0 5px;
	padding:4px 8px 5px;
	text-decoration:none;
	background-color: #3e7d08;
	background-image: url(images/corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.activenavitab:link {
	text-decoration: none;
}

.activenavitab:hover {
	color:#FFFFFF;
	text-decoration:none;
}

/* Header description area */
#desc {
	color:#fff; /* height:200px; */
	margin:5px 0 15px;
	padding:0 0 0 0;
	background-color: #006600;
	background-image: url(images/services.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 200px;
}
#desc p {font-size:1em; line-height:1.3em; padding:0 0 0 15px; width:290px;}
#desc h2 {color:#fff; padding:15px 15px 0;}
#desc a {border-color:#fff; color:#fff; text-decoration:none;}

/* Main content */
#main {
	float:left;
	margin:0;
	padding:0 10px 0 0;
	width:550px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #509a11;
}

/* Sidebar */
#sidebar {
	float:right;
	width:150px;
}
ul.sidelink li {list-style:none; margin:0 0 3px; padding:0;}
ul.sidelink li a{background:#f0f0f0 url(images/corner.gif) top right no-repeat; border:none; display:block; margin:5px 10px 5px 0; padding:3px 4px 3px 8px; text-align:left; width:140px;}
ul.sidelink li a:hover {background:#e0e0e0 url(images/corner.gif) top right no-repeat; border:none; text-decoration:none;}

/* Footer */
#footer {
	background:#fff;
	clear:both;
	margin:0;
	padding:0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #509a11;
}


/* Footer */
#footer {
	background:#fff;
	clear:both;
	margin:0;
	padding:0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #509a11;
}
#footer a {
	color:#006600;
}
#footer a:hover {
	color:#003300;
}
#footer p {
	color:#003300;
	font-size:10px;
	line-height:1.3em;
	margin:15px 0 0;
	padding:0;
}

/* Additional classes */
.photo {
	background-color:#FFFFFF;
	margin:0 0 15px;
}
.butoh {
	height: 100px;
}

.timestamp {font-size:1.2em; color:#606060; margin:-12px 0 12px 0;}
.right {margin:-8px 0 8px 0; text-align:right;}
.block {
	padding:15px;
	background-color: #98e556;
}
.hide {display:none;}
.gambar2 {
	width: 410px;
	height: 70px;
	float: left;
	padding-left: 20px;
	margin-bottom: 20px;
}

.style2 {
	color: #509a11;
}
.style3 {
	color: #509A11;
}


ul {
	list-style-image: url(images/bullet.png);
	list-style-position: outside;
	list-style-type: disc;
	padding: 0;
}
li {
}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 120px;
	color: #509A11;
	padding-left: 12px;
}