/* CSS Document */
#emaillink A:active{

}
#emaillink A:hover{
	color:#85AC1E;
}
#topemaillink A{ color:#85ac1e;
}
#topemaillink A:hover {
color:#ffffff;
}
#topemaillink a  {
text-decoration:none;}

body {
	margin:auto;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#333333;
	background-color:#000000;
}
/* THE CONTAINER */

#container {
	width:950px;
	margin:0 auto;
	background-color:#ffffff;
	border:3px solid #ffffff;
	background-image:url(images/sbg.gif);
	background-repeat:repeat-y;
	background-position: 0px 0;
}
/*MASTHEAD */
#masthead {
background-color:#85ac1e;
text-align:left;
line-height:30px;
}
#masthead div {
padding:0.5em;
}
#masthead  a {
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	font-size:80%;
	border-right:2px solid #000000;
	padding: 0px 15px 0px 15px;
}
#masthead a:hover {
	color:#000000;
	border-right:2px solid #ffffff;
}

/* TITLE AREA  */

#title {
	height:155px;
	background-color:#000000;
}
#title h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:300%;
	color:#ffffff;
	font-weight:normal;
	margin-top:0;
	padding-top:0px;
	text-align:left;
	padding-left:10px;
}
#title h2 {
	letter-spacing:1px;
	color:#ffffff;
	font-weight:bold;
	font-size:100%;
	padding-left:10px;
	text-align:left;
}
#title p {
	float:right;
	padding:10px 30px 5px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#85ac1e;
}

/*  THE TOPMENU AREA */

#topmenu {
	width:100%;
	height:40px;
	margin:0;
	text-align:right;
	background-image:url(images/menu.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

#topmenu #nav {
	margin:0;
	padding:0;
	float:right;
}
#nav ul {
	list-style:none;
	list-style-type: none;
}
#nav li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	line-height:40px;
	border-left:1px solid #669900;
}

#nav li a {
	display:block;
	text-align:center;
	margin:0 0px 0 0;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;
	font-weight:bold;
	text-decoration:none;
	padding:0px 10px 0px 10px;
	border:none;
}
#nav li a em {
	font-style:normal;
	text-decoration:underline;
}

#nav li a.last {
	margin:0;
}

#nav li a:hover {
	background-image:url(images/navhover.jpg);
	background-position:right;
	color:#ffffff;
}

#nav li a.active {
	background-image:url(images/navhover.jpg);
	background-position:right;
	color:#ffffff;
	padding-top:0px;
}

/* THE SIDEBAR  */

#sidebar {
	width:352px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}
#sidebar div {
padding: 20px 5px 20px 5px;
}
#sidebar a{
text-decoration:none;
color:#ffffff;
}
#sidebar dt a:hover {color:#85ac1e;}
#sidebar h1 {
	text-align:left;
	font-size:140%;
	color:#ffffff;
	border-bottom:1px solid #eeeeee;
}

.jarak {
	clear:left;
	margin-top:0px;
	padding-top:0px;
	text-align:left;
}

#sidebar p {
	line-height:1.6em;
	font-size:85%;
	text-align:left;
	color:#ffffff;
}
#sidebar h2 {
font-size: 120%;
color:#ffffff;
text-align:left;
}
#sidebar h3{
font-size: 90%;
color:#ffffff;
text-align:left;
}


/* THE CONTENT AREA  */

#content {
width:580px;
float:right;
	background-color:#ffffff;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
}
/*#content div {
padding:10px;
}
*/
#content h1 {
	text-align:left;
	font-size:140%;
	color:#000000;
	border-bottom:1px solid #eeeeee;
}

#content p {
	line-height:1.6em;
}
#content h2 {
font-size: 140%;
color: #85ac1e;
}
#content h3 {
font-size: 120%;
color: #85ac1e;

}
#content h4 {
font-size: 100%;
color: #85ca1e;

}
#content h5 {
font-size: 90%;
color: #85ac1e;

}
#content h6 {
font-size: 80%;
color: #85ac1e;

}

#content ol,ul {
	line-height:25px;
	text-align: left;
	display: list-item;
	list-style-position: outside;
	list-style-type: none;
}
#content dt a {text-decoration:none; color:#85ac1e;}
#content dt a:hover {color:#ffffff;}
#content dd a {text-decoration:none; color:#ffffff;}
#content dd a:hover {color:#85ac1e;}

#blockquote {
width: 85%;
	padding:5px 35px 5px 35px;
	border-right:4px solid #85ac1e;
	border-left: 4px solid #85ac1e;
	font-weight:bold;
	line-height: 1.8em;
	margin-left: 0;
	color:#85ac1e;
}

/* THE FOOTER */

#footer {
clear:both;
	text-align:center;
	border-top:1px solid #cccccc;
	background-color:#000000;
	color:#ffffff;
	font-size:85%;
}
#footer div {
padding:20px;
}
#footer p {
color:#ffffff;
padding:5px;
}
#footer a {
	padding: 0px 10px 0px 10px;
	text-decoration:none;
	color:#ffffff;
}
#footer a:hover {
color:#85ac1a;
}
/*sidebar Definition List for Images */
#sidebar dl {
  	float: left;
  	width: 300px;
  	margin: -10px 0px 0px 10px;
  	padding: 0;
  	display: inline; /* fixes IE/Win double margin bug */
  	}
#sidebar dt {
  	float: right;
  	width: 202px;
  	margin: 0;
  	padding: 0;
  	font-size: 130%;
	font-weight:bold;
  	letter-spacing: 1px;
  	color: #ffffff;
  	}
#sidebar dd {
  	margin: 0 0 0 98px;
  	padding: 0;
  	font-size: 95%;
  	line-height: 1.4em;
  	color: #85ac1e;
	font-weight:bold;
  	}
#sidebar dl dd.img {
   	margin: 0;
   	}
#sidebar dd.img img {
  	float: left;
  	margin: 0 8px 18px 0;
  	padding: 4px;
  	border: 1px solid #D9E0E6;
  	border-bottom-color: #C8CDD2;
  	border-right-color: #C8CDD2;
  	background: #000000;
  	}
	.green {
	color:#85ac1e;
	}
	.black {
	color:#000000;
	}
	.white {
	color:#ffffff;
	}
	
	#gallery{
list-style:none;

}
#gallery li {
float:right;
margin-bottom:0px;
font:bold;
color:#dc7d00;
}
#gallery img {
display:block;
padding:6px;
background-color:#000000;
}
dl.gallery {
border:1px solid #000000;
padding:3px;
background-color:#000000;
width:82px;
text-align:center;
float:left;
}
.gallery dt {
font-weight:bold;
color:#85ac1e;
}
.gallery dt img {
border:1px solid #000000;
width:80px;
height:80px;
}
.gallery dd {
margin: 0;
padding:0;
color:#ffffff;
font-size:70%;
}