/* ---------------------------------------------------------------------------*/
/* BONNECHERE MANOR FOUNDATION
/* MAIN CSS FILE
/* -- MARCH 2009 --
/* -- BLUENORTH STUDIOS --
/* ---------------------------------------------------------------------------*/
/* Global Styles
/* ---------------------------------------------------------------------------*/
body {
  margin: 0px auto; font-family: "Century Gothic", arial; font-size: 12px;
  background: #FFFFFF url(../images/backgrounds/bg.jpg) top left repeat-x;
}
.error {
  background-color: #35140f;
  padding: 10px;
  color: #fff;
  margin: 10px 0px 10px 0px;
}
h2 {
  font-size: 22px;
  color: #6987AD;
  margin: 10px 0px 10px 0px;
  font-weight: normal;
}
h3 {
  font-size: 18px;
  color: #6987AD;
  margin: 10px 0px 10px 0px;
  font-weight: normal;
}
.im {
  margin: 5px 0px 5px 0px;
}
.dsbottom {
  height: 10px; background: url(../images/bling/dshadow_bottom.jpg) top left repeat-x;
}
/* ---------------------------------------------------------------------------*/
/* Drop Shadow Classes
/* ---------------------------------------------------------------------------*/
.dsbottom {
  height: 10px; background: url(../images/bling/dshadow_bottom.jpg) top left repeat-x;
}
/* ---------------------------------------------------------------------------*/
/* TOP NAVIAGTION
/* ---------------------------------------------------------------------------*/
.topnav {
  position: absolute; left: 50%; margin-left:-400px;
  top: 0px; height: 20px; width: 800px;
  padding-top: 1px; color: #EFEFFF;
  padding-left:5px; padding-right: 20px;
}
.topnav table { border-collapse: collapse; }
.topnav a {
  color: #FFFFFF; text-decoration: none; font-weight: bold;
}
/* ---------------------------------------------------------------------------*/
/* HEADER
/* ---------------------------------------------------------------------------*/
.header {
  position: absolute; left: 50%; margin-left:-400px;
  top: 28px; width: 800px; padding-top: 7px;
}
.header img {
  border-width: 0px;
}
/* ---------------------------------------------------------------------------*/
/* MAIN NAVIGATION
/* ---------------------------------------------------------------------------*/
.mainnav {
  position: absolute; left: 50%; margin-left:-400px;
  top: 144px; width: 800px;
}
.mainnav a {
  display: block; text-decoration: none; padding:9px 9px 9px 9px;
  float: left; color: #2D428A; border-right: 1px solid #DDE4EE;
  font-weight: bold; font-size: 11px;
}
.mainnav a:hover {
  background-color: #EFF2F8; color: #FF9900;
}
/* ---------------------------------------------------------------------------*/
/* GOAL METER
/* ---------------------------------------------------------------------------*/
.goalmeter {
  position: absolute;
  left: 50%;
  margin-left:-400px;
  top: 178px;
  height: 50px;
  width: 800px;
  padding: 0px;
  color: #FFFFFF;
  font-size: 14px;
}
.gt {
  margin-top: 12px;
  width: 497px;
  height: 70px;
  background: url(../images/ft/ft_bg.png) top left no-repeat;
}
.merc {
  position: relative;
  top: 25px; left: 61px;
  height: 20px;
  background: url(../images/ft/merc.jpg) top left repeat-x;
  color: #fff;
  font-size: .9em;
  padding-top: 1px;
  text-align: right;
}
.gt_table {
  font-size: .8em;
  padding: 0px;
  margin-left: 60px;
  color: #000;
}
.gt_table table {
  border-collapse: collapse;
  margin: 0px;
}
.gt_table td {
  padding: 0px;
}
.gt_info {
  font-size: 11px;
  color: #ffd;
  padding: 5px 0px 0px 5px;
}
.gt_info h3 {
  margin: 0px; color: #fff;
  font-size: 16px;
}
.gt_info p {
  font-size: 10px;
  margin: 4px 0px 4px 0px;
  color: #fff;
  border-top: 1px solid #ddf;
}
/* ---------------------------------------------------------------------------*/
/* CONTENT
/* ---------------------------------------------------------------------------*/
.content {
  position: absolute; left: 50%; margin-left:-400px;
  top: 281px; width: 800px;
  padding-top: 10px; padding-bottom: 0px;
  padding-left: 0px; padding-right: 0px;
  /*border: 1px solid #CCCCCC; border-width: 0px 1px 0px 1px;*/
}
.left {
  background-color: #F0F0FF; padding: 0px 5px 0px 5px;
  border-right: 1px solid #E8E8FF;
}
/* ---------------------------------------------------------------------------*/
/* RANDOM IMAGE
/* ---------------------------------------------------------------------------*/
.randimg {
  border: 1px solid #BAC6D4; margin: 0px 0px 5px 0px; padding: 2px;
}
.randimg img { border-width: 0px; }
/* ---------------------------------------------------------------------------*/
/* GALLERY
/* ---------------------------------------------------------------------------*/
.galleries {
  border-bottom: 1px solid #BBBBBB; padding-bottom: 20px; padding-top: 0px;
  margin-bottom: 20px;
}
.galleries img.gal {
  border: 1px solid #CCCCCC; padding: 4px; margin: 0px 5px 5px 0px;
}
.galleries a {
  text-decoration: none; color: #5B7595;
}
.galleries a:hover {
  text-decoration: underline;
}
.images img {
  border: 1px solid #CCCCCC; padding: 4px; margin: 0px 5px 5px 0px;
}
.images img:hover {
  border-color: #FF9900;
}
.gcontrol {
  border: 1px solid #CCCCCC; margin: 0px 0px 10px 0px;
  border-width: 1px 0px 1px 0px; padding: 5px 0px 5px 0px;
  background-color: #F0F0FF;
}
.gcontrol a {
  color: #666688; text-decoration: none;  
}
.gcontrol a:hover { text-decoration: underline; }
/* ---------------------------------------------------------------------------*/
/* DONATE NOW
/* ---------------------------------------------------------------------------*/
.donate {
  border: 1px solid #CCCCee; margin:0px 0px 5px 0px;
}
/* ---------------------------------------------------------------------------*/
/* SUB NAV
/* ---------------------------------------------------------------------------*/
.subnav {
  position: relative; width: 250px; z-index: 100;
  border: 1px solid #CCCCee;
  float: left; background-color: #e5e5FF;
}
.subnav span.hdr {
  display: block; height: 35px; line-height: 35px;
  background: url(../images/navigation/subnav_hdr.jpg) top left repeat-x;
  color: #000000; margin: 1px; padding: 0px 5px 0px 5px;
  font-size: 12px; border-bottom: 1px solid #BAC6D4;
}
.subnav a {
  color: #111111; text-decoration: none;
}
.subnav a:hover { text-decoration: underline; color: #222244; }
.subnav a.sub {
  display: block; padding: 5px 5px 5px 25px;
  border-bottom: 1px dotted #bbbbcc;
  text-decoration: none; color: #555577; margin: 0px 2px 0px 2px;
  background: #FFFFFF url(../images/navigation/subnav_arrow.gif) 10px center no-repeat;
}
.subnav a.sub:hover { background-color: #FFFFbb; }
/* ---------------------------------------------------------------------------*/
/* THIS AND THAT
/* ---------------------------------------------------------------------------*/
.thisandthat {
  padding: 10px 5px 10px 5px; border: 1px solid #BAC6D4;
  border-width: 1px 0px 1px 0px; background-color: #F0F0FF;
  color: #7B95B5; margin-bottom: 15px;
}
.thisandthat a { text-decoration: none; color: #5B7595; }
.thisandthat a:hover { text-decoration: underline; }
/* ---------------------------------------------------------------------------*/
/* RIGHT HAND CONTENT
/* ---------------------------------------------------------------------------*/
.right {
  position: relative; width: 525px;
  padding: 0px 15px 10px 15px; float:left;
}
/* ---------------------------------------------------------------------------*/
/* LARGE IMAGE
/* ---------------------------------------------------------------------------*/
.limage {
  padding: 25px 0px 25px 0px; border: 1px solid #CCCCEE;
  border-width: 1px 0px 1px 0px; margin: 10px 0px 10px 0px;
  background-color: #F8F8FF;
}
.limage img {
  border: 1px solid #CCCCEE; padding: 4px; background-color: #FFFFFF;
}
.caption {
  margin-top: 10px; color: #111111; padding: 0px 25px 0px 25px;
  font-weight: bold;
}
.timage {
  margin-top: 10px;
}
.timage img { margin: 0px 2px 0px 2px; }
.timage img:hover {
  background-color: #E0E0FF; border-color: #7777aa; cursor: pointer;
}
/* ---------------------------------------------------------------------------*/
/* DATE DISPLAY
/* ---------------------------------------------------------------------------*/
.date {
  font-size: 16px; padding: 5px 0px 5px 0px;
}
/* ---------------------------------------------------------------------------*/
/* ITEM LIST
/* ---------------------------------------------------------------------------*/
.ilist {
  border-top: 1px solid #9999AA; padding: 10px 0px 10px 0px;
  color: #111122; margin: 10px 0px 10px 0px;
}
.ilist a { text-decoration: none; color: #164A89; }
.ilist a:hover { text-decoration: underline; }
.ilist a.hdr {
  font-size: 16px; display: block; padding: 0px 0px 10px 0px;
  text-decoration: none; border-bottom: 1px solid #BBBBDD;
  margin-bottom: 0px;
}
.data { font-size: 10px; color: #777777; padding-bottom: 10px; }
.ilist a.hdr:hover {
  text-decoration: underline;
}
.ilist img.fl {
  float: left; border: 1px solid #CCCCEE; padding: 4px;
  margin: 0px 10px 0px 0px;
}
.ilist table {
  border-collapse: collapse; margin-top: 10px;
  border: 1px solid #CCCCDD; border-width: 1px 0px 1px 0px;
}
.ilist td { padding: 1px 0px 1px 0px; }
/* ---------------------------------------------------------------------------*/
/* ITEM PAGE
/* ---------------------------------------------------------------------------*/
.addresscontact {
  border: 1px solid #CCCCEE; padding: 5px 10px 5px 10px; margin: 0px 0px 10px 0px;
  color: #222244; background-color: #F8F8FF;
}
.addresscontact span.info {
  font-size: 10px; color: #666666;
}
.addresscontact a {
  color: #274783; text-decoration: none;
}
.addresscontact a:hover { text-decoration: underline; }
/* ---------------------------------------------------------------------------*/
/* FOOTER
/* ---------------------------------------------------------------------------*/
.footer {
  position: relative; padding: 10px; border-top: 1px solid #aaaacc;
  color: #555577; margin-top: 20px;
}
.footer a { text-decoration: none; }
.footer a:hover { text-decoration: underline; }