body {
  background-color: #00a551;
  background-image: url(../images/bg.jpg);
  background-repeat: repeat-x;
  background-position: left top;
  margin: 0px;
  padding: 0px;
}
body, td, th {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  color: #054625;
}
.articleslide, #jcycle { padding:45px;margin-bottom:30px }
.articleslide { width:450px !important;height:300px;background-color:#08A64F }
.framecycle { 
  position:absolute;
  z-index:555;
  top:0;
  left:0;
  display:block;
  width:550px;
  height:390px;
  background:url('../../../images/frame.png') no-repeat left top; 
  -webkit-box-shadow: 0px 0px 8px 0px #666666;
  -moz-box-shadow: 0px 0px 8px 0px #666666;
  box-shadow: 0px 0px 8px 0px #666666;
}
#cyclenav li a { margin:3px !important;text-decoration:none;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; }
.quote { font-style:italic;font-size:16px;font-family: Georgia, "Times New Roman", Times, serif; color:#02A650; }
.item { float:left;width:30%;margin:0 5px; }
.item h2 a { font-size:18px;text-decoration:none }
.item h2 { font-size:18px !important;display: block; height:40px; overflow:hidden; margin:2px 0 }
.items-row, .items { margin:10px 0; padding:0;display:block }
.items-row { overflow:hidden }
.readmore { 
  margin:2px;
  padding:0;
  width:100px
}
.readmore a { 
  padding:5px;
  margin:0;
  display:block; 
  background: #006e2e; /* Old browsers */
  background: -moz-linear-gradient(top, #006e2e 1%, #004f1b 7%, #00a551 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#006e2e), color-stop(7%,#004f1b), color-stop(100%,#00a551)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #006e2e 1%,#004f1b 7%,#00a551 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #006e2e 1%,#004f1b 7%,#00a551 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #006e2e 1%,#004f1b 7%,#00a551 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#00a551',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #006e2e 1%,#004f1b 7%,#00a551 100%); /* W3C */
  color:white !important; 
  text-decoration:none
}
.items-more { clear:both;margin:10px 0; }
.items-more ol { list-style:none;margin:5px 0;padding:0 }
.items-more ol li { margin:0;padding:0 }
.items-more ol li a { margin:0;padding:5px }
.pagination { margin:10px 0;padding:0;text-align:center }
.pagination ul { list-style:none;margin:0;padding:0; }
.pagination ul li { display:inline;margin:0 5px;padding:0; }
h1, h2, h3, h4 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
}
a, a:link, a:visited { color:#006B26 }
a:hover, a:active { color:#00A551; text-decoration:none }
#awan1 { display:block;width:300px;height:143px;background:url(../images/cloud.png) no-repeat left top;position:absolute; z-index:50;left:10px;top:10px }
#awan2 { display:block;width:300px;height:143px;background:url(../images/cloud.png) no-repeat left top;position:absolute; z-index:1;right:5%;top:300px }
#outer {
  margin: 0px auto;
  padding: 0px;
  width: 839px;
}
#outer #wrapper {
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 1;
  left: 0px;
  top: 0px;
  width: 839px;
}
#outer #wrapper #header #imghead {
  margin: 0px;
  padding: 0px;
  position: absolute;
  z-index: 5;
  left: -48px;
  top: 0px;
  width: 917px;
}
#outer #wrapper #header {
  padding: 0px;
  margin: 0px;
  position: relative;
  z-index: 1;
  left: 0px;
  top: 0px;
}
#outer #wrapper #header #topbar {
  margin: 0px;
  padding: 0px;
  width: 100%;
  position: absolute;
  z-index: 5;
  left: 0px;
  top: 190px;
}
#outer #wrapper #header #topbar .moduletable-menutop .menu {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
#outer #wrapper #header #topbar .moduletable-menutop .menu li {
  display: block;
  margin: 0px;
  padding: 0px;
  float: left;
  line-height: 30px;
}
#outer #wrapper #header #topbar .moduletable-menutop .menu li a, #outer #wrapper #header #topbar .moduletable-menutop .menu li a:link, #outer #wrapper #header #topbar .moduletable-menutop .menu li a:visited {
  display: block;
  float: left;
  padding-top: 0px;
  padding-right: 19px;
  padding-bottom: 0px;
  padding-left: 10px;
  text-decoration: none;
  color: #00a551;
  font-weight: bold;
  margin-top: 0px;
  margin-right: 1px;
  margin-bottom: 0px;
  margin-left: 0px;
  text-align:center;
}
#outer #wrapper #header #topbar .moduletable-menutop .menu li a:hover, #outer #wrapper #header #topbar .moduletable-menutop .menu li a:active, #outer #wrapper #header #topbar .moduletable-menutop .menu li.active a {
  background-color:#076e3a;
  color:#eeeed3;
}
#outer #wrapper #bodywrapper {
  margin: 0px;
  padding-top: 240px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
  background-color: #FFF;
  overflow: hidden;
  min-height:600px;
}
#outer #wrapper #bodywrapper #left {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 200px;
}
#outer #wrapper #bodywrapper #left #logo {
  background-image: url(../images/logokanopi.png);
  background-repeat: no-repeat;
  background-position: left top;
  margin: 0px auto;
  padding: 0px;
  height: 63px;
  width: 130px;
}
#outer #wrapper #bodywrapper #left #logo h1 {
  text-indent: -999em;
  margin: 0px;
  padding: 0px;
}
#outer #wrapper #bodywrapper #content {
  margin: 0px;
  padding: 20px;
  float: right;
  width: 599px;
}
#outer #wrapper #bodywrapper #content .item-page {
	margin:0;
	padding:0;
	line-height:1.8em;
}
#outer #wrapper #bodywrapper #left .moduletable h3, #outer #wrapper #bodywrapper #left .moduletable-care h3, #outer #wrapper #bodywrapper #left .moduletable-nurse h3, #outer #wrapper #bodywrapper #left .moduletable-baby h3 {
  margin: 0px;
  display: block;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 8px 8px 0px 0px;
  border-radius: 8px 8px 0px 0px;
  background: #006e2e; /* Old browsers */
  background: -moz-linear-gradient(top, #006e2e 1%, #004f1b 7%, #00a551 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#006e2e), color-stop(7%,#004f1b), color-stop(100%,#00a551)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #006e2e 1%,#004f1b 7%,#00a551 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #006e2e 1%,#004f1b 7%,#00a551 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #006e2e 1%,#004f1b 7%,#00a551 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#00a551',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #006e2e 1%,#004f1b 7%,#00a551 100%); /* W3C */
  color:#C1E2CD;
}
#outer #wrapper #bodywrapper #left .moduletable-care, #outer #wrapper #bodywrapper #left .moduletable-nurse, #outer #wrapper #bodywrapper #left .moduletable-baby {
  padding: 0px;
  margin-top: 10px;
  margin-right: 6px;
  margin-bottom: 0px;
  margin-left: 6px;
}
#outer #wrapper #bodywrapper #left .moduletable {
  padding: 0px;
  margin-top: 0px;
  margin-right: 6px;
  margin-bottom: 0px;
  margin-left: 6px;
}
.create { font-size:9px;color:#00531D;margin:0;padding:0; }
#outer #wrapper #bodywrapper #left .moduletable .menu {
  margin: 0px;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  list-style-type: none;
}
#outer #wrapper #bodywrapper #left .moduletable .menu li {
  margin: 0px;
  padding: 0px;
  line-height: 2em;
}
#outer #wrapper #bodywrapper #left .moduletable .menu li a, #outer #wrapper #bodywrapper #left .moduletable .menu li a:link, #outer #wrapper #bodywrapper #left .moduletable .menu li a:visited {
  display: block;
  text-decoration: none;
  color: #076E3A;
  border-bottom: dotted 1px #05A04A;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 5px;
  line-height: 2em;
}
#outer #wrapper #bodywrapper #left .moduletable .menu li.active a, #outer #wrapper #bodywrapper #left .moduletable .menu li a:hover, #outer #wrapper #bodywrapper #left .moduletable .menu li a:active {
  color: #9FD548;
  border-bottom: dotted 1px #9FD548;
}
#outer #wrapper #bodywrapper #content h2{
  font-size:28px;
  color:#9FD548;
}
#outer #wrapper #bodywrapper #content h3{
  font-size:18px;
  color:#9FD548;
}

#footer { 
  width:100%; 
  height:70px; 
  margin:0;
  padding:50px 0 0 0;
  color:white;
  background: #006e2e; /* Old browsers */
  background: -moz-linear-gradient(top, #006e2e 1%, #004f1b 7%, #00ce4f 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#006e2e), color-stop(7%,#004f1b), color-stop(100%,#00ce4f)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #006e2e 1%,#004f1b 7%,#00ce4f 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #006e2e 1%,#004f1b 7%,#00ce4f 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #006e2e 1%,#004f1b 7%,#00ce4f 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#00ce4f',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #006e2e 1%,#004f1b 7%,#00ce4f 100%); /* W3C */
}
#footer p { margin:0;padding:0; text-align:center; }