body{font-family: arial; font-size:100%; color:#000; margin:0; padding:0; }
img{border:0;}

h1{color:#05723B; margin:0; padding:0}
h2{color:#3467bc; border-bottom:1px dotted #999}
h3{color:#1D3D76;}
a:link, a:visited {text-decoration:none; display:inline; color:#0A4E8F	}
a:hover {color:#05723B;}
a.whitenav:link, a.whitenav:visited {text-decoration:none; color:#0A4E8F; text-decoration:underline}
td{vertical-align:top}
img.border{padding:0 8px 8px 0}

#container{width:760px;margin-right: auto; margin-left: auto; }
#wrapper{background:url("../images/layout/bg.yellow.jpg") repeat-y top right; }

#header{width:100%; height:130px;background:url("../images/layout/bg.header.jpg") no-repeat 0 0 #05723b; }

#header h2{ padding:.2em .6em; border:0}
#header a { color:#FFF; }
#logo{float:left; padding:1.3em 1.2em}
#pool{ float::left; margin: 4px 14px 0 0; display:block;}
#body{ min-height:260px; padding:0; }
.lebody{background:url("../images/layout/hp.cerah3.jpg") no-repeat top right;}

#copy{float:left; width:577px; margin-top:220px   }
#hpbody{float:left; width:400px; padding:0 12px 0 0;}
#hpcolumn{float:left; width:188px;}

#search input{ border:1px solid #2166c9; color:#2166c9; background:#ccc}
#search label{display:block}

#footer{clear:both; font-size:11px; padding:0; color:#000; }
#footer img{float:left; padding:0 20px 0 2px; }
#footer-right{float:left; width:565px; text-align:center; padding:54px 10px 0 10px; vertical-align:bottom;  }

div#hp{background:url("../images/layout/bg-tree.jpg") no-repeat 50% 100%; min-height:400px}
.watermark{background:url("../uploads/cerahwatermark.jpg") no-repeat 100% 100%; height:114px; width:100%; }

.clearer{clear:both}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix {height: 1%;}
.h4-hp{margin:0 0 6px 0; color:#0A4E8F }
ul.none{list-style-type:none; padding:2px 0 2px 0; margin:0; }
.right{float:right; margin:0; padding:0 }

.copy{padding:1em; float:left; width:550px; }
/*EVENTS*/

.myevents li{clear:both; margin-bottom:.4em; font-size:90%}
.date{ float:left; padding:0; background:url("../images/layout/icon.calendar.png") no-repeat top left; height:32px; width:48px; text-align:center; padding: 1em .2em .2em 0; line-height:1em; }


/* NAVIGATION */

#col1 h4{color: #05723b; padding:0; margin:1.3em 0 .5em 0}
div#col1{float:left; width:169px; font-size:110%;position: relative; z-index: 3; line-height: 1.4em; margin:1em 0; }

div#navigation ul, .myevents{list-style-type:none; padding:0; margin:0; margin-bottom:1em}
#navigation li{padding:2px 0 2px 0; }

#navigation a:link, #navigation a:visited {background:url("../images/layout/nav.square.png") no-repeat 0 .4em; padding:0 6px 0 12px; text-decoration:none; display:block; color:#2166c9; 	}
#navigation a:hover {background:url("../images/layout/nav.square.over.png") no-repeat 0 0.4em; color:#1F7D1F;}

#navigation a.child:link, #navigation a.child:visited {background:none; padding:0 6px 0 20px; text-decoration:none; display:block; color:#1F7D1F; 	}
#navigation a.child:hover {background:none; color:#022485;}


div#navigation ul ul {
  background: none;
  font-size:95%;
}

div#navigation ul li {
  margin: 0;
  padding: 0;
  display:block;
  max-width: 13.9em;
  min-width: 160px;
}

div#navigation ul li a {
  display: block;         /* lines extend to right, make area clickable */
  padding: 1px 1px 1px 20px;
  margin:0;
  text-decoration: none;
}

div#navigation ul ul li a {
  margin-left: 0.8em;     /* indent level 1 */
}

div#navigation ul ul ul li a {
  margin-left: 1.6em;     /* indent level 2 */
}

div#navigation li ul, div#navigation li.open li.closed ul {
  display: none;         /* collapse */
}

div#navigation li.open ul  {
  display: block;        /* expand */
}