body {
  background-color:#ffffff;
  background-image:url('r/i/body-bg.png');
  color: #35457a;
  margin: 0;
  padding: 0;
}

a:link.read-more, a:visited.read-more {
  border: 1px solid #35457a;
  color:#35457a;
  display:inline-block;
  font-family:sans-serif;
  font-size:10px;
  padding: 0 5px 0 5px;
  margin: 0 0 0 10px;
  text-decoration:none;
  width: 65px;
}
a:hover.read-more, a:active.read-more {
  background-color:#dee3e6;
  border: 1px solid #35457a;
  color:#35457a;
  display:inline-block;
  font-family:sans-serif;
  font-size:10px;
  padding: 0 5px 0 5px;
  margin: 0 0 0 10px;
  text-decoration:none;
  width: 65px;
}

#wrapper {
  background-color: #ffffff;
  background-repeat: repeat-x;
  border: solid 1px #1f2438;
  margin: 30px auto 0 auto;
  padding: 0;
  position: relative;
  width: 880px;
}

ul#menu {
  background-color:#1f2438;
  background-image:url('r/i/menu-bg.png');
  font-family:verdana,sans-serif;
  font-size:14px;
  height:40px;
  line-height:40px;
  list-style-type:none;
  margin:0;
  padding:0;
  position:relative;
}
ul#menu li {
  display:block;
  float:left;
  margin:0;
  padding:0;
}
ul#menu li:hover {
  background-color:#1f2438;
}
ul#menu li a {
  color:#fff;
  display:block;
  text-align:center;
  text-decoration:none;
  white-space:nowrap
}
ul#menu li ul.submenu {
  background-color:#1f2438;
  margin:0;
  padding:0 0 5px 0;
  position:absolute;
  top:100%;
  visibility:hidden;
  z-index:100;
}
ul#menu li ul.submenu li {
  display:block;
  float:none;
  line-height:20px;
  margin:0;
  padding:0 10px 0 10px;
}
ul#menu li ul.submenu li:hover {
  background-color:#35457a;
}
ul#menu li ul.submenu li a {
  text-align:left;
}
#mo-home {
  border-right:1px solid #202020;
  width:98px;
}
#mo-about-us {
  border-right:1px solid #202020;
  border-left:1px solid #656e95;
  width:113px;
}
#mo-events {
  border-right:1px solid #202020;
  border-left:1px solid #656e95;
  width:103px;
}
#mo-photos {
  border-right:1px solid #202020;
  border-left:1px solid #656e95;
  width:105px;
}
#mo-how-to {
  border-right:1px solid #202020;
  border-left:1px solid #656e95;
  width:103px;
}
#mo-newsletters {
  border-right:1px solid #202020;
  border-left:1px solid #656e95;
  width:119px;
}
#mo-articles {
  border-right:1px solid #202020;
  border-left:1px solid #656e95;
  width:96px;
}
#mo-contact-us {
  border-left:1px solid #656e95;
  width:128px;
}

#title-banner {
  background-color: #ffffff;
  background-image: url('r/i/title-banner-bg.png');
  background-position:0 60px;
  background-repeat: no-repeat;
  height: 90px;
  overflow:hidden;
  position:relative;
}
#title-banner h1.p1 {
  float:left;
  font-family:'Times New Roman', serif;
  font-size: 24px;
  margin: 15px 0;
  padding: 0;
  text-transform:uppercase;
}
#title-banner h1.p2 {
  float:right;
  font-family:'Times New Roman', serif;
  font-size: 24px;
  margin: 15px 0;
  padding: 0 10px 0 0;
  text-transform:uppercase;
}
#title-banner #add-this-container {
  bottom:3px;
  display:inline-block;
  margin:0;
  padding:0;
  position:absolute;
  right:5px;
}

#main-pic-1 {
  background-image:url('r/i/main-pic-1.jpg');
  background-repeat:no-repeat;
  float:left;
  height:190px;
  margin: 0;
  overflow:hidden;
  width:440px;
}
#main-pic-2 {
  background-image:url('r/i/main-pic-2.jpg');
  background-repeat:no-repeat;
  float:right;
  height:190px;
  margin: 0;
  overflow:hidden;
  width:440px;
}
#main-pic-3 {
  background-image:url('r/i/main-pic-3.jpg');
  background-repeat:no-repeat;
  float:left;
  height:190px;
  margin: 0 0 20px 0;
  overflow:hidden;
  width:440px;
}
#main-pic-4 {
  background-image:url('r/i/main-pic-4.jpg');
  background-repeat:no-repeat;
  float:right;
  height:190px;
  margin: 0 0 20px 0;
  overflow:hidden;
  width:440px;
}

