@charset "utf-8";
/******************
 CSS Document 
 
 by etuctida | bluefever | Aditya Prasanthi @ http://www.bluefever-studio.com
 @ Bali Orange http://www.baliorange.net
 
 ******************/

/*  Colors: 

1 : #c5da63 (hijau muda)
2 : #70ab22 (hijau lebih tua)
3 : #2d5c1f (hijau tua)
4 : #94a050 (hijau pucat)
5 : #563f13 (coklat)
6 : #fcf7a5 (kuning)
*/


body {
	margin: 0;
	background: url(images/bg.tile.jpg) repeat;
	font: 0.8em/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	color: #333;
	}


/*********************************************
	#sidebar: hold navigation menu
 *********************************************/
#sidebar {
	font: 0.9em/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	float: left;
	width: 190px;
	padding: 0 0 0 0; 
	margin: 190px 0 0 60px ;
	display: inline;
	text-align: right;
}


#sidebar .sidemenu li {
	list-style: none;
	margin: 0;
	padding: 5px ; 
	font-size: 14px;
	font-weight: bold;
	color: #94a050;

}
* html body #sidebar .sidemenu li {
	height: 1%;
}

#sidebar .sidemenu li a {
	text-decoration: none;
	color: #445c19;
	background: none;
	font-weight: bold;
}
#sidebar .sidemenu li a span {
	color: #7F7F7F;	
	font-size: .9em;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-weight: normal;
	}
#sidebar .sidemenu li a:hover {
	color: #CC9900;
	background: none;
}

#sidebar .sidemenu li#current {
	background: url(images/current.png) center right no-repeat;
}
#sidebar .sidemenu ul { 
	margin: 5px 0 0 5px;
	padding: 5px;
	width: 100%;
	list-style: none;
	}
#sidebar.sidemenu ul li { 
	border: none; 
	list-style :none;}

/*********************************************
	layout
 *********************************************/
#upbg {
	width: 1024px;
	height: 557px;
	background: url('images/mockup.jpg') no-repeat center top;
	z-index: 1;
	margin: 0 auto;
}

#rightcontent {
	width:100%;
	background:url(images/wrap.jpg) no-repeat center top;
	border: none;
	margin: 557px 0 0 0;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 557px;
	z-index: 1;
		}
	
#main {
	width:700px;
	background:#fff url(images/bg.jpg) no-repeat right top;
	margin: 0 auto 0 auto;
	padding: 25px;
}

#main ul {
	list-style: url(images/bullet.gif) inside;
}

#footer {
	width: 100%;
	background: url(images/foot.jpg) center top no-repeat;
	height: 287px;
	margin: 0 auto;
}

#foot {
	width: 600px;
	margin: 0 auto 5em auto;
	height: 160px;
	padding: 150px 20px 0 70px;
	text-align: center;
	color: #fff;
}

#foot a{
color: #2d5c1f;
font-weight: bold;
background: none;
}
/******************************************
 styling header, paragraph, link, stc
 *****************************************/
 
/* pullquotes */

.pullquote {
padding: 10px;
float: right;
width: 200px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
border-top-width: 2px;
border-bottom-width: 2px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #694e1c;
border-bottom-color: #694e1c;
font-size: 1.6em;
text-align: center;
line-height: 1.4em;
font-family: Cambria, Georgia, 'Times New Roman', serif;
font-style: italic;
font-weight: normal;
}

/*header */
 
h1, h2, h3, h4, h5, h6 {
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
	letter-spacing: -2px;
}

h1 {
	font-size:  2.6em;
	color: #2d5c1f; 
	padding: 10px 0 5px 0; 	
	border-bottom: 1px solid #E4F2C8;
	line-height: normal;
}

h2 {
	font-size: 2.2em;
	color: #70ab22;
	padding-top: 10px;
	line-height: 0.8em;
}

h3 {
	font-size: 2em;
	color: #94a050;
}

h4 {
	font-size: 1.8em;
	font-style:italic;
	color: #51432F;
}

h5 {
	font-size: 1.6em;
	color: #94a050;
}

h6 {
	font-size: 1.4em;
	color: #94a050;
}

/* paragraph */
p {
	color: #333333;

}

/* link */

a {
	color: #70ab22;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #2d5c1f;
	font-weight: bold;
	text-decoration: underline;
}

/* italic */
em {
	color: #2d5c1f;
	font-style:italic;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted #895F30;
}

address{
	font-style: normal;
}

del {
	color: #CCCCCC;
}

strong {
	color: #2d5c1f;
}

.highlight {
  padding: 1px 2px;
  background: #D9F5EC;
  border-top: 1px solid #BDEDDE;
}


/* list */
ul { list-style: none;
}

dl { padding: 10px; margin: 0; }

dt {
  font-weight: bold;
  color: #79A62E;
}

dd {
  padding-left: 25px; 
}

/* image */
img {
	padding: 5px;
	border: 1px solid #BEE8AA;
	margin: 5px;
}
/* table */
table {
	border-collapse: collapse;
	margin: 15px 10px;		
}
th {
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	text-align: center;
	background: #ADD163;	
	border-width: 1px;
  	border-style: solid;
  	border-color: #C4DE8F #93C138 #93C138 #C4DE8F;	
}
tr {
	height: 34px;
}
td {
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #E7F0CC;	
}	

/**************************************************************
   Form Elements
 **************************************************************/

label {
  float: left;
  text-align: right;
  width: 9em;
  padding-right: 1em;
  
}


input,
textarea,
select {
  padding: 4px;
  font: 400 1em 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  
  color: #666;
  background: #FFF;
  border-width: 1px;
  border-style: solid;
  border-color: #888 #DDD #DDD #888;  
}


input:focus,
textarea:focus,
select:focus {  
  padding: 3px;
  color: #000;
  background: #F1FFE3;
  border-width: 2px;
}

input.button {
  padding: 1px 10px;

  font: 400 1em 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  cursor: pointer;

  color: #fff;
  background: #508231;
  border-width: 1px;
  border-style: solid;
  border-color: #B8E78B #2D5018 #2D5018 #B8E78B;
}
/*********************************
	align class
 *********************************/
.align-left  { text-align: left; }
.align-right { text-align: right; }