html
{
   padding: 0px; 
   margin: 0px; 
   color: #666; 
   font-family: verdana, tahoma, arial, helvetica, sans-serif; 
   -xmoz-user-select: none;
}

body
{
   margin: 0; 
   padding-top:16px;
   font-size: .8em;
   font-family: verdana, tahoma, arial, helvetica, sans-serif; 
   color: #333;
   background: #CEDEF2; /*#7e9f69; /* #e3ffe3; */
}

h1, h2, h3, h4, h5, h6
{
   display: block;
   font-size: 120%;
   font-weight: normal;
   margin: 0;
   padding: 0;
}

img
{
   border: 0px;
}

form
{
   font-size: 110%;
   font-family: verdana, tahoma, arial, helvetica, sans-serif;
   color: #666;
}

input, textarea, select
{
   font-size: 90%;
   font-family: verdana, tahoma, arial, helvetica, sans-serif;
   color: #333;
   
   border-top: 1px #999 solid;
   border-left: 1px #999 solid;
   border-right: 1px #ccc solid;
   border-bottom: 1px #ccc solid;
}

input.public, select.public, textarea.public
{
   background-color: #ddeee5;  
}

span.green
{
   background-color: #DDEEE5;
   color: #666666;
}

a:link, a:visited
{
   color: #333;
   border-bottom: 1px #333 solid;
   text-decoration: none;
}

a:hover, a:active
{
   color: #333;
   text-decoration: none;
   border-bottom: 1px #333 dashed;
}

.clear
{
   clear: both;
}

