* { font-family: Microsoft Sans Serif, Helvetica, Serif }

body { 
  margin-top: 0px;
  background-color: #f8f9fb; color: black; font-size: 14px; 
  background-image: url('/img/gradients/blue_vgrad1.png');
  background-repeat: repeat-x;
  background-position: top left;
}
body * td { font-size: 14px; }
body * th { font-size: 14px; }
body * input { font-size: 14px; }
body * p { font-size: 14px; }

table.layout { 
  width: 860px; max-width: 860px; 
background-image: url('/img/wrcms/ourladyofgrace.net.nz/background.jpg');
background-repeat: repeat-x;
background-position: top left;
background-color: white;

}

td.header_area { padding: 0px; width: 860px; }
td.header { font-size: 18px; }
td.header_area table td { text-align: center; }
td.small_logo { width: 1%; }

td.top_menu { text-align: center; padding: 2px 2px 20px 2px; }
.topMenu { margin: 0px auto 0px auto; border: none; text-align: left }
.topMenu ul { list-style-type: none; padding: 0pt; margin: 0pt; }
.topMenu ul>li { 
  padding: 0pt; margin: 0pt; 
  position: relative;
  list-style-type: none; 
}
table.topMenu td { 
  font-size: 14px; 
  font-weight: bolder;
  text-transform: none; 
  padding-left: 10px; padding-right: 10px; 
}
.topMenu a:visited { text-decoration: none; }
.topMenu a:link { text-decoration: none; }

ul.popupMenu { 
  position: absolute; top: 1.1em; left: 0em; 
  display: none;
  list-style-type: none; 
  padding: 4px 10px 4px 10px;
  border: 2px solid #c0c0c0;
  background-color: white;
  text-align: left;
  text-transform: none;
  letter-spacing: normal; word-spacing: normal; line-height: 1.5em;
  white-space: nowrap;
  z-index: 1;
}
.popupMenu a, popupMenu li { white-space: nowrap; }
.popupMenu a:hover { text-decoration: underline; color: #004080; }
.popupMenu li { padding: 0px; margin: 0px; }

.header_area h1 {
  text-transform: none; 
  font-family: Times New Roman;
  font-size: 36px; font-weight: normal;
  word-spacing: 0px; letter-spacing: 0px;
}
img.site_title { display: block; margin-left: auto; margin-right: auto; }
h1 { 
  font-size: 19px; font-weight: normal; 
  text-transform: uppercase; text-align: center; 
  word-spacing: 8px; letter-spacing: 3px;
}
h2 { 
  font-size: 17px; font-weight: normal; 
  text-transform: uppercase; text-align: center; 
  word-spacing: 8px; letter-spacing: 4px;
}
h3 { font-size: 15px; }
h4 { font-size: 13px; }

td.content_area { padding-right: 20px; padding-left: 20px; }
td.under { border-bottom: 1px solid #c0c0c0; }

div.gallery_pic img { border: 1px solid #808080; margin-bottom: 10px; }

td.gallery_area { 
  width: 220px; min-width: 220px; max-width: 220px; 
  padding-left: 6px; padding-right: 6px;
}
.gallery_area * img { border: 1px solid #c0c0c0; }
.gallery_area * img:hover { border: 1px solid blue; }

td.news_area { 
  width: 180px; min-width: 180px; max-width: 180px; text-align: center; 
}
.news_header { 
  font-size: 14px; font-weight: normal; 
  text-transform: uppercase; text-align: center; 
  word-spacing: 5px; letter-spacing: 2px;
}

div.news { 
  text-align: left; margin-left: auto; margin-right: auto; font-size: 12px; 
}
.news_date {  white-space: nowrap; width: 150px; }

td.footer { padding: 12px 5px 4px 5px; }

textarea { 
  font-family: Courier New, Courier; font-size: 14px; 
}

div#blogCalendar { width: 170px; }.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; }