body {
         margin: 0;
         padding: 0;
         background: #FFFFFF url(../images/bodyimg.jpg) repeat-x left top;
         text-align: justify;
         font-family: Georgia, "Times New Roman", Times, serif;
         font-size: 13px;
         color: #000000;
}


/*form { margin: 5px 0px 5px 0px; } */
form { margin: 0; padding: 0;}

fieldset {
         margin: 0;
         padding: 0;
         border: none;
}

input, textarea, select {
         font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}


h1, h2 {
         font-weight: normal;
         color: #333300;
}

h1 {
         font-size : 20px;
         margin : 0px 0px 5px 0px; 
         letter-spacing: -1px;
         }

h2 {
         font-size : 18px; 
         margin : 0px 0px 10px 0px; 
         border-bottom : 1px solid #D0D0D0;
         padding : 0px 0px 3px 0px; 
         }        
        
h3 {
         font-size : 16px;
         margin : 0px 0px 5px 0px; 
         }


p, ul, ol {
}

p { margin : 0px 0px 5px 0px; }

.blockbg {
         background: #D9D785;
}

blockquote {
        font-style: italic;
        border: #D9D785 1px dashed;
        background: #DEDECC;
        margin: 0;
        padding: 0px 20px;
        font-size: 13px;
        color: #333333;
        line-height: normal;
}

ul {
}

ol {
}

a { text-decoration: none; color: #4E7301; }
a:hover { text-decoration: underline; color:#333300 }

small {
}


HR { height : 1px; background : #A0A0A0; border : 0px; }

img {
        border: none;
}

img.left {
         float: left;
         margin: 0 15px 0 0;
         border: #D9D785 1px dashed;
}

img.right {
         float: right;
         margin: 0 0 0 15px;
         border: #D9D785 1px dashed;
}

/* Header */

#header {
         width: 920px;
         height: 111px;
         margin: 0 auto;
         letter-spacing: normal;
         font-family: Georgia, "Times New Roman", Times, serif;
         }

#headerbg {
         margin: 0 auto;
         width: 920px;
         height: 230px;
         margin-bottom: 10px;
}

#headerbg .kiri {
         width: 467px;
         height: 230px;
         background: #FFFFFF url(../images/img1.jpg) no-repeat;
         float: left; 
        }


#headerbg .kanan {
         width: 453px;
         height: 230px;
         background: #FFFFFF url(../images/img2.jpg) no-repeat;
         float: right; 
         }


/* Logo */

#logo {
         float: left; 
         width: 535px;
         height: 72px;
}

#logo .logogmp {
         float:left;
         width: 93px;
         height: 56px;
         margin-top: 6px;
         background: url(../images/logogmp.gif) no-repeat right top; 
                
}

#logo .katagmp {
         float:left;
         width: 435px;
         height: 70px;
         background: url(../images/ptgmp.jpg) no-repeat right top; 
                
}
#logo h1, #logo h2, #logo p {
         float: left;
         margin: 0;
         text-transform: none;
}

#logo h1 {
         padding-top: 22px;
         text-align: left;
         font-size: 2.5em;
         padding-left: 8px;
         color: #FFFFCC;
}

#logo h1 a {
         color: #FEEDB9;
}

#logo p {
         padding-top: 100px;
         text-transform: lowercase;
         font-size: 1.8em;
         color: #ABC13A;
}

#logo h2 a, #logo p a {
         color: #ABC13A;
}

#logo a {
         text-decoration: none;
}

#latarbukutamu { 
         background: url(../images/bukutamu.bmp) no-repeat left top;
         }

#bukutamu {
         float: right; 
         width: 165px;
         height: 72px;
         }

#bukutamu .bukuimg {
         width:85px; 
         height: 50px;
         float:left;
         background: url(../images/bookopen.gif) no-repeat left bottom;
         }
                                        
#bukutamu .logimg {
         width:75px; 
         height: 50px;
         float:left;
         background: url(../images/login.png) no-repeat left bottom;
         }
                                        
#bukutamu .teks { 
         float: left; 
         color:#FFFF00;
         text-align:left;
         width:180px;
         }
         
#bukutamu a { color:#FFFF00; }

#daftarbukutamu {
         width:650px;
         height: 165px;
         background: url(../images/lobi.jpg) no-repeat right top;
         background-color: #FFFFFF;
         text-align:left;    
        }

       
#daftarbukutamu .ucapan {
         width:450px;
         font-size:12px;
         font-style:italic;
        }

  
#tabelbukutamu { margin : 0px 0px 5px 0px; font-size : 12px; }  
#tabelbukutamu td { border-color: #FFBD32; border-style: solid; border-width: 1px; }
#tabelbukutamu .judultengah {background:url(../images/chg.gif)  repeat-x; }
.isibukutamu { background-color: #E8F0D8;
               border-bottom: #80bb06 1px dotted;
               border-width: 1px;
               width: auto;
               padding: 4px 4px 4px 4px;
               overflow: hidden;
}