#welcome {
  background-color:#9c9c9c;
  border: 1px solid #35457a;
  clear: both;
  margin: 0 20px 15px 20px;
  padding: 0 10px;
}
#welcome h2 {
  font-family:'Comic Sans MS', sans-serif;
}
#welcome p {
  font-family: 'Comic Sans MS', sans-serif;
  margin: 0 0 10px 0;
  padding: 0;
}

#content {
  font-family:'comic sans ms',sans-serif;
  margin: 20px auto 20px auto;
  text-align:left;
  width:840px;
}
#content a:link, #content a:visited {
  color:#35457a;
}
#content a:hover, #content a:active {
  color:#35457a;
  text-decoration:none;
}
#content table.events {
  border-bottom:1px solid #1f2438;
  border-top:1px solid #1f2438;
}
#content table.events td {
/*  border-bottom:2px solid #1f2438; */
}
#content table.events td button {
  font-family: 'Comic Sans MS', sans-serif;
  font-size:11px;
}
#content table.article {
  border-bottom:1px solid #1f2438;
  font-family:Verdana,sans-serif; 
  font-size:12px; 
  width:100%
}
#content table.article thead {
  border-bottom:1px solid #1f2438;
  font-weight:bold;
}
#content table.article td {
/*  border-bottom:2px solid #1f2438; */
}
#content table.article td button {
  font-family:Verdana,sans-serif;
  font-size:11px;
}
#content #add-this-container {
  display:inline-block;
  float:right;
  margin:0;
  padding:0;
}

.col {
float:left;
margin:0;
padding:0;
text-align:left;
width:270px;
}

.col-divider {
float:left;
margin:0;
padding:0px;
width:15px;
}

.shaded-col {
background-color:#dee3e6;
border:1px solid #b2c0ca;
float:left;
margin:0;
padding:0px;
text-align:left;
width:270px;
}

#mid-column {
  padding-right:10px;
  padding-bottom:10px;
  padding-left:10px;
  width:250px;
}
#right-column {
  padding-bottom:10px;
  padding-left:10px;
  width:250px;
}
#left-column h2, #mid-column h2, #right-column h2 {
  background-image:url('r/i/arrow-dot.png');
  background-position:left top;
  background-repeat:no-repeat;
  font-family:'Comic Sans MS', sans-serif;
  font-size:small;
  margin:0;
  padding-left:25px; 
}

.col ul, .shaded-col {
  font-family:verdana, sans-serif;
  font-size:smaller;
  margin-top:0;
}

.thumbnail-box {
  border:1px solid #35457a; 
  float:right; 
  margin:10px 0 10px 0; 
  padding:5px; 
  text-align:center; 
  width:188px;
}
.thumbnail-box img {margin: 0 auto 0 auto;}

.caption {
  font-family:sans-serif; 
  font-size:11px; 
  margin:0 auto 0 auto; 
  padding:2px; 
  text-align:left;
}

.small-pic-frame {
  border:1px solid #35457a;
  float:left;
  height:250px;
  margin:4px;
  padding:5px 0px;
  text-align:center;
  width:260px;
}
.small-pic-frame p {
  font-family:sans-serif;
  font-size:12px;
  margin-top:0;
  padding:0 5px 0 5px;
  text-align:left;
}

#dhtmltooltip {
background-color:#808080;
/*background-image:url('r/i/tt-bg.png');
background-repeat:repeat-x;*/
border:2px solid #35457a;
font-family:sans-serif;
font-size:11px;
padding:5px;
position:absolute;
visibility:hidden;
width:150px;
z-index:100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.gallery {
  border:none;
  margin:10px;
  padding:0;
}

.light {
  background-color:transparent;
}
.shaded {
  background-color:#ccc;
}
.newsletter-date {
  width:315px;
}
.newsletter-control {
  text-align:right;
  width:315px;
}
#backgroundPopup {
  display:none;
  position:fixed;
  _position:absolute; /* hack for internet explorer 6*/
  height:100%;
  width:100%;
  top:0;
  left:0;
  background:#000000;
  border:1px solid #cecece;
  z-index:1;
}
#popup-image-container {
  background-image:url('r/i/panel-bg.jpg');
  border:none;
  color:#000;
  display:none;
  font-family:'Arial Black',sans-serif;
  font-size:24px;
  font-weight:bold;
  height:340px;
  margin:0;
  padding:0;
  position:fixed;
  _position:absolute; /* hack for internet explorer 6*/
  width:600px;
  z-index:2;
}
#popup-image-container button {
  font-family:'Arial Black',sans-serif;
  font-weight:900;
  width:175px;
}
#close-button-container {
  right:7px;
  top:1px;
  position:absolute;
  color:#6fa5fd;
  font-weight:700;
  display:block;
}