body {
margin:0; padding:0; font-family:verdana, arial, sans-serif; font-size: 80%; text-align:center;
/*background-image: url(f_h2.jpg);*/
background-image:url(../image/grad-bg.png);
background-repeat:repeat-x;
background-position:bottom;
background-attachment:fixed;
}

table {
  width: 100%;
  margin: 0 0 18px 0;
  padding-top:15px;
}
table.thumbs {
  margin-left: auto;
  margin-right: auto;
  width: 450px;
}
table.thumbs {
  margin-left: auto;
  margin-right: auto;
  margin-top:auto;
  width: 450px;
}
table.thumbs td {
  padding: 0;
  text-align: center;
  width: 150px;
}


p {
margin:0.2em 0 1.2em 0
; padding:0.3em;
}
.textpink {
	color:#F3C;
}

h1 {
padding:0; margin:1em;
font-size: 20px; font-style:italic; 
color: #f0c030;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 0.6em;}

h2 {
color: #F9C; font-size: 90%;  
font-style: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
border-bottom: 1px #cccccc dashed;
font-weight: bold;}



div {
margin:0; padding:0; display:block;}

a.val:link, a.val:visited {
color: #F3C;}
a.val:hover {
color:#93F; text-decoration:none;}
a.val:active {
color: #3B4471; text-decoration:underline;}



.container {
 margin:0 auto 0 auto;
 padding:0;
 width:800px;
 float:inherit;
}

.titleblock {
text-align:left;
/*background-image: url(../image/header.jpg); background-position: top right;*/
height: 200px;
/*background-repeat: no-repeat;*/
}


.titleblock p {
color: #8ba249;
text-transform: lowercase;
text-indent: 1em;
font-style: normal;
font-size: 14px;
}



/*ul.navbar {
list-style-type:none; float:left; display:block; width:100%; line-height: 1em ;
clear:both; margin:0;padding:0;  background-color: #fafafa;
border-bottom: 1px #e7e7e7 solid;}

ul.navbar li {
display:inline;}

a.nav:link, a.nav:visited {
display:block; float:left; width: 150px; margin:0; 
text-decoration:none; background-color: #fafafa ;color: #000000;
font-weight: bold;
font-size: 0.8em;}

a.nav:hover {
display:block; float:left; width: 150px; margin:0; 
text-decoration:none;
color:#ffffff;
background-color: #78b73e;
font-weight: bold;
}

a.nav:active {
display:block; float:left; width: 150px; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF;}
*/

.bgblakang{
	background-image:url(../image/bording.png);
	background-repeat:no-repeat;
}
.btnkananatas{
	background-image:url(../image/button.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:50px;
	color:#333
}
.teksatasbtn{
	color:#333;
	padding-top:15px;
}

.atas{
	background-image:url(../image/top.png);
	background-repeat:no-repeat;
	width:182px;
	height:18px;
}
.tengah{
	background-image:url(../image/tengah.png);
	background-repeat:repeat-y;
	width:182px;
	height:440px;
}
.bawah{
	background-image:url(../image/bawah.png);
	background-repeat:no-repeat;
	width:182px;
	height:18px;
}

.mainatas{
	background-image:url(../image/main-atas.png);
	background-repeat:no-repeat;
	width:600px;
	height:21px;
}
.maintengah{
	background-image:url(../image/main-tengah.png);
	background-repeat:repeat-y;
	width:600px;
	height:950px;
}
.mainbawah{
	background-image:url(../image/main-bawah.png);
	background-repeat:no-repeat;
	width:600px;
	height:24px;
}


.rightcontainer {
float:right; clear:both; width:183px; margin: 3.4em 0em 0em 0em;
padding-top: 0em;
}

.rightbox {
float:right;
margin:0; padding:0;  text-align:center;
border:0px;
/*border: 1px #ededed solid;*/
}

.rightcontainer h2 {
text-align:left; padding:0 0 0 1.5em;}

.linkbox a {display:block;}



.content {
float:left; text-align:left; margin:45px 0 0 0; padding: 0em 1ex 1em 1ex;
background-image: url(../image/ceco.png);
background-repeat: no-repeat;
background-position:left bottom;
}

.content h2 {text-indent:3em;}



.footer {
color: #000000; padding:0.8em; 
text-align: right;clear:both;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 75%;
border-bottom: 1px #e3e3e3 solid;}

.footer .right {
float:right; clear:right;
text-align:right;
}

.footer p {margin:0;}