/* .body 
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.body
{
   position: relative; 
   width: 900px;
   margin: 0 auto; 
}

.maincontainer
{
   width: 896px;
   padding-left: 6px;
   background: #fffef9;
   border: 1px solid #ccc;
   min-height: 800px;
}

.header 
{
   height: 100px;
   padding: 8px;
   padding-left: 0px;
}

/* .logo 
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.logo
{
   float: left;
}

.logo a:link, .logo a:visited, .logo a:hover, .logo a:active
{
   color: #666;
   border-bottom: 0px;
   text-decoration: none;
}

.tel
{
   text-align: right;  
}

/* .menu 
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.menu
{
   position: absolute;
   width: 560px;
   top: 50px;
   right: 0px;

   color:#666;
}

.menu ul
{
   height: 20px;
   list-style: none;
   padding: 0;
   margin: 0;

   border-bottom: #999 2px solid;
}

.menu li
{
   float: left;
   padding-right: 36px;
   margin: 0 0.15em;
}

.menu a:link, .menu a:visited
{
   padding: 6px 4px 4px 4px;
   text-decoration: none;
   border-bottom: 0px #0d8d68 dotted;
}

.menu a:hover
{
   color: #0d8d68;
   text-decoration: none;
   border-bottom: 4px #0d8d68 solid;
}

.menu a[href='#']:link, .menu a[href='#']:visited, .menu a[href='#']:hover
{
   padding: 6px 4px 4px 4px;
   text-decoration: none;
   border-bottom: 4px #0d8d68 solid;
}

/* .subtitle
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.subtitle
{
   position: relative;
   margin-bottom: 20px;
}

.subtitle h1
{
   color: #0d8d68;
   font-weight: bold; 
   margin-bottom: 4px;
}

.subtitle h2
{
   color: #666;
   font-size: 90%;
   font-weight: normal; 
}

/* .search
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.search
{
   color:#666;
   font-size: 90%;
   font-style: italic;
   position: absolute;
   top: 0px;
   left: 520px;
}

.search input
{
   font-size: 90%;
   font-family: verdana, tahoma, arial, helvetica, sans-serif;
   color: #333;
}

/* .content 
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.content
{
   width: 100%;   
}

/* .leftcolumn
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.leftcolumn
{
   margin-right: 780px;
}

.info
{
   margin-top: 20px;
}

.info td.subject
{
   display: table-cell;
   border-width: 0px;
   border-collapse: collapse;
   padding-left: 0px;
   width: 120px;
   color: #0d8d68;
}

.info td
{
   display: table-cell;
   vertical-align: top;
   padding-left: 12px;
   padding-bottom: 24px;
}

.info tr
{
}

.info a:link, 
.info a:visited
{
   border-bottom: 1px solid #666;
   text-decoration: none;
}

.info a:hover, 
.info a:active
{
   border-bottom: 1px dashed #666;
   text-decoration: none;
}

/* .contact
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.contact
{
   color: #999;
}


/* .members
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.members
{
   border-spacing: 0px;
}

.members td
{
   display: table-cell;
   vertical-align: top;
   padding-left: 8px;
   padding-bottom: 12px;
   padding-top: 12px;
   border-bottom: 1px #ccc dotted;
}

.members tr
{
}

.members tr.odd
{
   background-color: #e7f4e6;
}

.members span
{
   color: #33b133;
}

.members tr td img
{
   border: 1px #999 solid;   
}

.members a:link, 
.members a:visited
{
   border-bottom: 1px dotted #666;
   text-decoration: none;
   font-size: 80%;
}

.members a:hover, 
.members a:active
{
   border-bottom: 1px solid #666;
   text-decoration: none;
   font-size: 80%;
}

/* .rightcolumn
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.rightcolumn
{
   float: left;
   margin-left: -226px;
   margin-bottom: 40px;
   width: 200px;
   font-size: 90%;
}

/* .leftcontent
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.leftcontent
{
   float: left;
   width: 680px;
   margin-right: 226px;
   padding-right: 20px;
}

.leftcontent h2
{
   color: #0d8d68;
   margin-top: 24px;
   margin-bottom: 4px;
}

.leftcontent h3
{
   color: #999999;
   font-size: 180%;
   padding-top: 24px;
   border-top: 1px #999 solid;
   border-bottom: 1px #ccc solid;
}

.leftcontent p
{
   margin: 0px;
   padding: 0px;
   padding-top: 12px;
}

.leftcontent small
{
   text-transform: uppercase;
   font-size: 80%;
}

.leftcontent small a:link, .leftcontent small a:visited
{
   color: #666;
   border-bottom: 1px #999 solid;
   text-decoration: none;
}

.leftcontent small a:hover, .leftcontent small a:active
{
   color: #666;
   text-decoration: none;
   border-bottom: 1px #999 dashed;
}

/* .rightmenu
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.rightmenu
{
   float: left;
   margin-left: -232px;
   margin-bottom: 40px;
   width: 200px;
   font-size: 90%;
}

.rightmenu h2
{
   margin: 0;
   padding: 4px 4px;
   padding-left: 8px;
   text-transform: uppercase;
   font-size: 90%;
}

.rightmenu h3
{
   margin: 0;
   margin-top: 20px;
   padding: 4px 4px;
   padding-left: 8px;
   text-transform: uppercase;
   font-size: 90%;
}

.rightmenu h4
{
   margin: 0;
   margin-top: 20px;
   padding: 4px 4px;
   padding-left: 8px;
   text-transform: uppercase;
   font-size: 90%;
}

.rightmenu span
{
   display: block;
   padding: 4px 4px 12px 8px;
   font-style: italic;
   font-size: 90%;
}

/* .navigation
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.navigation
{
   background-color: #EDE7D8;
   padding: 4px 4px;
   padding-bottom: 0px;
}

.navigation a, .navigation a:active
{
   display: block;
   padding: 4px 8px;
   padding-bottom: 12px;
   border-bottom: 1px #dddddd solid;
}

.navigation a.sep, .navigation a.sep:active
{
   border-top: 1px #999 solid;
}

.navigation a:hover
{
   display: block;
   color: #fffefe;
   background: #353946 none repeat scroll 0 0;
}

.navigation a[href='#'], .navigation a[href='#']:active
{
   background: #ddeee5 none repeat scroll 0 0;
}

.navigation a[href='#']:hover
{
   color: #333333;
   background: #ddeee5 none repeat scroll 0 0;
}

/* .mapsearchmenu
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.mapsearchmenu
{
   padding: 0px;
   padding-bottom: 0px;
}

.mapsearchmenu a, .mapsearchmenu a:active
{
   display: block;
   padding: 0px;
   text-decoration: none;
   border: 1px #999 solid;
}

.mapsearchmenu a:hover
{
   display: block;
   padding: 0px;
   text-decoration: none;
   border: 1px #999 solid;
}

/* #map
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#map
{
   border: 1px #666 solid;
   width: 680px;
   height: 486px;
}

#about
{
   margin-top: 40px;
}

/* .footer 
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.footer
{
   font-size: 90%;
   color: #666;
   text-align: right;
   height: 80px;
}

.footer a:link, .footer a:visited
{
   color: #666;
   font-size: 90%;
   border-bottom: 0px #666 solid;
   text-decoration: none;
}

.footer a:hover, .footer a:active
{
   font-size: 90%;
   font-weight: bold;
   text-decoration: none;
   border-bottom: 0px #666 solid;
}

/* .form
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.form
{
   font-size: 80%;
   color: #666;
}

.form tr
{
   height: 50px;
}

.form tr.none
{
   height: 0px;
}

.form tr.error 
{
   display: none;
   height: 30px;
   font-size: 80%;
   font-style: italic;
}

.form tr.error td 
{
}

.form td
{
   vertical-align: top;
}

.form input, .form textarea, .form submit
{
   font-size: .9em;
   color: #333;
}

.form a:link, .form a:visited, .form a:hover, .form a:active
{
   border: 0px;   
}

#images
{
   margin-bottom: 10px;
   width: 480px;
  
   border-left: #999 1px solid;
   border-right: #999 1px solid;
   border-top: #999 1px solid;
   border-bottom: #999 1px solid;
   
   overflow: hidden;
   width: 480px;
   height: 360px;
   cursor: pointer;
   position: relative;
   margin-top: 8px;
}

#images img
{
   border-top-width: 0px;
   border-left-width: 0px;
   border-bottom-width: 0px;
   border-right-width: 0px;
   cursor: pointer;
   width: 480px;
   height: 360px;
}

/* image caption */
.imagecaption
{
   position: absolute;
   overflow: hidden;
   background: #fff;
   padding-left: 5px;
   display: block;

   bottom: 0px;
   left: 0px;
 
   width: 100%;
   height: 48px;
 
   opacity: .88;
   MozOpacity: .88;
   filter: alpha(opacity=88);
 
   color: #336699;
   font-size: 100%;
   text-decoration: none;
}

.imagecaption strong
{
   color: #336699;
   font-size: 100%;
   font-weight:bold;
}