* { font-family: Verdana, Helvetica, sans-serif }
body {
  width: 860px;  /* 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: #004030;
  color: black; font-size: 14px; 
background-image: url('/img/wrcms/goldencoastbnb.co.nz/background.jpg');
background-repeat: repeat;
background-position: top left;

}
a:link { color: #004020; }
a:visited { color: #204030; }
a:hover { color: #008060; }

h1, h2 { font-family: Times New Roman; }
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: #004020; background-color: #004020; border: none; }

.header_area {
  margin-top: 0px;
  width: 860px;  /* the same width */ 
  background-color: white;
  height: 150px;
  overflow: hidden;
}
.header_area table {
  width: 100%; height: 150px;
  margin: 0px 0px 0px 0px;
  border-spacing: 0px;
  padding: 0px;
}
.header_area table {
background-image: url('/img/wrcms/goldencoastbnb.co.nz/site_title.jpg');
background-repeat: no-repeat;
background-position: center center; }
.logo img, .logo h1 { display: none; }
.motto { display: none; }

.header_area td { padding: 0px; }
.header_area td.motto { 
  text-align: center; 
  vertical-align: bottom;
  font-size: 12px; font-style: italic;
}

td.logo h1 { font-size: 36px; margin-top: 0px; margin-bottom: 0px;  }
td.logo img { margin: 0px; }

.top_menu {
  width: 860px;  /* the same width */ 
  text-align: center;
  height: 40px; min-height: 25px;
  background-color: white;
}
.top_menu table {
  margin: 0px auto 0px auto;
  padding: 0px; border-spacing: 0px; 
} 
.top_menu td {
  text-align: center;
  height: 25px; min-height: 25px;
  padding-left: 10px; padding-right: 10px;
}

.top_menu a { font-size: 15px; 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: black; text-decoration: underline; }

table.layout {
  height: 604px;
  width: 860px; max-width: 860px; /* the same width */ 
  margin: 0px; padding: 0px;
  background-color: white;
}
td.menu_area { 
  padding: 20px 5px 10px 10px;
  width: 150px; vertical-align: top; 
  border-right: 1px dashed #e0e0e0; 
}
td.content_area {
  vertical-align: top; 
  padding: 20px 25px 10px 25px;
}
.content_area img { margin: 8px 8px 8px 8px; border: none; }

.gallery_area { margin-bottom: 10px; }
.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 0px 10px 0px;  }
.gallery_pic h2 { text-align: left; }

td.news_area { 
  font-size: 13px; 
  width: 150px; vertical-align: top; 
  padding: 20px 5px 10px 10px;
  border-left: 1px dashed #e0e0e0; 
}

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

table.layout { border-bottom: 1px dashed #e0e0e0; border-top: 1px dashed #e0e0e0; }

.footer {
  font-size: 12px;
  padding-top: 5px;
  width: 860px;  /* the same width */ 
  height: 60px;
  background-color: white; 
  margin-bottom: 0px;
}
.footer table tr td:first-child { padding-left: 25px; }

textarea { font-family: Courier New, Courier, monospace; }
.under { border-top: 1px solid silver; } /* Admin interface */.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; }