body {margin:5px 0 0 0;
      padding:0;
      background: #ffffff;
	  font-family: Verdana, sans-serif;
		/* set font sizes for standard browers 1em = 10px 1.1em = 11px etc */
	  font-size:62.5%;}


.clear {clear:both;}

.bold {font-weight:bold;}
.italic {font-style:italic;}
img {border:none;}
/**********  fix to clear float  *************/
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}

/*.clear {display: inline-table;}*/

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */


/**************   container *******************************************/
#container {margin:0px auto;
     	    padding: 0;	
		    width:738px;
            }

/**************   header - logo, title and photos *************************/
#header {padding:0;
         margin:0;
         width:738px;
         height:140px;
         background:  transparent url(images/headback.gif) 0 0 no-repeat;
         }

#logo {float:left;
       margin:0;
       padding:20px 0 0 60px;
       /*background:#D2C78D;
      */ }
#logo img {margin:0;
           padding:0;
           width:80px;
           height:106px;}

#title {float:left;
        margin:17px 0 0 47px;
        padding:5px 0 0 0px;
        width:513px;
        height:110px;
        background:#ffffff url(images/headphotos.gif) 0 40px no-repeat;
      }

#title img {margin:0;
            padding:0px 0 0 60px;
            width:395px;
            height:28px;
            }


/*****************    main menu horizontal  *************************************/

#mainmenuwrap {margin:0 19px 0 0 ;
	      padding: 0;
		  background:transparent url(images/dropright.gif) 100% 0 repeat-y;
          }

#mainmenu {clear:both;
           padding:0;
           margin:0 8px 0 19px;
           background:#EBF6EE url(images/dropleft.gif) 0 0 repeat-y;
          }

#mainmenu ul {margin:0;
	          padding: 5px 5px 6px 11px;
       }

#mainmenu li {margin: 0 2px 0 1px;
	      padding: 0;
		  list-style: none;
    	  display: inline;
            line-height:1.8em;
		  }

#mainmenu  a {margin: 0;
              padding:0 0 0 10px;
	     	  font-size: 1.2em;
		      display:inline-block;
		  	  font-weight: bold;
		  	  color:#205B38;
		  	  text-decoration: none;
              }

/****** menu highlight current page *********/
body#home a#homehigh,
body#aboutus a#aboutushigh,
body#events a#eventshigh,
body#projects a#projectshigh,
body#reports a#reportshigh,
body#joinus a#joinushigh,
body#photographs a#photoshigh,
body#links a#linkshigh,
body#contactus a#contactushigh
{color: #6F8C75; background: transparent url(images/menumarker.gif)  3px 60% no-repeat;	}

/******* menu rollover **********/
#mainmenu a:hover {color: #6F8C75; background:  transparent url(images/menumarker.gif)  3px 60% no-repeat; }

/*****************    wrappers  *************************************/
#wrap1{margin:0;
       padding:0;
       width:738px;
       background:  #ffffff url(images/dropmain.gif) 0 0 repeat-y;  }
#wrap2{margin:0;
       padding:0;
       width:738px;
       background:  transparent url(images/cornertr.gif) top right no-repeat;
       }

/*****************    left column   *************************************/
#leftcolumn {float:left;
             padding:23px 0 30px 0px;
             margin:0;
             width:186px;
             background:  transparent url(images/cornertl.gif) 0 0 no-repeat;
            }

#leftcolumn p {margin:2px 0 0 44px ;
	       padding:0;
           width:100px;}

/************ left hand promotions ***********/
#leftprom {margin:0 0 0 44px;
	       padding:0;}
#leftprom img.promotion {margin:0 0 20px 0  ;
	       padding:0;}
#leftprom img.sideimage {margin:0 ;
	       padding:0;}
#leftprom p {margin:2px 0 0 7px ;
	       padding:0;
           color:#6E5E1D;
           font-weight:bold;
           font-size:1.1em;}

/************ left hand menu ***********/
#leftmenu {margin:0 0 0 29px;
	       padding:0;
width:128px;           color:#333300;
            }

#leftmenu h1 {margin:0;
	          padding:2px 0 5px 7px;
              font-size: 1.2em;
			  font-weight: normal;
              width:128px;
	          background: #EAE7DD; }

#leftmenu ul {margin: 0 0 15px 0px;
	    	  padding:0;
	   		  list-style-type: none;
			  }

#leftmenu li {margin: 5px 0 0 7px;
     		  padding:0 ;
		     }

#leftmenu  a {margin: 0;
	          padding:3px 0 3px 0px;
              font-size: 1.1em;
			  text-decoration: none;
              width: 125px;
			  color:#205B38;}

#leftmenu li.level2 {/*background:#E4D7D7;*/
                    margin: 5px 0 0 17px;}


#leftmenu a.high {color: #669933;
              }
#leftmenu a:hover {color: #669933;  }