/* Page */

#page {
         width: 920px;
         margin: 0 auto;
         padding-top: 15px;
       
}

#content {  padding: 0px 0px 0px 0px;
            line-height: 25px;
        
}

#latest-post {
         float: left;
         width: 655px;
         padding: 0px 0px 0px 0px;
         line-height: 25px;
         }
         
#recent-posts {
         float: right;
         width: 240px;
         padding: 0px 0px 0px 0px;
         line-height: 20px;
         font-size: 13px;
      }

#recent-posts .isi { 
        border-left: #80bb06  1px solid;
        border-right:   #80bb06  1px solid;
        border-bottom: #80bb06  1px solid;
        background-color: #e3e3df; 
        }

#recent-posts .judul {
        color:#336633;
        text-align:center;
        font-size:14px;
}
#recent-post h2 {
        background: url(../images/img09.jpg) no-repeat left top;
        padding: 7px 25px;
        font-size: 14px;
}


#recent-posts .entry { 
}

#recent-posts .entry a {
}

#recent-posts .more {
        background: url(../images/img04.gif) no-repeat left 50%;
        padding-left: 10px;
}
#recent-posts .garisbatas {
        border-bottom: silver 1px solid;
        margin : 0px 0px 25px 0px; 
}


#recent-posts img {
        padding: 2px; 
        display:block; 
        margin-left:auto; 
        margin-right:auto; 
} 

#recent-posts .barkiri {
background:url(../images/clg.gif) no-repeat; margin-left:0px; height:28px}
#recent-posts .barkanan {
background:url(../images/crg.gif) 100% 0 no-repeat; height:28px }
#recent-posts .bartengah {
background:url(../images/chg.gif)  repeat-x; margin-left:4px; width:236px; height:28px}

.panel { width: inherit; background:url(../images/chg.gif) 100% 0 no-repeat; height:28px }


.judulbarhijau {
        background: #FFFFFF  url(../images/titlebar.jpg) repeat-x left top;
        text-align:center;
        height : 37px;
}

.post { 

}

.post .title {
        margin: 0;
        
}

.post .subtitle {
        margin: 0;
        color:#336633;
        font-size: 13px;
}

.post h3 {
        margin: 0;
        font-size: 12px;
}

.post .meta {
        margin: 0;
        padding-bottom: 10px;
        padding-top: 10px;
        line-height: normal;
        font-size: 13px;
        color: #A2B736;
}

.post .meta a {
        color: #7F9C1E;
}


.post .judulentry {
        text-align: left;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 14px;
        }
        
.post .entrydata {
        margin-bottom: 20px;
        padding: 5px 5px 5px 5px;
        border-bottom: #D9D785 1px dashed;
        text-align: left;

}

.post .entry {
        margin-bottom: 20px;
        padding-bottom: 5px;
        border-bottom: #D9D785 1px dashed;
        
}


/* recentbar */


/* Sidebar */

#sidebar {
        clear: both;
        width: 920px;
        margin: 0 auto;
       /* background:  #FFFFE0; */
        font-size: 12px;
       
}

#sidebar ul {
        margin: 0;
        padding: 0;
        list-style: none;
}

#sidebar li {
        display: block;
        float: left;
        width: 200px;
        padding: 15px;
}

#sidebar li ul {
        line-height: 1.8em;
        /*border-top: #77881F 2px dashed; */
}

#sidebar li li {
        display: list-item;
        float: none;
        width: auto;
        padding: 0 0 0 10px;
        line-height: 35px;
        border-bottom: #A1B635 1px dashed;
}

#sidebar h2 {
        margin: 0 0 10px 0;
        padding-left: 20px;
        background: url(../images/img03.jpg) no-repeat left 50%;
        color: #5F8700;
}

#sidebar a {
        text-decoration: none;
        color: #4E7301;
}

#sidebar a:hover {
        text-decoration: underline;
}

/* Footer */

#footer {
        width: 920px;
        height: 50px;
        margin: 0 auto;
        padding-top: 10px;
        padding-bottom: 10px;
        letter-spacing: 1px;
        text-align: center;
       /* float: left; */
        font-family : arial,sans-serif; font-size : 11px;
        color :brown;
        background: #FFFFFF url(../images/footerimg.jpg) repeat-x left bottom;  
}

#footer p {
        margin: 0;
        padding: 15px;
}


#links {
        float: right;
}

#wrapper {
        width: 100%;
        background: #5C8400;
}


