body { margin: 0px 0px 0px 0px }
body { font-family: Trebuchet MS, Helvetica; font-size: 15px }
h1 { font-size: 27px }
h2 { font-size: 22px }
h3 { font-size: 17px }
h4 { font-size: 15px }

body * input { font-size: 15px; } 
body * textarea { 
  font-size: 14px; 
  font-family: DejaVu Sans Mono, Lucida Console, Courier New, Courier, monospace; 
} 

input { height: 22px }
input.menu { height: 21px }
input#qsearch { margin-bottom: 10px } 

hr { border: none; background-color: #b99866 }

.layout { margin: 0px 0px 0px 0px }
div.hsplit { font-size: 0px; height: 0px }
td.vsplit { width: 0px }

td.header {
  padding: 0 0 0 0;
  border-bottom: solid; border-bottom-width: 1px; 
  border-color: #7a5321;
  background-image: url('/img/hulalei_grad1.gif'); 
  background-repeat: repeat-x;
  background-position: bottom left;
  vertical-align: bottom;
  padding-left: 10px;
}

.header img {  max-height: 300px; }

h1.header { margin-top: 24px; margin-bottom: 12px }

.menu_area { 
  border-right: 1px solid #7A5321;
  background-color: #f4eee9;
  padding: 8px 8px 8px 8px; 
}

.content_area { padding: 8px 12px 8px 12px; font-size: 15px }
.content_area td { font-size: 15px }

.content { font-size: 15px }

.news_area { 
  border-left: 1px solid #7A5321;
  background-color: #f4eee9;
  padding: 8px 8px 8px 8px; 
  font-size: 13px;
}

.news_date { font-size: 11px; font-weight: bold; color: #707070; }

.news { font-size: 13px; }

h4.news { margin-bottom: 0; font-size: 15px; padding-left: 8px; padding-right: 8px; }

.footer { 
  border: solid; border-width: 1px; border-color: #7a5321;
  color: #400000; background-color: #9d7947;
  font-size: 11px;
}

.copyright { font-size: 12px }
td.copyright { padding-left: 8px; padding-right: 8px }

.under { border-bottom: thin solid #f4eee9 }

.menu { font-size: 13px }
a.menu:link { color: #600000 }
a.menu:visited { color: #800000 }
a.menu:hover { color: #800000; background-color: #FFE040 }

a.news:link { color: #600000 }
a.news:visited { color: #800000 }
a.news:hover { color: #800000; background-color: #FFE040 }

a.bar:link { color: #400000 }
a.bar:visited { color: #600000 }
a.bar:hover { color: #402000; background-color: #F0C040 }
.blog_header h3 { text-align: left; font-size: 100% }
.blog_header h1 { text-align: left; font-size: 140% }
.blog_nav { text-align: center; border-top: 1px dotted #101040; }
.blog_nav table { margin-left: auto; margin-right: auto; margin-top: 10px; }
.blog_nav table th { width: 150px; }
.blog_nav table th a {
  display: block; padding-left: 12px; padding-right: 12px;
  background-repeat: no-repeat;
}
#prevBlog { background-image: url('/img/buttons/blue1_prev.gif'); background-position: left center; }
#nextBlog { background-image: url('/img/buttons/blue1_next.gif'); background-position: right center; }

#blogCalendar { left: 0px; width: 100%; text-align: center; }
#blogCalendar table { margin-left: auto; margin-right: auto; background-color: white; }
#blogCalendar table td, #blogCalendar table th { color: black; font-weight: normal; font-size: 90%; }
#blogCalendar table a { color: blue; }
#blogCalendar table td.ccDay a { text-decoration: none; color: black; }
.calendar table { border: 2px solid gray;  }
.calendar td { border: 1px solid #c0c0c0; }
.calendar td.ccDay { font-style: normal; }
.calendar td.ccListedDay { font-weight: bold }
.calendar td.ccToday { background-color: #e0e0e0; }
.calendar td.ccEmpty { border-color: #e0e0e0; }

#blogCalendar table { border-width: 1px }
#blogCalendar td.ccListedDay { font-weight: normal; border-color: #505050 }
#imgList a:link { color: blue; }