@charset "utf-8";

/*
=======================================
=  Title: CSS for GUBAHLARAS Website  =
=  Created: February 2010             =
=  URL: http://www.gubahlaras.co.id   =
=  Copyright: (c) PT. GUBAHLARAS      =
=                                     =
=  Developer : TRIASA ProComm         =
=  Author: Pangestu Soejoedi          =
=  URL: http://www.triasa.web.id      =
=======================================
=   DO NOT EDIT THE CSS CODE BELOW    =
=======================================
*/

html {
 overflow: scroll;
}

/* BODY */

body {

 background-color: #4a4945;
 text-align: center;
}

 :link { color: #0000FF }
 :visited { color: #0000FF }
 :active { color: #FF0000 }

img {
 border: none;
}
.img1 {
 border: none;
 display: block;
}

.center {
 text-align: center;
}
.center table {
 margin-right: auto;
 margin-left: auto; 
}

li.li0 {
 list-style: none;
}
li.li1 {
 list-style-image: url(../images/layout/dot.gif);
}
span {
 color: #000000;
}

/* SPACER */

.h5{
 height: 5px;
}
.h10{
 height: 10px;
}
.h15{
 height: 15px;
}
.h20{
 height: 20px;
}
.h25{
 height: 25px;
}
.h100{
 height: 100px;
}


/* HEADER */

.header {
 width: 990px;
 border-width: 0px 0px 0px 0px;
 border-spacing: 0px;
 border-style: none;
 border-collapse: collapse;
}
.header td {
 height: 60px;
 padding: 0px 0px 0px 0px;
 background-color: #156415;
 vertical-align: bottom;
}
.header td.header_logo {
 width: 330px;
 text-align: left;
}
.header td.header_menu {
 width: 660px;
 text-align: right;
}


/* TOPMENU */

.topmenu {
 float: right;
 border-width: 0px 0px 0px 0px;
 border-spacing: 0px;
 border-style: none;
 border-collapse: collapse;
}
.topmenu td {
 width: auto;
 height: 20px;
 padding: 0px 0px 0px 0px;
 background-color: #156415;
 vertical-align: middle;
 text-align: center;
 text-decoration: none;
 font-weight: normal;
 font-family: arial;
 font-size: 11px;
 color: #ffffff;
}
.topmenu td.topmenu_spacer {
 width: 25px;
 color: #fffddf;
}
.topmenu a {
 color: #ffffff;
 text-decoration: none;
 font-weight: bold;
}
.topmenu a:link {
 color: #ffffff;
 text-decoration: none;
}
.topmenu a:hover {
 color: #d32031;
 font-weight: bold;
}
.topmenu a:visited {
 color: #ffffff;
 text-decoration: none;
}
.topmenu a:visited:hover {
 color: #d32031;
 font-weight: bold;
}


/* MAINBODY */

.mainbody {
 width: 990px;
 height: 440px;
 border-width: 0px 0px 0px 0px;
 border-spacing: 0px;
 border-style: none;
 border-collapse: collapse;
}
.mainbody td {
 padding: 0px 0px 0px 0px;
 text-align: center;
 vertical-align: top;
}
.mainbody td.mainbody_left {
 width: 330px;
 background-color: #156415;
}
.mainbody td.mainbody_right {
 width: 660px;
 background-color: #fffcd5;

}


/* CONTENTS */

.contents {
 width: 610px;
 border-width: 0px 0px 0px 0px;
 border-spacing: 0px;
 border-style: none;
 border-collapse: collapse;
}
.contents td {
 width: 610px;
 padding: 0px 0px 0px 0px;
 vertical-align: top;
 text-align: justify;
 text-decoration: none;
 font-weight: normal;
 font-family: verdana, arial;
 font-size: 12px;
 color: #000000;
}
.contents td.contents_w20 {
 width: 20px;
 text-align: center;
}
.contents td.contents_w305 {
 width: 305px;
}
.contents td.contents_w150 {
 width: 150px;
}
.contents td.contents_w420 {
 width: 420px;
}
.contents td.contents_w590 {
 width: 590px;
}
.contents td.contents_h10 {
 height: 10px;
}
.contents td.contents_h20 {
 height: 20px;
}
.contents td.contents_title1 {
 width: 100%;
 font-family: arial;
 font-size: 14px;
 text-align: left;
 font-weight: bold;
}
.contents td.contents_title2 {
 width: 100%;
 height: 25px;
 font-family: arial;
 font-size: 14px;
 text-align: left;
 font-weight: bold;
}
.contents td.contents_filosofi {
 text-align: center;
 font-weight: bold;
 font-family: verdana, arial;
 font-size: 12px;
 font-style: italic;
}
.contents td.contents_pengurus {
 height: 180px;
}
.contents td.contents_karya33a {
 width: 220px;
 height: 100px;
 text-align: center;
 vertical-align: bottom;
}
.contents td.contents_karya33b {
 width: 220px;
 height: 30px;
 text-align: center;
 vertical-align: top;
}
.contents a {
 color: #d32031;
 text-decoration: none;
 font-weight: bold;
}
.contents a:link {
 color: #d32031;
 text-decoration: none;
 font-weight: bold;
}
.contents a:hover {
 color: #d32031;
 font-weight: bold;
 text-decoration: underline;
}
.contents a:visited {
 color: #ffffff;
 text-decoration: none;
 font-weight: bold;
}
.contents a:visited:hover {
 color: #d32031;
 font-weight: bold;
 text-decoration: underline;
}

/* FOOTER */

.footer {
 width: 990px;
 border-width: 0px 0px 0px 0px;
 border-spacing: 0px;
 border-style: none;
 border-collapse: collapse;
}
.footer td {
 height: 25px;
 padding: 0px 0px 0px 0px;
 vertical-align: middle;
 text-decoration: none;
 font-weight: normal;
 font-family: arial;
 font-size: 10px;
 color: #ffffff;
 background-color: #156415;
}
.footer td.footer_left {
 width: 330px;
 text-align: center;
}
.footer td.footer_right {
 width: 660px;
 text-align: center;
}
.footer td.footer_w20 {
 width: 20px;
}
.footer a {
 color: #ffffff;
 text-decoration: none;
 font-weight: bold;
}
.footer a:link {
 color: #ffffff;
 text-decoration: none;
 font-weight: bold;
}
.footer a:hover {
 color: #d32031;
 font-weight: bold;
}
.footer a:visited {
 color: #ffffff;
 text-decoration: none;
 font-weight: bold;
}
.footer a:visited:hover {
 color: #d32031;
 font-weight: bold;
}