body {
	background-image: url(images/bg.jpg);
	background-repeat:no-repeat;
}
.content
{
  position: relative;
  z-index: 0;
  margin: 7px;
}

.content
{
	color:#0D191C;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 13px;
}
.content a:link
{
  color: #1C6978;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.content a:visited, .content a.visited
{
  color: #C4DEE3;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
}

.content a:hover, .content a.hover
{
  color: #268DA1;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
}
.content ul
{
  list-style-type: none;
  color: #040E11;
  margin:0;
  padding:0;
}

.content li
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 13px;
}
.content ul li
{

  padding:0px 0 0px 20px;
  background-image: url('images/PostBullets.png');
  background-repeat:no-repeat;
  margin:0.5em 0 0.5em 0;
  line-height:1.2em;
}
.contentbold
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:600;
	color:#000000;
}
.judulbold
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:600;
	color:#19799A;
}

a:link,a:visited,a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight:600;
	text-decoration:none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #009933;
	font-weight:600;
	text-decoration:none;
}

a.berita:link,a.berita:visited,a.berita:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#FF9900 ;
	text-decoration:none;
}
a.berita:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration:none;
}

h1
{
	font-family: Arial, Helvetica, Sans-Serif;
  font-size: 19px;
  color: #19799A;
	font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

img.content
{
	border:1px solid #009933;
	padding:5px;
}

.border
{
	border:1px solid #cccccc;
	padding:5px;
}
input, select { font-size: 10px;  border: 1px solid silver; }
textarea      { font-size: 11px;  border: 1px solid silver; }
button        { font-size: 10px;  }

/* begin Menu */
/* menu structure */

.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
  text-align:left;
  text-decoration:none;
  outline:none;
  letter-spacing:normal;
  word-spacing:normal;
}

.artmenu, .artmenu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

.artmenu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background:none;
}

.artmenu li:hover
{
  z-index: 10000;
  white-space: normal;
}

.artmenu li li
{
  float: none;
}

.artmenu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background:none;
}

.artmenu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.artmenu li li:hover>ul
{
  top: 0;
  left: 100%;
}

.artmenu:after, .artmenu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.artmenu, .artmenu ul
{
  min-height: 0;
}

.artmenu ul
{
  background-image: url(images/spacer.gif);
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}

.artmenu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}


/* menu structure */

.nav
{
  position: relative;
  margin: 0  auto;
  height: 27px;
  z-index: 100;
}

.artmenu
{
  padding: 0px 0px 0px 0px;
}


.nav .l, .nav .r, .nav .r div
{
  top: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 27px;
}

.nav .l
{
  left: 0;
  right: 0px;
}


.nav .r
{
  right: 0;
  width: 0px;
}


.nav .r div
{
  right: 0;
}


.nav .l, .nav .r div
{
}

/* end Menu */

/* begin MenuItem */
.artmenu ul li
{
  clear: both;
}

.artmenu a , .artmenu a span
{
  height: 27px;
  display: block;
}


.artmenu a
{
  cursor: pointer;
  text-decoration: none;
  margin-right: 0px;
  margin-left: 0px;

}
.artmenu a span span
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  color: #000000;
  padding: 0 10px;
  margin: 0 0px;
  line-height: 27px;
  text-align: center;

}
.artmenu a:hover span span
{
  color: #33FF00;
  background-position: left -27px;
}

.artmenu li:hover a span span
{
  color: #EEF5F7;
  background-position: left -27px;
}


/* end MenuItem */

/* begin MenuSubItem */
.artmenu ul a
{
  display:block;
  text-align: center;
  white-space: nowrap;
  height: 20px;
  width: 230px;
  overflow:hidden;
  line-height: 20px;
  margin-right: auto;


  background-image: url('images/subitem-bg.png');
  background-position: left top;
  background-repeat: repeat-x;

  border-width: 1px;
  border-style: solid;
  border-color: #FFFFFF;
}

.nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
  display: inline;
  float: none;
  margin: inherit;
  padding: inherit;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
}

.artmenu ul a, .artmenu ul a:link, .artmenu ul a:visited, .artmenu ul a:hover, .artmenu ul a:active, .nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 20px;
  color: #103D46;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
}

.artmenu ul ul a
{
  margin-left: auto;
}

.artmenu ul li a:hover
{
  color: #000000;
  border-color: #47BAE1;
  background-position: 0 -27px;
}

.artmenu ul li:hover>a
{
  color: #000000;
  border-color: #47BAE1;
  background-position: 0 -27px;
}

.nav .artmenu ul li a:hover span, .nav .artmenu ul li a:hover span span
{
  color: #000000;
}

.nav .artmenu ul li:hover>a span, .nav .artmenu ul li:hover>a span span
{
  color: #000000;
}


/* end MenuSubItem */

.error
{
 background-color:#FFFF66;
 border:1px solid #fa8c0b;
 text-align: center;
  text-indent: 12px;
  text-decoration: none;
  line-height: 27px;
  color: #103D46;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
}
.sukses
{
 background-color:#00CC33;
 border:1px solid #fa8c0b;
 text-align: center;
  text-indent: 12px;
  text-decoration: none;
  line-height: 27px;
  color: #103D46;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
}

/* Start tables */

table.article
{
  border-collapse: collapse;
  margin: 1px;
  width:auto;
  font-family:Arial, Helvetica, sans-serif;
  color:  #000000;
  font-size:12px;
}


table.article th, table.article td
{
  padding: 2px;
  border: solid 1px #CCCCCC;
  vertical-align: top;
  text-align:left;
}

table.article th
{
  text-align:center;
  vertical-align:middle;
  padding: 7px;
  background-color:#999999;
}



/* Finish tables */