/* CSS Document */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #002D00;
}
body {
	background: url(images/body_bg.jpg) top repeat;
	text-align: center;
}

#wrap {
	position: relative;
	width: 760px;
	background: #85D455;
	margin: 0 auto;
	text-align: left;
}
#menu {background: url(images/menu_bg.jpg) top repeat-x; height:37px; width:760px; clear: both;}
#menu_inside {height:37px; width:80%; margin-left:20px; margin-right: 20px; clear: both;}
#header {background: url(images/header.jpg) top no-repeat; width:760px; height:120px; clear: both;}
#border {background: url(images/border.jpg) #86d557 repeat-x top; width:760px; height:5px; clear: both;}
h1 {font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#0070B8;}
#footer {background: url(images/footer.jpg) transparent repeat-x top; width:760px; height:43px; text-align:center; float: left; clear: both;}
#footer a:link {text-decoration:none; padding-left:10px; padding-right:10px;}
#footer a:visited {text-decoration:none; padding-left:10px; padding-right:10px;}
#footer a:hover {text-decoration:none; padding-left:10px; padding-right:10px;}
#footer a:active{text-decoration:none; padding-left:10px; padding-right:10px;}
#bottom_line {background: url(images/bottom_line.jpg) transparent top repeat-x; width:760px; height:6px!important; clear: both;}

#main {background: url(images/main_bg.jpg) #FFFFFF top repeat-x; width:760px; position: relative; clear: both; float: left; }

#cell {width:760px; height:200px; background:url(images/cell_bg.jpg) #85D455 repeat-x; color: #585846; font : 0.8em tahoma;}
#cell h1 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; font-weight:400;}
.date {background: url(images/date.jpg) no-repeat left; padding-left:20px; height:30px; line-height:30px; vertical-align:middle; font-weight:bold;}
#cell_border {width:760px; height:3px; background: url(images/cell_border.jpg) repeat-x; position: relative; clear:both}
#cell_bg {width:253px; height:197px; background: url(images/cell_bg.jpg) repeat-x; position: relative; clear:both}
#right {width:220px; float: right; padding:10px; position:inherit}

#cell_right {width:320px; height:200px; padding-right:10px; vertical-align:top;}
#cell_middle {width:220px; height:200px; text-align:center; padding-left:10px; padding-right: 34px; vertical-align:top;}
#cell_left {width:220px; height:200px; text-align:center; padding-left: 14px; vertical-align:top;}

#submenu {
width:220px; float: left; position:inherit; background: transparent; color:#ffffff;
}

#submenu h1 {
 font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#014b7a;
margin-left:2px; margin-right:2px; margin-top: 2px; background:url(images/submenu_bg.jpg) top repeat-x #E01D25; height:25px; text-align: center;
 vertical-align: top;
}

/**************************************************************
   Submenu Styles
 **************************************************************/

ul.leftmenu {
  margin: 0 0 20px 0;
  padding: 0;
}

ul.leftmenu li{
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(foo.gif); /* because IE is balls */
  border-bottom:  2px dotted #aebfc6;
}

ul.leftmenu li a {
  display: block;
  height: auto !important;
  text-decoration: none;
  /* Start hide from IE Mac \*/
  height: 1%;
  /* End hide from IE Mac */

  padding: 1px 5px 1px 20px;
}

ul.leftmenu li a {
  color: #426F85;
  background: url(images/submenu.gif) no-repeat 3px;
}

ul.leftmenu a:hover {
  color: #426F85;
  background: #FFFF88 url(images/submenu2.gif) no-repeat 3px ;
}

.title {font-family:"Century Gothic", Arial; font-size:44px; color:#FFFFFF; padding-left:10px; font-weight:600}
/*- Menu Tabs J--------------------------- */

    #tabsJ {
      float:left;
      width:760px;
      background:url(images/menu_bg.jpg) top repeat-x;
      font-size:1em;
	  font-weight:bold;
      line-height:normal;
      }
    #tabsJ ul {
	margin:0;
	padding:10px 10px 0 10px;
	list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("images/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("images/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#006EB4;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0px -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }
	  
	 
/**************************************************************
   Submenu Styles
 **************************************************************/

ul.midlemenu {
  margin: 0 0 20px 0;
  padding: 0;
}

ul.midlemenu li{
  margin-left: -20px;
  padding: 0;
  list-style: none;
  list-style-image: url(foo.gif); /* because IE is balls */
}

ul.midlemenu li a {
  display: block;
  height: auto !important;
  font: 11px verdana;
  /* Start hide from IE Mac \*/
  height: 2px;
  /* End hide from IE Mac */

  text-decoration: none;
  padding: 1px 5px 1px 5px;
  border-bottom: 1px dotted #524d4d;
}

ul.midlemenu li a {
 color: #524d4d; 
}

ul.midlemenu a:hover {
  color: #000000;
  background: transparent;
}

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

form {
  padding: 0;
  margin: 0;
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  display:block;
	font-weight:bold;
	margin:5px 0;
}

input,
textarea,
select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
}

.message {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  width: 150px;
  border: 1px solid #CCC;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;

  font: 200 0.9em verdana, serif;
  cursor: pointer;

  color: #fff;
  background: #006600;
  border-width: 1px;
  border-style: solid;
  border-color: #0a3855 #0a3855 #0a3855 #0a3855;
}

input.radio {
  background: none;
  border: 0px;
}

/************           List           ****************/
/************         Blockquote          ****************/
ul.blok {
  margin: 0 0 20px 0;
  padding: 0;
}

ul.blok li{
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(images/list.gif); /* because IE is balls */
  font: 1.0em arial, sans-serif;
 color: #426F85;
}

ul.blok li a {
  text-decoration: none;
  padding: 1px 5px 1px 20px;
}

ul.blok li a {
  color: #426F85;
}

ul.blok a:hover {
  color: #426F85;
}

.putih{
 font: bold 1.0em arial;
 text-align: center;
 color: #ffffff;
}