body { 
        color: #333; 
        margin: 0; 
        padding: 0; 
        font-family: verdana, arial, sans serif;
        font-size: 12px;
        background: url(/images/bim-bg.jpg) top center no-repeat #000;
        
      }
      
      #d-1 {
        position: absolute;
        top: 707px;
        left: 50%;
        margin-left: -836px;
      }
      
      #d-2 {
        position: absolute;
        top: 469px;
        right: 50%;
        margin-right: -904px;
      }
      
      #page { 
        position: absolute;
        text-align: center; 
        width: 1024px; 
        left: 50%;
        margin-left: -512px;
        padding: 0;
        z-index: 100;
      }
      
      #page img {
        border: none 0px black;
        margin: 0;
        padding: 0;
      }

      #content { 
        float: right;
        width: 710px; 
        margin: 0 0 70px 0;
        font-size: 12px; 
        background-color: rgb(204, 204, 204);
        background-color: rgba(255, 255, 255, 0.8);
        border-radius: 16px;
        -moz-border-radius: 16px;
        padding: 20px;
        position: relative;
        text-align: left;
        min-height: 400px;
        box-shadow: 2px 2px 10px black;
        z-index: 100;
				clear: right;
      }
      
      #content td, #content p {
        font-size: 12px; 
      }
      
      img {
        border-width: 0;
      }
      
      #header { 
        color: white; 
        width: 1024px; 
        height: 210px;
        text-align: left; 
        margin: 0;
        padding: 0;
        background: url(/images/bim-header.jpg) top left no-repeat;
        position: relative;
      }
      
      #header img {
        position: absolute;
        left: 50%;
      }
      
      
      #footer { 
        background: url(/images/bim-footer-bg.png) 0 10px no-repeat;
        width: 1024px; 
        height: 35px;
        font-size: 12px; 
        padding: 1em 0 1em 0; 
        clear: both;
        margin-top: 10px;
        padding-top: 30px;
        color: white;
        clear: both;
        z-index: 1000;
      }
      
      #footer {
        position: fixed;
        bottom: -12px;
        left: 50%;
        margin-left: -512px;
        text-align: center;
      }
      
      #footer a:link {
        color: white;
      }
      
      .wedding { background-image: url(/images/weddings_background.jpg); width: 239px; text-align: left; }
      .wedding p, .wedding li { padding: 0 15px 0 8px; }
      
      .events { background-image: url(/images/upcoming_events_background.jpg); background-position: bottom center; background-repeat: no-repeat; background-color: #FFFFED; width: 243px; text-align: left; }
      .events p, .events li, .events dl { padding: 0 15px 0 8px; }
      .events dt { font-weight: bold; margin-top: 0.75em; }

.cart {
  border-collapse: collapse;
}

.cart_titles td {
  border-bottom: double 3px black;
}

.cart_detail td {
  border: solid 1px black;
}

.cart_error {
  color: red;
}

h1, h2, h3, h4 {
  font-weight: normal;
  padding: 0;
  margin: 5px 0 10px 0;
  font-family: "Ribbon131BdBTXSBold";
  text-shadow: 1px 1px 3px gray;
}

h1 {
  font-size: 45px;
}

h2 {
  font-size: 40px;
}

h3 {
  font-size: 35px;
}

h4 {
  font-size: 30px;
}

#navigation h2 {
  color: white;
}

img {
  behavior: url("/css/pngbehavior.htc");
}

.error {
  color: red;
}

.message {
  color: red;
  border: solid 2px black;
  padding: 5px;
  margin: 5px 10px 5px 5px;
  text-align: center;
  font-weight: bold;
}

.critical {
  color: yellow;
  background-color: red;
  border: solid 2px black;
  padding: 5px;
  margin: 5px 10px 5px 5px;
  text-align: center;
  font-weight: bold;
  display: block; 
}

#homepage-events span.date
{
  display: block;
  clear: both;
  width: 60px;
  text-align: center;
  font-weight: bold;
  color: #0180df;
  font-size: 30px;
  /*
  background-color: #FFFFFF;
  border-radius: 10px;
  */
  padding: 5px 0;
  margin-right: 10px;
  }
/*  dt:after {
    content: ":";
  }*/
#homepage-events span.details {
  display: block;
  padding: 5px;
/*  background-color: #FFFFFF;
  border-radius: 10px;*/
  width: 300px;
  
}

#navigation {
  background-color: rgb(143, 0, 73);
  background-color: rgba(204, 0, 104, 0.7);
  border-radius: 16px;
  -moz-border-radius: 16px;
  width: 220px;
  padding: 20px;
  float: left;
  color: white;
  text-align: left;
}

#navigation a, #navigation a:link {
  color: white;
  display: block;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  padding: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
}

#navigation a:hover {
  text-decoration: underline;
  background-color: rgb(29, 0, 15);
  background-color: rgba(0, 0, 0, 0.2);
}

#navigation a.subnav {
  font-weight: normal;
  padding-left: 20px;
  font-size: 90%;
}

dt {
  margin-top: 5px;
  font-weight: bold;
  font-size: 120%;
}

.warning {
	color: red;
	font-weight: bold;
	text-align: center;
	background-color: white;
	padding: 30px 10px;
	border-radius: 10px;
}

#under-navigation {
  background-color: rgb(255,255,255);
  background-color: rgba(255,255,255, 0.7);
  border-radius: 16px;
  -moz-border-radius: 16px;
  width: 220px;
  padding: 20px;
  float: left;
  color: black;
  text-align: left;
	clear: left;
	margin-top: 20px;
}

#under-navigation a, #under-navigation a:link {
  color: black;
  display: block;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  padding: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
}

#under-navigation a:hover {
  text-decoration: underline;
  background-color: rgba(0, 0, 0, 0.2);
}