html {
   background-color: #2b2b2b;
   font-size:100%;
   font-family: trebuchet ms, tahoma, verdana, arial, sans-serif;
   }

#head {
     position: absolute; top:0px; display:block; width:806px; height:150px; font-size:0px; z-index:4; background-color: #6CA4D0; color:#0000;}

#foot {position:relative; margin:0; bottom:-1px; display:block; width:806px; height:20px; background-color: #6CA4D0; color:#FFFFFF; text-align:right; font-size:90%; z-index:5;}

#body {

   text-align: center;
   margin: auto;
        height: 100%;
   font-size: 100%;
   color: #000000;
   width: 806px;
   }





   #container {
   background-color: #ffffff;

   margin: 0px auto;
   width: 806px;
   text-align: left;
  }

     #content {

     display: block;
     width:605px;
     height: 100%;
     margin: 0px 10px 0px 150px;
     pad: 10px 0px 10px 10px ;
   }


     #left {
     display: block;
     float:left;
     height: 100%;
     margin: 0px 0 0 0;
     /*background-color: #EAFFEA;*/
     text-align:left;
     padding: 100px 0 0 0;
     left: 10px;
     width: 145px;
}




      #box1 {
         width: 100px;
         float: left;
         color: #000000;
         /*background: #DBDBDB;*/
         padding: 1em;
         margin: 5em;
      }

      #box2 {
         width: 100px;
         float: right;
         text-align: center;
         color: #000000;
         /*background: #595959;*/
         padding: 2px;
         margin: 0;
      }

            #box3 {
/*box 3 big central*/
         width: 350px;
         margin: 10px 5px 0px 20px;
         padding-left: 20px;
         text-align: center;
         background-color: #A6CAF0;
         font-size: 120%;
         border:3px solid ;
         border-color:#003333 #678 #345 #003333;
         margin: 0 0 0 350px ;
      }
            #box4 {
/*box 3 big central*/
         width: 300px;
         text-align: center;
         background-color: #A6CAF0;
         font-size: 200%;
         padding: 1em;
         border:2px solid ;
        margin:
      }
/*for side columns*/
      #box5 {
         width: 130px;
         float: right;
         text-align: center;
         color: #000000;
         background: #E1D193;
         border:2px;
         margin-color:#000000;
         padding: 5px 5px 5px 5px ;
         margin: 1px;
      }

#content p {
   margin: 10px 5px 0px 20px;
   text-align: left;
   padding-left: 35px;
   line-height: 1.2em;
   font-size: 100%;
}

#left p {

   line-height: 1em;
   font-size: 100%;
   float: left;
   padding:0 10px 10px 20px;
   margin:0 5px 0 0;
}

#right p {

   line-height: 1.2em;
   font-size: 100%;

}
#p2 {
   line-height: 1.2em;
   font-size: 100%;
   color: #000000;
   font-weight: bold;}



#content h1 {
   color: #4B76A9;
   font-size: 160%;
   margin: 10px 5px 0px 15px;

   background:url(../images/title.jpg) no-repeat ;
   padding: 10px 0 0 25px;
   font-style: bold;
   text-align: left;
   letter-spacing: ;
}

h2 {
   color: #4B76A9;
   font-size: 1.2em;
   margin: 0px 0px 5px 15px;
   padding: 0;
   padding-left: 20px;
}

h3 {
      color: red;
      font-size: 1em;
      margin: 0px 5px 0px 15px;
      padding-left: 20px;
}

h4 {
      color: #000080;
      font-size: 1em;
      margin: 0px 5px 0px 15px;
      padding-left: 20px;
}
#left h1 {
   float: left;
   color: #ffffff;
   width: 110px;
   font-size: 90%;
   margin: 0px 5px 3px 5px;
   background:url(../images/menhead.gif) no-repeat ;
   font-style: bold;
   text-align: center;
   padding: 0px 20px 3px 10px;
}

#right h1 {
   float: left;

   color: #ffffff;
      width: 145px;
   font-size: 90%;
   margin: 0px 0 3px 0;
   background:url(../images/menhead.gif) no-repeat ;
   font-style: bold;
   text-align: center;
}

img {
   border-style: none;
   border-width: 0;
   border-color: #ccc;
}

strong {

   color: #FF0000;
   font-weight: bold;
   font-size: 120%

}



#table {
    width: 100%; text-align: left; border:0; padding:0;
}



/*lists*/

#left ul {
   list-style: none;
   float: left;
   padding:0 10px 10px 20px;
   margin:0 5px 0 0;}
#left li {
  background: none;
   line-height:1.0em;
   font-size:90%;
   padding: 5px 0px 10px 20px;
   font-weight: bold;
   color: #4B76A9;
   background: url(../images/bullet.gif) no-repeat left;
}

