/********** Styles for page. **********/

body
{
  margin: 0;
  padding: 0;

  font-family: Arial;
  font-size: 92%;
  color: #444444;
  background-color: #DCEDB2;
}

/********** Layout of page. **********/

#page {
  margin: 10px auto;
  width: 760px;
  border: 1px solid #000000;
  background-color: #FFFFFF;
}    
#page_narrow {
  margin: 10px auto;
  width: 680px;
  border: 1px solid #000000;
  background-color: #FFFFFF;
}    
#page_ferns {
  margin: 10px auto;
  width: 760px;
  border: 1px solid #000000;
  background: #FFFFFF url(images/ferns.jpg) no-repeat bottom right; 
}    
#page_grasses {
  margin: 10px auto;
  width: 760px;
  border: 1px solid #000000;
  background: #FFFFFF url(images/grasses.jpg) no-repeat bottom right; 
}    
#banner
{
  float: left;
  width: 760px;
  height: 279px;
}
#menubar
{
  float: left;
  width: 760px;
  height: 30px;

  font-size: 80%;
  font-weight: bold;
  text-align: center;
  color: #000000;
  background-color: #B5D676;
  background-image: url(images/menubar_background3.jpg);
  background-repeat: repeat-x;
}
#inner_menu
{
  height: 19px;
  margin-top: 5px;
}
#footer
{
  margin: 20px auto;
  width: 760px;
  background-color: #DCEDB2;
  text-align: center;
}
#footer_narrow
{
  margin: 20px auto;
  width: 680px;
  background-color: #DCEDB2;
  text-align: center;
}

.clearboth 
{ 
  clear: both; 
}
.spacer
{
  float: left;
  height: 20px;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl
{
  margin-left: 7px;
  margin-right: 7px;
}
h1, h2, h3, h4, h5, h6
{
  margin-top: 5px;
  margin-bottom: 0;
}
h3
{
  font-size: 60%;
}
h1+p, h2+p, h3+p, h4+p 
{ 
  margin-top: .2em; 
}

/********** Layout of column 1 on home page. **********/
#col1
{
  margin-top: 30px;
  float: left;
  margin-left: 7px;
  width: 228px;
}


#notice
{
  margin-bottom: 20px;
  width: 228px;
  padding: 0 0 20px;
  background: url(images/box_bottom.gif) no-repeat bottom left; 
}
#notice h3 {
  background: url(images/box_blank.gif) no-repeat;
  padding: 7px 20px 0;
  color: #EEEEEE; 
  line-height: 1;
  margin: 0;
}

#join
{
  margin-bottom: 20px;
  width: 228px;
  padding: 0 0 20px;
  background: url(images/box_bottom.gif) no-repeat bottom left; 
}
#join h3 {
  background: url(images/box_join_email.gif) no-repeat;
  padding: 7px 20px 0;
  color: #EEEEEE; 
  line-height: 1;
  margin: 0;
}

#vision
{
  margin-bottom: 20px;
  width: 228px;
  padding: 0 0 20px;
  background: url(images/box_bottom.gif) no-repeat bottom left; 
}
#vision h3 {
  background: url(images/box_vision.gif) no-repeat;
  padding: 10px 20px 0;
  color: #EEEEEE; 
  line-height: 1;
  margin: 0;
}

#garden
{
  margin-bottom: 20px;
  width: 228px;
  padding: 0 0 20px;
  background: url(images/box_purple_bottom.gif) no-repeat bottom left; 
}
#garden h3 {
  background: url(images/box_in_garden.gif) no-repeat;
  padding: 10px 20px 0;
  color: #EEEEEE; 
  line-height: 1;
  margin: 0;
}
#garden p, #garden ul {
  padding: 10px 13px 0;
  line-height: 1.3;
  margin: 0;
  background: url(images/box_purple_sides.gif) repeat-y bottom left; 
}


/********** Layout of column 2 on home page. **********/
#col2
{
  margin-top: 30px;
  float: left;
  margin-left: 17px;
  width: 228px;
}
#submenu
{
  margin-top: 10px;
  margin-bottom: 30px;
  padding: 16px 6px 16px 10px;

  color: #FFFFFF;
  font-size: 105%;
  line-height: 80%;
  background-color: #851448;
}
#photo
{
  margin-bottom: 10px;
  padding: 0 0 20px;
  background: url(images/box_bottom.gif) no-repeat bottom left; 
}
#photo h3 {
  background: url(images/box_feature_photo.gif) no-repeat;
  padding: 10px 20px 0;
  color: #EEEEEE; 
  line-height: 1;
  margin: 0;
}
#news
{
  margin-bottom: 10px;
  padding: 0 0 20px;
  background: url(images/box_bottom.gif) no-repeat bottom left; 
}
#news h3 {
  background: url(images/box_recent_news.gif) no-repeat;
  padding: 10px 20px 0;
  color: #EEEEEE; 
  line-height: 1;
  margin: 0;
}

