/* CSS Document */
body {
  font: 13px sans-serif;
  background: #C34223;
  /* background: url(/images/gradasi.gif) repeat-x; */
}

img {
  border: 0;
}

textarea {
  font: 12px sans-serif;
}

a {
  text-decoration: none;
  color: maroon;
}

a:hover {
  text-decoration: underline;
}

p {
  margin: 0 0 7px 0;
}

h1, h2, h3, h4, h5 {
  margin: 0 0 3px 0;
}

h1 {
  font: 24px sans-serif;
  color: #B23C18;
}

h2 {
  font: 20px sans-serif;
  font-weight: bold;
  color: #B23C18;
}

h3 {
  font: 15px sans-serif;
  font-weight: bold;
  color: #B23C18;
}

h4 {
  font: 12px sans-serif;
  color: #B23C18;
}

h5 {
  font: 10px sans-serif;
  color: gray;
}

.mata {
  font: 250% arial;
  font-weight: bold;
  font-style: italic;
}

.menubar {
  height: 20px;
  background: #60a040;
  padding: 4px 5px 0 5px;
  color: white;
}

.hijau {
  font-size: 11px;
  color: #dc690a;
  font-weight: bold;
}

.hijaus {
  background: url(/images/home-box-bg.png) repeat-x;
  border-left: 1px solid silver;
  border-top: 1px solid silver;
  height: 20px;
  font: 12px sans-serif;
  margin-top:10px;
  text-align: right;
  vertical-align: middle;
  color: darkgreen;
  padding:0 5px 0 5px;
  font-weight: bold;
}

.back {
  background: url(/images/home-box-bg.png) repeat-x;
  height: 20px;
  font: 12px sans-serif;
  margin-top:10px;
  text-align: right;
  vertical-align: middle;
  color: darkgreen;
  padding:0 5px 0 5px;
  font-weight: bold;
}

.ijo {
  color: #dc690a;
}

.ijos {
  color: darkgreen;
}

.biru {
  color: #4040A0;
}

.ca {
  background: url(/images/home-box-bg.png) repeat-x;
  text-align: center;
  height: 26px;
}

.tanggal {
  font-weight: bold;
  text-align: right;
  vertical-align: bottom;
}

.konten {
  width: 800px;
}

.footer {
  text-align: center;
  margin: 10px;
}

.gray {
  background: url(/images/gray.gif) repeat-x;
  height: 16px;
}

.putih {
  color: white;
}

.kecilputih {
  color: white;
  font-size: x-small;
}

.kuning {
  color: yellow;
}

.jadwal {
  font: 75% sans-serif;
  border: 1px dotted gray;
}

.kecil {
  font: 12px sans-serif;
}

.pen {
  font: 9px sans-serif;
  text-align: center;
  color: gray;
}

.penn {
  font: 8px sans-serif;
  text-align: center;
  color: gray;
}

.smalls {
  font: 10px sans-serif;
  border-bottom: 1px solid silver;
}

.banner {
  font: 12px sans-serif;
  text-align: center;
}

.kecils {
  font: 10px sans-serif;
  border: 1px solid silver;
}

small {
  font: 11px sans-serif;
}

.cal_today {
  font-weight: bold;
  color: maroon;
}

.cal_content {
  color: gray;
}

.cal_event {
  text-decoration: underline;
  font-weight: bold;
}

.cal_events {
  background: maroon;
  font-weight: bold;
  color: white;
}

.head {
  background: #60a040;
  color: yellow;
}

.kotak {
  border: 1px solid silver;
}

.kotak1 {
  border: 1px solid gray;
}

.garis {
  border-right: 1px solid silver;
}

.garisbawah {
  border-right: 1px solid silver;
  border-bottom: 1px solid silver;
}

.garis1 {
  border-right: 1px solid silver;
  padding: 10px;
}

.garis2 {
  border-right: 1px solid silver;
  border-bottom: 2px solid silver;
  padding: 10px;
}

.garis1bawah {
  border-right: 1px solid silver;
  border-bottom: 1px solid silver;
  padding: 10px;
}

.bawah1 {
  /*border-bottom: 1px solid silver;*/
  padding: 10px;
}

.bawah2 {
  border-bottom: 2px solid silver;
  padding: 10px;
}

.bawah3 {
  border-bottom: 1px solid silver;
  padding: 5px 10px 5px 10px;
}

.atas {
  border-top: 1px solid silver;
  border-bottom: 2px solid silver;
  padding-bottom: 2px;
  margin-bottom: 1px;
}

.utama {
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
}

.sub {
  margin: 0 0 10px 0;
  padding: 5px;
  background: lightblue;
}

ul {
  margin-top: 0;
  margin-bottom: 7px;
  list-style-type: square;
}

.sli {
  margin-left: -2em;
  padding: 0 3px 0 0;
  color: gray;
}

.dli {
  margin-left: -2em;
  padding: 0 3px 0 0;
}

.label {
  height: 24px;
  text-align: center;
}

.bawah {
  border-bottom: 1px solid silver;
}

.kepsyen {
  position: relative;
  float: left;
  display: inline;
  top: 2px;
  padding: 1px;
  border: 1px solid silver;
}

.kepsen {
  position: relative;
  float: left;
  display: inline;
  padding-right: 2px;
}

.kepsen1 {
  position: relative;
  float: right;
  display: inline;
  padding-left: 3px;
}

.caption {
  position: relative;
  float: right;
  display: inline;
  margin-left: 10px;
}

.iklan {
  margin: 0px;
}

.judul {
  color: #004276;
}

.menus {
  font: 10px sans-serif;
  background: #143a5e;
  text-align: center;
  font-weight: bold;
}

.iklangaw {
  position: absolute;
  display: inline;
  top: 475px;
}


.iklanutama {
  position: absolute;
  display: inline;
  top: 465px;
}

.menu {
  color: #43577A;
  text-decoration: none;
}

.select { /*selected main tab style */
  padding-top: 8px;
  border-top:1px solid #0085dd;
  border-left:1px solid #0085dd;
  border-right:1px solid #0085dd;
  border-bottom:1px solid #c3e2df;
  background: #c3e2df;
  text-align: center;
  font-weight: bold;
}

.tabs {
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom:1px solid #0085dd;
  text-align: center;
}

.content {
  border-left:1px solid #0085dd;
  border-right:1px solid #0085dd;
  border-bottom:1px solid #0085dd;
  background: #c3e2df;
  padding: 5px;
}

.b1 {
  border-bottom:1px solid #0085dd;
}