#leftmenu img.sideimage {margin:20px 0 0 17px ;
	       padding:0;}
#leftmenu p {margin:2px 0 0 44px ;
	       padding:0;
           color:#6E5E1D;
           font-weight:bold;font-size:1.1em;}


/*****************    main content   *************************************/
#maincontent{float:left;
             margin:20px 0 80px 0;
             padding:0;
             width:450px;
             font-size:1.1em;
             color:#003300;
            }

#maincontent p {margin:0px;
                padding:0 0 5px 0;
                font-size:1em;}

#maincontent h1 {margin:0;
                padding:0;
                font-size:1.3em;
                font-weight:bold;}

#maincontent h2 {margin:5px 0 0 0;
                 padding:0;
                 font-size:1.2em;
                 font-weight:bold;}

#maincontent h3 {margin:0;
                 padding:0;
                 font-size:1em;
                 font-weight:bold;}

#maincontent ul {margin:0;
                 padding:0 0 10px 20px;}
#maincontent li {margin:0;
                 padding:0;}

#maincontent br {margin:0;
                 padding:0;
                 line-height:0.5em;}

#maincontent a {margin:0;
                 padding:0;
                 color:#003300;
}

img.img200 {margin:15px 20px 5px 0px;
            padding:0 0 0 0;}

/*****************    footer   *************************************/
#footer {clear:both;
         padding:0;
		 margin:0 ;
    		color:#205B38;
		 width:738px;
         height:65px;
         font-size: 1em;
  		background: transparent url(images/footer.gif) bottom left no-repeat;
}

#footer a {	color:#205B38;
   }

#copyright {
        padding:5px 0 0 40px;
		margin:0;

/*    	background: #DAE9CF ;
  */      }


#pleft {float:left;
        padding:5px 0 0 40px;
		margin:0;
        height:25px;
/*    	background: #DAE9CF ;
  */      }



#pmidd {float:left;
        padding:5px 0 0 35px;
		margin:0;
        height:25px;
        }

#pright {float:right;
         padding:5px 35px 0 0;
		 margin:0;
         height:25px;
  /*       background: #DAccCF ;
    */     }


/**********************  photo gallery *************************/
/********* category list ***********/
#maincontent h2.galltitle {margin:0 0 2px 0;
                           padding:0;
						   font-size:1.2em;
                 font-weight:bold;} 
						   
#maincontent ul.categorysubmenu {float:left;
                            margin:0 0 15px 0;
                            padding:0;
							width:470px;}

#maincontent .categorysubmenu li {padding: 0;
 		                     list-style-type:none;
         	                   margin: 0;
							   display:inline;
							   line-height:1.6em;}

#maincontent .categorysubmenu  a {margin: 0;
                               padding:0;
							   display:inline-block;
                             	}

#maincontent .categorysubmenu  a.currgallcategory {color: #6F8C75;}						   
						   
#maincontent .gallmarker {color: #6F8C75;}						   
						   
/********* page number list ***********/
#maincontent a.pageno {margin:0;
    padding:0 10px 0 0;
	}
	

#maincontent a.currphotopage {color: #6F8C75; 
} 

#maincontent a.pageno:hover {color: #6F8C75; 
} 
	
#maincontent p.clickp {margin:0 0 4px 0;
         padding:0;
         }		 


/*******  thumbnails  **********/
#gallerythumbs {margin:10px 0 0 0;
                   padding:0;width:500px;}

.gallerythumbfloat {float: left;
		      margin: 0 30px 35px 0;
		      padding:0;
		      width: 130px;
			  }

.gallerythumbfloat  img.thumbland {margin:0;
                  padding:0;
                  width: 130px;
		  	      height: 98px;}
				  
.gallerythumbfloat  img.thumbport {margin:0 0 0 16px;
                  padding:0;
                  width: 98px;
		  	      height: 130px;}

#maincontent .gallerythumbfloat p.gallerythumbtitlel {margin:4px 0 0 0;
		  		       padding:0;
					   width:130px;
					   }
#maincontent .gallerythumbfloat p.gallerythumbtitlep {margin:4px 0 0 16px;
		  		       padding:0;
					   width:100px;
					  }


#maincontent p.backp {margin:5px 0 7px 0;
         padding:0;
         }		 

#maincontent p.phototitlel {margin:4px 0 2px 0;
         padding:0;
		 width:500px;
         font-weight:bold;}
		 
#maincontent p.phototitlep {margin:4px 0 2px 0;
         padding:0;
		 width:400px;
         font-weight:bold;}
		 
#maincontent p.phototextl {
		 width:500px;
        }		 
#maincontent p.phototextp {
		 width:400px;
         }
		 
#maincontent #photobuttons {width:500px;
        }
		
#maincontent p.prevphoto {float:left;
                margin:0 0 15px 0;
               padding:0;
}
#maincontent p.nextphoto {float:right;
               margin:0 0 15px 0;
               padding:0;
}