body {
			    text-align:center;
          margin: 0px;
          padding: 0;
				
          }
					p.margin {
					margin: 10%; 
					 }
					.bmargin {
					margin: 30px;
					font-family:sans-serif;
					
					 }
       #tabs11 {
			    width: 100%;
          height: 40px;
          background: #ffffff;
					margin-left: 0%;
					}
       #content {
			     
			    margin-left: 200px;
				 margin-right: 200px;
				
					font-size:110%;
				
					
					color:#6633ff; 
					 text-align:left;
					                      
          }
					 #myphoto {
			       float:right;  
						  clear:both; 
							 padding-left:15px;                 
          }
       #menu2 {
          position: absolute;
          top: 130px;
          left: 1px;
        
					
          }
        #sidebar {
         position: absolute;
          top: 138px;
	        width: 150px;
          right: 2px;
          background-image: 
         url('sideback.jpg');
         background-repeat: repeat-y;
					font-size:medium;
					font-weight:500;
				  text-align:justify;
					color: #000099;
           }
           #footer {
					 	clear:both;
				     background:  #ffffff;
            }
          h2 {
	          font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	          color: #000;
	          margin: 0px;
	         padding: 0px 0px 0px 15px;
            }


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

         img {
          border: none;
           } 
					 #menu2 {
	width: 160px;
	margin: 10px;
	border-style:  none ;
	border-color: #D8D5D1;
	border-size: 0px;
	border-width: 1px;
	}
	
#menu2 li a {
	height: 42px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu2 li a:link, #menu2 li a:visited {
	color: #ffffff;
	display: block;
	background:  url(menu2.gif);
	padding: 8px 0 0 30px;
	}
	
#menu2 li a:hover {
	color: #0000cc;
	background:  url(menu2.gif) 0 -32px;
	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;
}