body {
			    text-align:center;
          margin: 0px;
          padding: 0;
				background: #CCFF99 url('back01.jpg') repeat-x;
          
          }
					p.margin {
					margin: 10%; 
					 }
					.bmargin {
					margin: 30px;
					font-family:sans-serif;
					
					 }
       #tabs11 {
			    width: 100%;
          height: 40px;
          background: #ffffff;
					margin-left: 0%;
					}
					  #header {
			     background-image: 
         url('logo11.gif');  background-repeat:no-repeat;
			  margin-right: 120px;
          height: 120px;
				 		}
				 
       #content {
			     background-image: 
         url('images/image001.jpg'); 
			    margin-left: 250px;
				 margin-right: 250px;
		
					font-size:100%;
				 padding-left:18px;
	        padding-right:18px;
					 text-align:left;
					 text-indent:5px;
					                      
          }
					 #myphoto {
			       float:left;  
						  clear:both; 
							 padding:20px;
							                 
          }
       #menu2 {
          position: absolute;
          top: 200px;
          left: 1px;
        width: 210px;
					
          }
        #sidebar {
         position: absolute;
          top: 250px;
	        width: 200px;
          right: 2px;
					 padding-left:3px;
					 padding-right:7px;
          border:3px solid #009900;
					 background-color:#ffffff;
         
        
				
				  text-align:left;
			
					color: #000099;
           }
           #footer {
					 	clear:both;
				     background:  #ffffff;
            }
          #ttt {
	font-size: 25pt;
	text-align: center;
	color: #185b68;
	margin: 5px 0;
	padding: 0 0 5px 0;
}



          #events {
	font-size: 15pt;
	text-align: center;
	color: #185b68;
	
}
		 #featured {
	font-size: 15pt;
	text-align: center;
	color: #ffff00;
	margin-right: 370px;
	padding: 5px;
	border:3px solid #006633;
	background-color:#006633;
}			  
            


	
           ul {
	        list-style: none;
	          margin: 0;
	      padding: 0;
	        }

         img {
          border: none;
           } 
					 #menu2 {
	width: 200px;
	margin: 3px;
	border-style:  none ;
	border-color: #D8D5D1;
	border-size: 0px;
	border-width: 1px;
	}
	
#menu2 li a {
	height: 62px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	
	text-decoration: none;
	}	
	
#menu2 li a:link, #menu2 li a:visited {
	color: #ffffff;
	display: block;
	background:  url(menu2.gif);
	padding: 8px 0 0 50px;
	}
	
#menu2 li a:hover {
	color: black;
	background:  url(menu2.gif) 0 -62px;
	padding: 8px 0 0 32px;
	}
	
        #tabs11 {
      float:left;
			margin-left: 0px;
      width:100%;
	  background:#ffffff;
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #C2BDAE;
      }
    #tabs11 ul {
	  margin-left:142px;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #tabs11 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs11 a {
      float:left;
      background:url("tableft11.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs11 a span {
      float:left;
      display:block;
      background:url("tabright11.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#0000cc;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs11 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs11 a:hover span {
      color:#FFFFFF;
      }
    #tabs11 a:hover {
      background-position:0% -42px;
      }
    #tabs11 a:hover span {
      background-position:100% -42px;
      }
	   
.gallerycontainer{
position: relative;
height:650px;
width:650px;
margin:5px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}