/********** Layout of column 3 on home page. **********/
#col3
{
  margin-top: 30px;
  float: left;
  margin-left: 17px;
  margin-right: 19px;
  width: 228px;
}
#activities
{
  margin-bottom: 10px;
  padding: 0 0 20px;
  background: url(images/box_bottom.gif) no-repeat bottom left; 
}
#activities h3 {
  background: url(images/box_activities.gif) no-repeat;
  padding: 10px 20px 0;
  color: #EEEEEE; 
  line-height: 1;
  margin: 0;
}

#notice p, #join p, #join form, #vision p, #photo p, #news p {
  padding: 10px 20px 0;
  line-height: 1.3;
  margin: 0;
  background: url(images/box_sides.gif) repeat-y bottom left; 
}
#activities p, #activities form {
  padding: 10px 20px 0;
  line-height: 1.3;
  margin: 0;
  background: url(images/box_sides.gif) repeat-y bottom left; 
}
#notice ul, #join ul, #vision ul, #photo ul, #news ul
{
  padding: 10px 20px 0 30px;
  margin: 0;
  background: url(images/box_sides.gif) repeat-y bottom left; 
}
#single_col ul
{
  padding: 10px 20px 0;
  margin: 0;
}

/********** Layout of single column pages. **********/
#single_col
{
  float: left;
  width: 700px;
  margin: 15px;
}
#single_col_narrow
{
  float: left;
  width: 640px;
  padding: 30px;
}
.photo_right
{
  float: right;
  width: 320px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.photo_left
{
  float: left;
  width: 320px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.photo2_right
{
  float: right; 
  margin-left: 10px;
  margin-bottom: 10px;
  font-size: 90%;
  font-weight: bold;
  text-align: center;
}
.photo2_left
{
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 90%;
  font-weight: bold;
  text-align: center;
}
.full_width
{
  float: left;
  width: 640px;
}
.noborder {
    border: 0px; 
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.gallery_table {
    width: 637px;
    padding: 0px;
    border: 2px solid #B4D677;
    text-align: center;
    background-color: #FFFFFF;
}
.thumbnail0 {
    border: 2px solid #B4D677;
    background-color: #FFFFFF;
}
.thumbnail1 {
    border: 2px solid #FFFFFF;
    background-color: #FFFFFF;
}
.thumbnail2 {
    text-align: center;
    vertical-align: middle;
    background-color: #FFFFFF;
}
.thumbnail3 {
    vertical-align: middle;
    text-align: center;
    background-color: #FFFFFF;
}

/********** Styles for images. **********/
img.no_margins {
  margin-bottom: 0;
  display: block;
  vertical-align: text-bottom;
}
img.no_border {
  border-width: 0px;
}
.image_centered {
  display: block; margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
    
  border-width: 0px;
}
.float_right {
  border-width: 0px;
  margin-left: 20px;
  float: right;
} 
.float_left {
  border-width: 0px;
  margin-right: 20px;
  float: left;
}
.float_right_border {
  border-width: 0px;
  margin-left: 20px;
  float: right;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
} 

/********** Styles for text. **********/
.align_right 
{
  text-align: right;
}
.centered
{
  text-align: center;
}
.purple_centered {
  font-weight: bold;
  color: #851448;
  text-align: center;
}
.purple_left {
  font-weight: bold;
  color: #851448;
}
.purple_right {
  font-weight: bold;
  color: #851448;
  text-align: right;
}
.green_left
{
  font-weight: bold;
  color: #7AC142;
}
.green_right {
  font-weight: bold;
  color: #7AC142;
  text-align: right;
}
.calendar {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 80%;
    text-align: left;
}
.calendar2 {
    font-family: Arial, Helvetica, sans-serif; 
    text-align: center;
    background-color: #EAECDE;
}
.month {
    font-size: 120%;
    font-weight: bold;
}

/********** Styles for lists. **********/
li
{
  list-style-type: none;
  list-style-image: url(images/bullet.gif); 
  display: list-item; 
}
li.no_bullet
{
  list-style-type: none;
  list-style-image: url(images/blank.gif); 
  margin-top: 10px;
}

/********** Styles for links. **********/
a.inline {
  color: #851448;
}
a.purple {
  font-weight: bold;
  color: #851448;
  text-decoration: none;
}
a.green {
  font-weight: bold;
  color: #7AC142;
  text-decoration: none;
}
a.next_previous {
  font-weight: bold;
  color: #7AC142;
  text-decoration: none;
}
a.on_purple {
  color: #FFFFFF;
  font-size: 86%;
  font-weight: bold;
  text-decoration: none;
}
a.uwd {
  color: #666666;
  text-decoration: none;
}
/* Style for links when the mouse is hovering over them.  Keep this at the end. */
#footer_menu a:hover {
  color: #999999;
}
a:hover {
  color: #999999;
}