.tabelform { margin : 0px 0px 5px 0px; font-size : 13px; }
.tabeldata { border : 1px solid #6399AB; margin : 0px 0px 5px 0px; font-size : 13px; }
.tabeldata1 { border : 1px solid #6399AB; font-family : arial,sans-serif; margin : 0px 0px 5px 0px; font-size : 12px; }
.tr_subjudul { text-align : left; background :  #8EEBEC; height : 24px; }
.tr_judulmenu { border : 1px solid #C8D0B8; padding: 5px 10px 5px 10px; text-align : left; background: #ECE29F; color: #333333; font-size : 13px; line-height: 18px;  }
.submenu { margin : 0px 0px 5px 0px; text-align : right; }
.tr_judul { text-align : center; background : #b8c1a6; height : 24px; }
.tr_cerah { background : #E7E7DE; }
.tr_gelap { background : #DEDECC; }
.tr_total { background : #CECF9C; }
.tr_sorot { background : #CECF9C; }
.inputangka { text-align:right; }
.w2 {background-color:#DEDECC;}
.w2center {background-color:#DEDECC; text-align:center;}
.w2kanan {background-color:#DEDECC; text-align:right;}
.w1 {background-color:#E8F0D8;}
.w1center {background-color:#E8F0D8; text-align:center;}
.w1kanan {background-color:#E8F0D8; text-align:right;}
.kotakkata { padding : 10px; border : 1px dotted #909090; background : #E7E7DE; margin : 0px 0px 5px 0px; font-size : 12px; line-height: 14px; }
.kotakkatatrans { padding : 10px; border : 1px dotted #909090; margin : 0px 0px 5px 0px; font-size : 12px; line-height: 14px; }
.bantuan { margin : 37px 0px 0px 0px; background : #FFFFE0; border : 1px solid #808080; padding : 15px; font-family : arial,sans-serif; font-size : 12px; color : #404040; }
.flat { border : 1px solid #909090; background : #F0F0F0; font-size : 11px; padding : 3px; color : #606060; }

.login {
        border : solid 2px #E76118;
        margin : 80px 0px 0px 0px;
        padding : 0px;
        background : #FEEDB9;
        width : 400px;
        float:left;
}

.figure {border: silver solid 1px;
         margin:0.5em;
         padding: 0.5em;}

.figure p{text-align: center;
        font-style: italic;
        font-size:smaller;
        text-indent:0;}

.figure img {width:100%;}

 /*
       outerx{
width:50%;
margin-left:25%;
border:1px solid #000;
background:#fff url(images/ragged-right.gif) repeat-y left top;
}

.outerx p{padding:0 20px;margin:0 0 1em 0}

 */
      
.figurec {border: none;
         margin:0.5em;
          line-height: 15px;
         padding: 0.5em;
          }

.figurec p{text-align: center;
         font-style: italic;
         font-size:smaller;
         text-indent:0;
         }
        

.figurel {border: thin silver solid;
          margin:0.5em;
          padding: 0.5em;
           line-height: 15px;
          float:left;}
        
          
.figurel p{text-align: center;
        font-style: italic;
        font-size:smaller;
        text-indent:0;}
        
.figurer {border: thin silver solid;
          margin:0.5em;
          padding: 0.5em;
          line-height: 15px;
          float:right;}
        
          
.figurer p{text-align: center;
        font-style: italic;
        font-size:smaller;
        text-indent:0;}

.imgikagi {
        width: 200px;
        height: 254px;
        background: url(../images/ikagi.jpg) no-repeat;
 }

.title_bar {background : url(../images/titlebar.jpg) repeat-x left top; text-align: justify; width:auto; height: 40px; }


/*khusus untuk artikel utama */

#bg_artikel {
        float: left;
        width: 655px;
        height: 600px;
        background: url(../images/bgartikel.jpg) no-repeat;
       /* border: 1px solid;  */
}

#bg_artikel_irigasi {
        /*width: 700px;
        height: 595px;*/
        background: url(../images/gb2.jpg) no-repeat;
}


/* temp untuk IKAGI */

#bg_ikagi {
        float: left;
        width: 655px;
        height: 600px;
        background: url(../images/background1.jpg) no-repeat;
       /* border: 1px solid;  */
}

#bg_leaflet {
 float: left;
 background: url(../images/background2.jpg) top no-repeat ;
}

#bg_ikagi3 {
 float: left;
  height: 600px;
 background: url(../images/background3.jpg) top no-repeat ;
}

#isihal {
         float: left;
         width: 650px;
         line-height: 25px;
         font-size: 13px;
         border-bottom:  silver 1px solid;
         margin : 0px 0px 25px 0px;
         }

#isihal a { text-decoration: none; color:blue; }
#isihal a:hover { text-decoration: underline; color:darkgoldenrod; }
#isihal .judul {  font-size : 18px; letter-spacing: -1px; }
#isihal .title { text-align: justify; }
  
#tabelsponsor { font-family : arial,sans-serif; margin : 0px 0px 5px 0px; font-size : 12px; }  
#tabelsponsor td { height: 150px;  border-color: #FFBD32; border-style: ridge; border-width: 1px; }
#tabelsponsor .judultengah {background:url(../images/chg.gif)  repeat-x;  height:26px}
#tabelsponsor .barisspasi { height:26px}