* { font-family: Verdana, Helvetica, Sans-Serif }
body {
  width: 980px;  /* Fixed width */ 
  margin-top: 0px; margin-bottom: 0px; 
  margin-left: auto; margin-right: auto; /* body is centered within window */
  position: relative;  /* define new axis origin */
  background-color: white;
  color: black; font-size: 15px; 

}
/*
a:link { color: #d7f6ff; }
a:visited { color: #abd6e2; }
a:hover { color: #d7f6ff; }
*/
h1 { font-size: 29px; }
h2 { font-size: 25px; }
h3 { font-size: 21px; }
h4 { font-size: 17px; }
h5 { font-size: 14px; }
hr { color: #c0c0c0; background-color: #c0c0c0; border: none; }

.header_area {
  width: 980px;  /* the same width */ 
  min-height: 100px; 
  overflow: hidden;
  padding: 0px; margin: 0px;
  border-bottom: 2px solid #e0e0e0;
}
.header_area img { padding: 0px; margin: 0px auto 1px auto; display: block; }
.header_area h1 { 
  font-family: Trebuchet MS, Helvetica, Sans-Serif; font-weight: normal;
  font-size: 42px; text-align: center; 
  margin-top: 20px; margin-bottom: 20px;
}
.motto {
  font-family: Microsoft Sans Serif, Helvetica, Sans-Serif;
  font-style: italic; font-size: 14px; text-align: right;
  padding-right: 4px;
}

.top_menu {
  margin: 0px; padding: 0px;
  min-height: 30px;
}
.top_menu table { margin: 0px 0px 0px auto; padding: 0px; }

div.small_logo { 
  width: 190px; text-align: left; 
  padding: 0px 10px 0px 10px;
  margin-top: -10px;
  font-family: Times New Roman; 
  font-size: 18px;
  text-transform: uppercase; 
  letter-spacing: 1px;
  word-spacing: 2px;
  border-bottom: 2px solid #e0e0e0;
}
td.top_menu { text-align: right; vertical-align: top; }
.top_menu td {  text-align: center; padding-left: 10px; padding-right: 10px; }

.top_menu a, .top_menu td { 
  font-size: 14px; font-weight: bolder; 
  font-family: Microsoft Sans Serif, Helvetica, Sans-Serif;
}
.top_menu a:link { color: #000040; text-decoration: none; }
.top_menu a:visited { color: black; text-decoration: none; }
.top_menu a:hover { color: black; text-decoration: underline; }
.top_menu td { color: #808080; } 

table.layout {
  width: 980px; max-width: 980px; /* the same width */ 
  margin: 0px; padding: 0px;
}
td.menu_area { 
  width: 190px; vertical-align: top; 
  padding: 10px 10px 10px 10px;
}

td.menu_area, td.menu_area a { 
  font-size: 14px; font-weight: bolder; 
  font-family: Microsoft Sans Serif, Helvetica, Sans-Serif;
}
.menu_area a:link, .menu_area a:visited { text-decoration: none; color: black; }
.menu_area a:hover { text-decoration: underline; color: black; }

.search_box { margin-top: 4px; margin-bottom: 8px; }
.search_box input { font-size: 11px; }
#searchButton { width: 50px; }
#qsearch { width: 130px; }

td.content_area {
  vertical-align: top; 
  padding: 10px 5px 10px 35px;
}
.content_area img { margin: 8px 8px 8px 8px; border: none; }

.gallery_area { margin-bottom: 10px; }
.gallery_area img { margin: 0px 0px 0px 0px; padding: 3px; border: 2px solid #c0c0c0; }
.gallery_area img:hover { border: 2px solid #808080; } 
.gallery_area td { padding-left: 3px; padding-right: 3px;}

.gallery_area p { margin-top: 2px; }
.gallery_area table { margin: 0px; padding: 0px; border-collapse: collapse; }

div.gallery_pic { width: 720px; margin: 0px 0px 10px 0px; }
div.gallery_pic table { width: 100%; margin: 0px; padding: 0px; }
div.gallery_pic th { width: 688px; background-color: white; }
div.gallery_pic table .gallery_image { 
  text-align: center; background-color: white; 
  width: 100%; height: 400px;
}
.gallery_image img { margin: 0px auto 0px auto; padding: 0px; }

.corner1, .corner2, .corner3, .corner4 { 
  width: 16px; height: 16px; 
  background-color: white; 
}
code, pre, textarea { font-family: Courier New, Courier, monospace; }

.gallery_pic h2 { text-align: center; }

td.news_area { 
  width: 200px; vertical-align: top; 
  padding: 10px 5px 10px 25px;
  font-size: 13px;
}

.news_date { font-weight: bolder; color: black; font-size: 11px; }

.footer {  width: 980px;  /* the same width */   
  padding-top: 15px; font-size: 12px; color: black; 
}
.footer a:link { color: #000040; text-decoration: none; }
.footer a:visited { color: black; text-decoration: none; }
.footer a:hover { color: blue; text-decoration: underline; }
.footer td { text-align: left; }
.footer td:first-child { width: 250px; }

.under { border-top: 1px solid #e0e0e0; } /* Admin interface */

.blog_nav { font-size: 12px; }
.blog_nav th { font-weight: normal }

/* User-defined areas */
.note1 { background-color: #e0e0e0; }
div.note1, td.note1 { border: 2px solid #808080; padding: 8px; }
.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; }
body {  background-color: #e1d9b7; }

.header_area { border: none; }
div.small_logo { border: none; }
div.search_box { display: none; }