/**************************************************/
/*                                   Body and Wrapper                             */
/**************************************************/

body {
background: #000099 url(images/back.png) top center repeat-x; 
margin: 0;
padding: 0;
font: normal 8pt/13pt verdana, arial,sans-serif;
}

#wrapper {
margin: 0 auto;
width: 800px;
padding: 0;
text-align: left;
}

/**************************************************/
/*                                       Top Piece                                        */
/**************************************************/

#top {
background: url(images/bgtop.png) top center no-repeat; 
width: 800px;
height: 78px;
}

#login{
	margin-right:50px;
}
/**************************************************/
/*                                       Content                                             
another wrapper that holds all the content                              */
/**************************************************/

#content {
background: url(images/bgmiddle.png) center repeat-y; 
width: 766px;
height: 100%;
}

/**************************************************/
/*                               All the content                                        */
/**************************************************/
#header {
	background: url(images/bgmiddle.png) top center repeat-y;
	width: 200%;
	height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: white;
	font-size: 50px;
}

/*                    Menu Atas                   */
#menuatas {
height: 100%;
margin-left:-20px;
margin-top: 10px;
}

#menuatas a
{
   text-decoration: none;
   display: block;
   color: navy;
   padding: 0px 10px 0px 10px;
}

#menuatas a:hover
{
	color:#F63;
	background-color:#FFF;
	padding: 0px 10px 0px 10px;
}

/*                    Menu                   */
#menukiri {
width: 280px;
height: 100%;
margin-top: 10px;
}

#menukiri li a {
height: 37px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 29px;
text-decoration: none;
text-align: left;
}	
	
#menukiri li a:link, #menukiri li a:visited {
color: navy;
display: block;
background:  url(images/off.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}
	
#menukiri li a:hover {
color: blue;
background:  url(images/on.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}	

ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}

#stuff {
background:  url(images/texttop.png) top left no-repeat;
width: 520px;
margin: 0px 0px 0px 220px;
padding-top: 55px;
border: 2px navy;
}

img {
border: none;
} 

/**************************************************/
/*                                       Bottom                                             */
/**************************************************/

#bottom {
	background: url(images/bgmiddle.png) center repeat-y;
	width: 766px;
	height: 10%;
	vertical-align:bottom;
	font-family: Verdana, Geneva, sans-serif;
	font-style: italic;
	font-size: 9px;
}

#bottom2 {
    background: url(images/bgbottom.png) bottom center no-repeat; 
    width: 800px;
    height: 50px;
    vertical-align:top;
	font-family: Verdana, Geneva, sans-serif;
	font-style: italic;
	font-size: 9px;
}

#katabijak {
	padding-top: 10px;
	padding-left: 20px;
	font-family: DigifaceWide;
	color: #FFFF00;
	width:650px;
}

#news {
	padding: 11px;
	background-image: url(squares.jpg);
	border: 1px solid #E95683;
	text-align:justify;
	margin-left:20px;
	margin-right:20px;
	padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;	
	padding-right:10px;
	line-height:15px;
}

#headernews{
	font-family:"Courier New", Courier, monospace;
	font-size:18px;
	font-weight: bold;
	color: #F39;
}

#headerdownload{
	font-family:"Courier New", Courier, monospace;
	font-size:18px;
	font-weight: bold;
	color: #093;
}

#headerhotshot{
	font-family:"Courier New", Courier, monospace;
	font-size:18px;
	font-weight: bold;
	color: #F30;
}

#testi_border{
    border: 10px dotted #29C3FF;
    margin: 0;
    padding: 0;
}

#testi_title{
	font-family:"Courier New", Courier, monospace;
	font-size:18px;
	font-weight: bold;
	text-align:center;
	color: #009;
}

#testi_content{
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	text-align:justify;
	line-height:12px;
}

#agenda_border{
	border-style: double;
    padding: 16px;
	background-color: #DCDCED;
}

#agenda_title{
	font-family:"Courier New", Courier, monospace;
	font-size:18px;
	font-weight: bold;
	text-align:center;
	color: #009;
}

#agenda_content{
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	text-align:justify;
	line-height:12px;
}

#content_border{
	margin-left:10px;
	margin-top:10px;
}

@font-face {
    font-Family: Kimberle;
    src: url(http://www.princexml.com/fonts/larabie/kimberle.ttf) format("truetype");
}

#content_title{
	/*font-family:"Kimberle";
	font-size:24px;*/
	font-family:"Courier New", Courier, monospace;
	font-size:18px;
	font-weight: bold;
	color: #F30;	
}

#content_title2{
	font-family:"Courier New", Courier, monospace;
	font-size:18px;
	font-weight: bold;
	color: #30C;	
}

#content_title3{
	font-family:"Courier New", Courier, monospace;
	font-size:18px;
	font-weight: bold;
	color: #090;	
}

#content_content{
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	text-align:justify;
}

#content_content_identitas{
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	text-align:left;
	line-height:14px;
}

#content_table_border{
    border-style:groove;
	border-color:#C00;
}

#content_header_table{
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	text-align:center;
	line-height:14px;
	font-weight:bold;
	background-color:#CF0;
}

#content_border_gallery{
	border-top-width: 4px;
    border-bottom-width: 4px;
    border-top-style: double;
    border-bottom-style: double;
    border-top-color: #E1A60A;
    border-bottom-color: #E1A60A;
    padding: 8px 0px;
}

#f1_upload_process{
   z-index:100;
   visibility:hidden;
   position:absolute;
   text-align:center;
   width:400px;
}

#login
 {
  background-image: url('images/off2.png');
  height: 20px;
  width: 96px;
  border: 1px solid #666666;
  font-family: Verdana;
  font-size: 11px;
  color: #eeeeee;
  padding: 0px;
 }
 
#contact_us_border{
	border-style: double;
    padding: 5px;
	background-color: #DCDCED;
}

#contact_us_title{
	font-family:"Courier New", Courier, monospace;
	font-size:18px;
	font-weight: bold;
	text-align:center;
	color: #009;
}

#contact_us_content{
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	text-align:justify;
	line-height:12px;
}