* { font-family: Microsoft Sans Serif, 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: #0c426e;
  color: white; font-size: 14px; 
}
a:link { color: #80c0ff; }
a:visited { color: #60a0ff; }
a:hover { color: #a0e0ff; }

h1 { font-size: 26px; text-align: center; }
h2 { font-size: 22px; text-align: center; }
h3 { font-size: 18px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
hr { color: #083355; background-color: #083355; border: none; }

.header_area {
  width: 980px;  /* the same width */ 
  min-height: 100px; height: 100px;
  overflow: hidden;
  background-image: url('/img/blue1/top_grad.png'); 
  background-repeat: no-repeat;
  background-position: top left;
}
.header_area table {
  width: 100%; height: 100px;
  margin: 0px 0px 0px 0px;
  border-spacing: 0px;
  padding: 0px;
}
.header_area td { padding: 0px; vertical-align: middle; }
.header_area img { padding-top: 0px; padding-left: 10px; }
.header_area h1 { font-size: 32px; margin-top: 20px; margin-left: 30px; }
.header_area td.motto { 
  text-align: right; 
  vertical-align: top;
  padding-right: 12px; padding-top: 20px;
  font-size: 16px; font-style: italic;
  letter-spacing: 1px; word-spacing: 3px;
}

.header_area td.logo { vertical-align: center; }
td.logo img { display: block; margin-top: auto; margin-bottom: auto; }

.top_menu {
  width: 980px;  /* the same width */ 
  position: absolute;
  left: 0px; top: 59px;
  text-align: right;
  height: 65px; min-height: 65px;
}
.top_menu table {
  margin: 0px 4px 0px auto;
  padding: 0px; border-spacing: 0px; 
} 
.top_menu td {
  text-align: center;
  vertical-align: text-top;
  text-transform: uppercase;
  padding: 10px 0px 0px 0px;
  width: 128px; min-width: 128px; 
  height: 65px; min-height: 65px;
  background-image: url('/img/blue1/tab.png'); 
  background-repeat: no-repeat;
  background-position: top center;
}

.top_menu a { font-size: 12px; font-weight: bolder; }
.top_menu a:link { color: black; text-decoration: none; }
.top_menu a:visited { color: black; text-decoration: none; }
.top_menu a:hover { color: white; text-decoration: underline; }


table.layout {
  width: 980px; max-width: 980px; /* the same width */ 
  margin: 0px; padding: 0px;
}
td.menu_area { 
  width: 160px; vertical-align: top; 
  padding: 30px 10px 10px 5px;
  border-right: 3px dashed #083355; 
}
td.content_area {
  vertical-align: top; 
  padding: 30px 5px 10px 5px;
}
.content_area img { margin: 8px 8px 8px 8px; border: none; }

.gallery_area { margin-bottom: 8px; margin-top: 8px; }
.gallery_area img { margin: 0px 4px 0px 0px; }
.gallery_area p { margin-top: 2px; }
.gallery_area table { margin: 0px; padding: 0px; border-collapse: collapse; }
.gallery_pic img { margin: 0px 10px 10px 0px; float: left; }
.gallery_pic h2 { text-align: left; }

td.news_area { 
  width: 160px; vertical-align: top; 
  padding: 30px 5px 10px 10px;
  border-left: 3px dashed #083355; 
}

.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: #0c426e; }
#blogCalendar table td, #blogCalendar table th { font-weight: normal; font-size: 85%; }
.calendar table { width: 266px; border: 2px solid #083355;  }
.calendar td { border: 1px solid #083355;  }
.calendar td.ccDay { font-style: italic }
.calendar td.ccListedDay { font-weight: bold }

#blogCalendar table { width: 150px; border: 1px solid #083355;  }
#blogCalendar td.ccListedDay { font-weight: normal }
#blogCalendar td.ccDay a { font-style: italic; text-decoration: none }

.footer {
  font-size: 12px;
  border-top: 3px dashed #083355; 
  padding-top: 5px;
  width: 980px;  /* the same width */ 
}

textarea { font-family: Courier New, Courier, monospace; }
.under { border-top: 1px solid #083355; } /* Admin interface */