#content ul {
   list-style: none;

   margin:0 0px 0 20px;}
 #content li {
  background: none;
   line-height:1.0em;
   font-size:1em;
   padding: 5px 0px 10px 20px;
   font-weight: bold;
   color: #000000;
   background: url(../images/bullet.gif) no-repeat left;
}

  #left li a { color: #375C8A; font-weight: bold; text-decoration: none;}
  #right li a { color: #375C8A; font-weight: bold; text-decoration: none;}
  #left li a:visited { color: #6CA4D0; text-decoration: none; }
  #right li a:visited { color: #6CA4D0; text-decoration: none; }
  #left li a:hover { color:#418723; text-decoration:underline;}
  #right li a:hover { color:#418723; text-decoration:underline;  }

/*  Menu*/
/*#pro6 li a {display:block; float:left; height:35px; line-height:30px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 10px; cursor:pointer; background:url(pro_six_0a.gif) no-repeat;}*/

/*Top Menu Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_15 */
.pro15 {padding:0 0 0 15px; margin:0; list-style:none; height:36px; background:#1841c8 url(../images/pro_15_0.gif);}

.pro15 li {float:left;}
.pro15 li a {display:block; float:left; height:30px; line-height:25px; background:url(../images/pro_15_0.gif); color:#ddd; text-decoration:none; font-family:arial, verdana, sans-serif; text-align:center; padding:0 0 0 5px; cursor:pointer; font-size:11px;}
.pro15 li a b {float:left; display:block; background:url(../images/pro_15_0.gif) right top; padding:0 10px 0 8px;}
.pro15 li.current a {color:#fff; background:url(../images/pro_15_2.gif);}
.pro15 li.current a b {background:url(../images/pro_15_2.gif) no-repeat right top;}
.pro15 li a:hover {color:#fff; background: url(../images/pro_15_1.gif);}
.pro15 li a:hover b {background:url(../images/pro_15_1.gif) no-repeat right top;}
.pro15 li.current a:hover b {color:#fff; background: url(../images/pro_15_1.gif) no-repeat right top; cursor:default;}
 pro15 li.current a:hover {color:#fff; background: url(../images/pro_15_1.gif) no-repeat right top; cursor:default;}
.pro15 li a em {display:block; float:left; width:16px; height:30px;}
.pro15 li a em.home {background:url(../images/home.gif) no-repeat center center;}
.pro15 li a em.calendar {background:url(../images/events.gif) no-repeat center center;}
.pro15 li a em.camera {background:url(../images/camera.gif) no-repeat center center;}
.pro15 li a em.find {background:url(../images/find.gif) no-repeat center center;}
.pro15 li a em.contact {background:url(../images/contact.gif) no-repeat center center;}
.pro15 li a em.search {background:url(../images/search.gif) no-repeat center center;}
.pro15 li a em.mempge {background:url(../images/swan.gif) no-repeat center center;}
.pro15 li a em.links {background:url(../images/links.gif) no-repeat center center;}
.pro15 li a em.about {background:url(../images/about.gif) no-repeat center center;}
.pro15 li a em.join {background:url(../images/join.gif) no-repeat center center;}






#menu a {

  position:relative;
  font-weight:normal;
  color: #009900;
  text-decoration: underline;
  font-size: 90%;
  text-align:left;
  display:block;
  width:130px;
  padding:0.1em;
  padding-left:1.0em;
  }

#menu a:visited {
  position:relative;
   color:#008040;
  font-size: 90%;
  display:block;
  }

#menu a:hover {
  position:relative;
text-decoration:none;
  color:#006600;
font-size: 90%;

  }

  #menu2 {

  font-size: 90%;
  padding-left: 5px;
   padding-right: 5px;

   #menu2 a {

  position:relative;
  font-weight:normal;
  color: #009900;
  text-decoration: underline;
  font-size: 90%;
  text-align:left;
  display:block;
  width:130px;
  padding:0.1em;
  padding-left:1.0em;
  }

#menu2 a:visited {
  position:relative;
  font-size: 90%;
  display:block;
  }

#menu2 a:hover {
  position:relative;
text-decoration:none;
  color:#006600;
font-size: 80%;

  }

/* end of menu code */




/*################ PAGE NAVIGATION ###############*/

# content a {
font-weight:bold;
color: #009900;
text-decoration: underline;
}

# left a {
font-weight:bold;
color:#FF0000;
text-decoration: underline;
}

a:visited
{
font-weight:normal;
color: green;
text-decoration: underline;
}

a:hover {
font-weight: normal;
color: green;
text-decoration: none;
}


   #pad1 {display:block; width:18px; float:left; height:200px;}
#pad3 {display:block; width:18px; height:10px; float:left;}
   #pad2 {display:block; height:200px;}