/* CSS Document */

body {
background: url(images/bg.jpg) repeat-x;
margin: 	20px;
padding:	0;
}

#wrapper {
width:		800px;
margin:		0 auto;
}

#logo {
float: 		left;
width:		282px;
height:		108px;
background: url(images/logo.jpg) no-repeat left top;
margin: 	0 auto;
}
#logo img {
margin:		 40px 0 0 50px;
}

#menu {
float:		right;
width: 		509px;
height: 	108px;
background: url(images/menu.jpg) no-repeat left top;
margin: 	-108px 10px 0 0;
}
#menu .tgl{
font-family: Arial, Helvetica, sans-serif;
font-size:   12px;
list-style:  none;
float:       right;
color:       #ffffff;
}
#menu ul {
	margin:0;
	font-size: 11px;
	font-weight: bold;
	padding: 65px 0 0 43px;
	list-style: none;
}

#menu li {
	display: inline;
	color: #ffffff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 0 20px;
}
#menu a:link {
color:	#ffffff;
text-decoration: none;
}
#menu a:visited {
color:	#ffffff;
text-decoration: none;
}
#menu a:hover {
color:	#cfdc0d;
text-decoration: none;
}

#page {
width: 		800px;
margin: 	0 auto;
}

#sidebar {
float:		left;
width:		257px;
}

#main {
background: url(images/main_menu.jpg) no-repeat left top;
width:		257px;
height:		247px;
}
#main h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 	 20px;
font-weight: bold;
color:		 #bbb7b7;
margin:		 0 0 0 50px;
padding:     35px 0 0 0;
}
#main ul {
	margin:0;
	font-size: 12px;
	padding: 10px 0 0 50px;
	list-style: none;
}

#main li {
	color: #6F6F6F;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
}
#main a:link {
color:	#6F6F6F;
text-decoration: none;
}
#main a:visited {
color:	#6F6F6F;
text-decoration: none;
}
#main a:hover {
color:	#cfdc0d;
text-decoration: none;
}

#added {
background: url(images/added.jpg) no-repeat left top;
width: 		257px;
height: 	373px;
}
#added h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 	 20px;
font-weight: bold;
color:		 #bbb7b7;
margin:		 0 0 0 50px;
padding:     35px 0 0 0;
}
#added ul {
	margin:0;
	font-size: 12px;
	padding: 10px 0 0 50px;
	list-style: none;
}
#added li {
	color: #AFBE07;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
}
#added a:link {
color:	#AFBE07;
text-decoration: underline;
}
#added a:visited {
color:	#AFBE07;
text-decoration: underline;
}
#added a:hover {
color:	#AFBE07;
text-decoration: underline;
}

#sidebar2 {
float:		left;
width:		533px;
padding:	0;
}

#content {
background: url(images/content.jpg) repeat-y;
width: 		533px;
overflow:   auto;
height: 	620px;
margin: 	0 auto;
}
#content a:link {
color:	#6F6F6F;
text-decoration: underline;
}
#content a:visited {
color:	#6F6F6F;
text-decoration: underline;
}
#content a:hover {
color:	#AFBE07;
text-decoration: underline;
}
#content p{
font-family: Arial, Helvetica, sans-serif;
font-size:   12px;
text-align:  left;
padding-right: 15px;
color:	#6F6F6F;
list-style:  none;
margin:      5px 0 0 10px;
}
#content ul li.shortcuts{
font-family: Arial, Helvetica, sans-serif;
font-size:   12px;
font-weight: bold;
color:       #4B4B4B;
list-style:  url(images/panah.gif);
margin:      0 0 0 -16px;
}
#content p.shortcuts{
font-family: Arial, Helvetica, sans-serif;
font-size:   12px;
text-align:  left;
padding-right: 15px;
color:	#6F6F6F;
list-style:  none;
margin:      -10px 0 0 24px;
}
#content p.more{
font-family: Arial, Helvetica, sans-serif;
font-size:   12px;
text-align:  left;
padding-right: 15px;
color:	#6F6F6F;
list-style:  none;
margin:      -12px 0 0 40px;
}
#content ul li{
font-family: Arial, Helvetica, sans-serif;
font-size:   12px;
padding-right: 15px;
color:	#6F6F6F;
list-style: url(images/arrow_2.gif);
margin:      0 0 0 0px;
}
#content h2 {
font-family: Arial, Helvetica, sans-serif;
font-size:	 14px;
margin:	     0 auto;
padding:	 20px 0 0 10px;
color:	     #AFBE07;
}
#content table.satu{
margin:		 20px 0 0 20px;
font-family: Arial, Helvetica, sans-serif;
font-size:	 12px;
color:		 #6F6F6F;
list-style:	 none;
}
#content table.gal{
margin:		 0 auto;
font-family: Arial, Helvetica, sans-serif;
font-size:	 12px;
color:		 #6F6F6F;
list-style:	 none;
}
#content table.right{
margin:		 0 0 0 0;
font-family: Arial, Helvetica, sans-serif;
font-size:	 12px;
float: 		 right;
color:		 #6F6F6F;
list-style:	 none;
}
#content table.gb{
margin:		 0 0 0 20px;
font-family: Arial, Helvetica, sans-serif;
font-size:	 12px;
color:		 #6F6F6F;
list-style:	 none;
}
#content p.view{
font-family: Arial, Helvetica, sans-serif;
font-size:	 12px;
margin:		 20px 0 0 10px;
padding-right: 20px;
color:		 #6F6F6F;
list-style:	 none;
}
.garis_bawah {
background-image:url(images/horiz_dot_slice_full.gif);
height: 10px;
}
	.foto_galery {
	width: 100px;
	height: 90px;
	border: 1px solid #666666;
}
#content h1 {
font-family: Arial, Helvetica, sans-serif;
font-size:	 14px;
font-weight: bold;
color:	     #AFBE07;
}
#content p.mail{
color:		#AFBE07;
}
#content p.web{
color:		#FF6600;
}
#content p.next{
font-family: Arial, Helvetica, sans-serif;
font-size:   12px;
font-weight: bold;
margin:      10px 40px 0 0;
float:		 right;
color:		#AFBE07;
}
a.next:link {
color:	#6F6F6F;
text-decoration: none;
}
a.next:visited {
color:	#6F6F6F;
text-decoration: none;
}
a.next:hover {
color:	#cfdc0d;
text-decoration: none;
}

#footer {
clear:		both;
background: url(images/footer.jpg) no-repeat left top;
width: 		791px;
height: 	76px;
margin: 	0 0 0 -1px;
}
#footer p {
font-family: Arial, Helvetica, sans-serif;
font-size:	 12px;
color: 	  	 #bbb7b7;
list-style:	 none;
padding:	 20px 0 0 0;
margin:		 0 0 0 88px;
}