* { font-family: Tahoma, Helvetica, Sans Serif }
body { 
  min-height: 100%; height: 100%;
  color: white; font-size: 14px; 
  background-color: black; 
  margin-top: 0px; margin-bottom: 0px;
  margin-left: 10px; margin-right: 10px;
  position: relative; 
}
body * input { font-size: 14px; }
body * p { font-size: 14px; }
div.header_area { 
  text-align: center; 
  min-height: 152px; height: 152px;
  overflow: hidden;
background-image: url('/img/wrcms/gracephotography.co.nz/site_title.gif');
background-repeat: no-repeat;
background-position: top center;

}
.header_area table { 
  margin-left: auto; margin-right: auto; 
  margin-top: 92px; min-height: 56px;
}
.header_area h1 { 
  margin-top: 0px; margin-bottom: 0px; 
  font-weight: bolder;
  font-family: Trebuchet MS; font-size: 42px; 
  text-align: center;
  word-spacing: 8px; letter-spacing: 3px;
}
.header_area td { 
  font-family: Antiqua, Arbat, Adobe Poetica, Times New Roman;
  font-style: italic; font-size: 16px; 
} 
div.top_menu { 
  text-align: center; font-size: 12px; 
  border-top: 1px solid #505050; 
  border-bottom: 1px solid #505050; 
}
div.top_menu table { 
  font-size: 12px;
  margin-left: auto; margin-right: auto; 
}
td.topMenu { text-align: center; width: 96px; }
.topMenu ul { list-style-type: none; padding: 0pt; margin: 0pt; }
.topMenu ul>li { 
  padding: 0pt; margin: 0pt; 
  position: relative;
  list-style-type: none; 
}
.topMenu a { color: white; text-decoration: none;  }
.topMenu a:hover { 
  color: white; background-color: #505050; 
  text-decoration: none; font-weight: bold; 
}
.topMenu a:visited { color: white; }
.topMenu a:link { color: white; }

ul.popupMenu { 
  position: absolute; top: 1.2em; left: 0em; 
  min-width: 80px;
  display: none;
  list-style-type: none; 
  padding: 4px 10px 4px 10px;
  border: 1px solid #505050;
  background-color: black;
  text-transform: none;
  text-align: left;
  line-height: 1.5em;
  white-space: nowrap;
  z-index: 1;
}
.popupMenu a, popupMenu li { white-space: nowrap; }
.popupMenu a:hover { 
  text-decoration: underline; 
  font-weight: normal; color: white; 
  background-color: black;
}
.popupMenu li { padding: 0px; margin: 0px; }

div.content_area {  padding-top: 10px; padding-bottom: 10px; }
div.content_area img { padding: 5px 10px 5px 10px; }
div.news_area { 
  float: right; width: 180px; 
  border-left: 1px solid #c0c0c0; 
  border-bottom: 1px solid #c0c0c0; 
  padding: 10px 0px 10px 10px; margin-top: -10px;
  font-size: 12px; 
}
div.news_area img { margin: 0px; padding: 0px; }

h1 { 
  font-size: 19px; font-weight: normal; 
  text-align: center; 
}
h2 { 
  font-size: 17px; font-weight: normal; 
  text-align: center; 
}
h3 { font-size: 15px; }
h4 { font-size: 13px; }

a:link { color: #fff080; text-decoration: none; }
a:visited { color: #f0e060; text-decoration: none; }
a:hover { color: #fff0c0; text-decoration: underline; }

td.under { border-bottom: 1px solid #505050; }

div.gallery_area { text-align: center; }
div.gallery_area table { margin-left: auto; margin-right: auto; margin-top: 10px; }
div.gallery_area table td { 
  padding-left: 5px; padding-right: 5px; vertical-align: top; 
}
div.gallery_area img { padding: 0px; }
.gallery_area * img { border: 1px solid black; }
.gallery_area * img:hover { border: 1px solid #f0e060; }
div.gallery_pic { text-align: center; padding: 0px;  }
div.gallery_pic img, div.gallery_pic img:hover { border: none; margin-left: auto; margin-right: auto; }

div.footer { 
  border-top: 1px solid #505050; 
  border-bottom: 1px solid #505050;
  padding-top: 10px; padding-bottom: 10px;
  text-align: center; font-size: 12px;
}
td.copyright { white-space: nowrap; text-align: center; }

select, input, textarea {
  background-color: white; color: black; 
}
textarea { 
  font-family: Courier New, Courier; font-size: 14px; 
}
.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; }