BODY {
      background : #FFFFFF;
      font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	  font-size : 12px;
	  color : #224428;
      }

A:link {color: #002206; text-decoration : underline; background: transparent;}/*normal links in the text*/
A:visited {color: #002206 ; text-decoration : underline; background: transparent;}
A:hover { color:  #708090; text-decoration : underline; background:#CCEED2; }
/*A:active {color: #77997D; text-decoration : none; background: transparent;}  #66886C*/

a.judul:hover { color:  #224428; text-decoration : underline; background:#FFFFFF; }
a.judul:link { color:  #FFFFFF; text-decoration : underline; background:#224428; }

TABLE 
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 12px;
}

HR
{
	color :#224428;
	width : 100%;
  }

.Navigation {
    position:absolute;/*The navigation on the left side, positioned absolutely*/
    top: 166px;
	left: 7px;
    width: 130 px;
    height: 100%;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    }

.navbox {/*some button-like boxes for the left-side navigation*/
  font-size: 14px;
  font-weight: 600;
  font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
  background-color:#F5F5F5; 
  color: #224428;
  border: 2px #224428 groove;
  width: 130 px;
  padding :1px 1px;
  margin:4px;
}

.navbox2 {/*some button-like boxes for the left-side navigation*/
  font-size: 12px;
  font-weight: 600;
  font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
  background-color:#F5F5F5; 
  color: #224428;
  border: 2px #224428 outset;
  width: 119px;
  padding: 1px 1px;
  margin: 4px;
  margin-left: 15px;
}
.Content {/*this is the main content area*/
    background: #FFFFFF;  /*declare a color together with a contrasting background color*/
    color: #224428;/*to insure readability*/
    margin-left: 145px;/*to position the content area to the right of the navigation*/
    max-width: 770px;/*readbility even on big screens*/
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
    padding: 3px;}

A.nav:link {color: #44664A; 
  text-decoration : none; 
  background: transparent; 
  display: block; 
  width: 125px;  
  }
A.nav:visited {color: #44664A; 
  text-decoration : none;
  background: transparent;
  display: block; 
  width: 125px;  
  }
A.nav:hover { color: #708090; 
  text-decoration : none; 
  background: #CCEED2;
  display: block; 
  width: 125px;
  }
A.navtot {color: #F5F5F5; 
  text-decoration: none; 
  background: #44664A; 
  display: block; 
  width: 125px; 
  }
A.navtot2 {color: #F5F5F5; 
  text-decoration: none; 
  background: #44664A; 
  display: block; 
  width: 114px; 
  }

A.nav2:link {color: #44664A; 
  text-decoration : none; 
  background: transparent; 
  display: block; 
  width: 112px;  
  }
A.nav2:visited {color: #44664A; 
  text-decoration : none;
  background: transparent;
  display: block; 
  width: 112px;  
  }
A.nav2:hover { color: #708090; 
  text-decoration : none; 
  background: #CCEED2;
  display: block; 
  width: 112px;
  }

.form1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #008000;
	background: #AACCB0;
	border: 2px solid #224428;
	margin-left: 20px;
	padding: 3px;
	width: 270px;
}

.form2 
{
	font-size: 11px;
	color: #008000;
	background: #99BB9F;
	border: 2px solid #224428;
	padding: 3px;
}

.menutable
{
	width:100%;
	height:30px;
	border: 2px solid #224428;
	background-color:#FFFFFF;
	text-align:middle;
}
.menuskrg
{
	background-color:#F5F5F5;
	text-align:left;
	font-family:Arial;
	color:#224428;
	font-size:12pt;
	font-style:italic;
	font-weight :bold;
	border-color:white;
}
.menu
{
	width:150;
	background-color:#77997D;
	color:white;
	text-align:center;
}
.Navigationadmin {
    position:absolute;/*The navigation on the left side, positioned absolutely*/
    top: 180px;
	left: 7px;
    width: 130 px;
    height: 100%;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    line-height : 150%;/*line-height set to 150% in order to have the navigation elements better separated*/
}
.daftar {
		BACKGROUND-COLOR: #3499CC; 
		COLOR: #ffffcc; 
		FONT-FAMILY: Verdana, Arial, Helvetica, ms-sans-serif; 
		FONT-WEIGHT: bold
		}

.hapus {
		BACKGROUND-COLOR: #E10000; 
		COLOR: #ffffcc; 
		FONT-FAMILY: Verdana, Arial, Helvetica, ms-sans-serif; 
		FONT-WEIGHT: bold
		}

.reset {
		BACKGROUND-COLOR: #996633; 
		COLOR: #FFFFCC; 
		FONT-FAMILY: Verdana, Arial, Helvetica, ms-sans-serif; 
		FONT-WEIGHT: bold
		}

.batal {
		BACKGROUND-COLOR: #ff0000; 
		COLOR: #ffffcc; 
		FONT-FAMILY: Verdana, Arial, Helvetica, ms-sans-serif; 
		FONT-WEIGHT: bold
		}

.kirim {
		BACKGROUND-COLOR: #386D44; 
		COLOR: #ffffcc; 
		FONT-FAMILY: Verdana, Arial, Helvetica, ms-sans-serif; 
		FONT-WEIGHT: bold
		}

.preview {
		BACKGROUND-COLOR: #288fff; 
		COLOR: #ffffcc; 
		FONT-FAMILY: Verdana, Arial, Helvetica, ms-sans-serif; 
		FONT-WEIGHT: bold
		}

.edit {
		BACKGROUND-COLOR: #CCEED2; 
		COLOR: #224428; 
		FONT-FAMILY: Verdana, Arial, Helvetica, ms-sans-serif; 
		FONT-WEIGHT: bold
		}
.selesai {
		BACKGROUND-COLOR: #FFFFCC; 
		COLOR: #224428; 
		FONT-FAMILY: Verdana, Arial, Helvetica, ms-sans-serif; 
		FONT-WEIGHT: bold
}