* {margin: 0px; padding: 0px;}
body {background: #000000; font-size: 12px; font-family: tahoma, verdana, helvetica;}

#web {background-color: #FF3300; margin: 0px auto 0px auto; padding: 0px; width: 780px; border: 5px solid #FFFFFF; 
	background-image: url(images/footer-back.jpg); background-repeat: no-repeat; background-position: bottom;}

#header {position: relative; width: 780px;height: 113px;background: url('images/header_bg.jpg') no-repeat;}
#header .name {text-align: left; font-family: "Arial Narrow"; font-size: 36px; font-style: italic; color: #FFFFFF; float: left; padding-top: 20px; 
	padding-left: 10px;}
#header .logo {text-align: right; float: right; margin-top: 20px; margin-right: 10px;}
#header a {color: #ffffff; text-decoration: none;}
#header a:hover {color: #ffff99;text-decoration: none;}

#menu {width: 780px; height: 29px; background-image: url(images/menu_bckg.jpg); background-repeat: repeat-x; text-transform: uppercase; color: #FF3300; 
	text-align: left; font-weight: bold; border-top-width: 5px; border-bottom-width: 5px; border-top-style: solid; border-bottom-style: solid; 
	border-top-color: #FFFFFF; border-bottom-color: #FFFFFF;}
#menu a {text-decoration: none;	color: #FFFF99;}
#menu a:hover {text-decoration: underline; color: #FFFFFF;}	
#menu ul {list-style: none;	padding: 7px 0 0 5px;}
#menu li {float: left; padding-left: 2px; margin-left: 1px;}
#menu li a {color: #ffffff; text-decoration: none;}
#menu li a:hover {color: #ffffff;text-decoration: underline;}

#content {width: 555px; border-top: solid 3px #FF3300; border-bottom: solid 1px #FF3300; border-right: solid 5px #FFFFFF; position: relative; margin: 0; 
	float: left; background-color: #FFFF99; background-image: url(images/pinto-aceh.gif); background-repeat: no-repeat;}
#content_isi{padding: 0;position: relative;}
#content .text{padding: 5px 10px 0 10px; margin-bottom: 20px; line-height: 18px; color: #333333;}
#content .text h1 {font-family: Geneva, "Book Antiqua", "Times New Roman"; color: #006600; font-size: 18px; text-transform: uppercase; margin-bottom: 0px;}
#content .text p {margin-left: 30px;text-align: justify; margin-bottom: 10px;}
#content .text ol {margin-left: 30px;text-align: justify; margin-bottom: 10px;}

table{border-collapse: collapse; width: 540px; margin-bottom: 10px; font-size: 10px; margin-top: 20px;}
tr {height: 30px;}
th {background: #F8C301; height: 29px; padding: 0 11px 0 11px; text-align: left; border-left: solid 1px #cccccc; border-bottom: solid 2px #000000; 
	text-transform: uppercase; color: #000000;}
td {padding: 3px 11px 3px 11px; border-left: solid 1px #ffffff;border-bottom: solid 1px #ffffff;}
tr.rowA {background: #FFF500; color: #000000}
tr.rowB {background: #FFFA9C; color: #000000}

#right {float: right; width: 195px; text-align: left; padding: 10px;}
#right h1 {font-family: Arial; font-style: italic; font-size: 14px; line-height: 20px; color: #FFFFFF; border-top-width: 3px; border-bottom-width: 1px;
	border-top-style: solid; border-bottom-style: solid; border-top-color: #FFFF00; border-bottom-color: #FFFF00;}
#right p {margin: 3px auto; text-align: center;}
	
#footer {position: relative; clear: both; width: 780px; margin: 0; padding: 15px 0 35px 10px; text-align: left; color: #FFFFFF;}
#footer a{color: #999999; text-decoration: none;}
#footer a:hover {color: #ff3300; text-decoration: underline;}
