* { 
 margin: 0; 
 padding: 0; 
} 
body {
 background: #eee url(gallery/masonback.jpg);
 font: 12px/18px "Lucida Grande", Verdana, sans-serif;
 text-align: center;
 color: #333; 
} 
#wrapper { 
 margin: 0 auto; 
 width: 960px;
 background: #fff url(gallery/nav.gif) repeat-y; 
 text-align: left; 
} 
#header {  
 height: 192px;
 background: #99CCFF url(gallery/header.gif) no-repeat; 
 text-align: center; 
}

#bodycontent { 
 float: right; 
margin: 24px;   
 width: 720px;    
}
#bodycontent p {  
 padding-bottom: 18px;  
}
#navigation p {  
 padding-bottom: 18px;  
}
p, ol, ul, table {font-size: small;    color: navy;}

.highlight {font-size: large; font-weight: bold;}

a img {border:0;}

.nav {
 float: left;
 text-align: center;  
 margin: 18px;   
 padding: 3px;
 background: #fff;
 }
.left {  
 float: left;
 text-align: center;  
 margin: 10px 18px 0 18px;   
 padding: 3px;  
 border: 3px solid #eee;  
 background: #fff;  
}
.feature {
 float: right;
 text-align: center;
 margin: 10px 18px 0 18px;   
 padding: 3px;
 border: 3px solid #eee;    
 background: #fff;
}
.feature p {font-size: 80%;    font-weight: bold;    margin-top: 0;  line-height: 1.4em;}
.left p {font-size: 80%;    font-weight: bold;    margin-top: 0; }

.photocredit {font-weight: normal;    color: gray;}
h2 {
 text-align: center;  
 margin-bottom: 11px;  
 margin-left: 0px;   
 padding: 15px 0 21px 0px; 
 border-bottom: 1px solid #ccc;
 font-weight: normal;
 font-style: italic;
 font-size: 18px;
 font-family: Georgia, serif;    
 color:  #036;  
}
h3{
 margin-bottom: 9px;  
 font-weight: normal;
 font-style: italic;
 font-size: 15px;
 font-family: Georgia, serif;  
 line-height: 24px;
 color:  #036;  
}       
#navigation { 
 float: right; 
margin-top: 12px;   
 width: 192px;

}
#navigation h3 {
 text-align: center;
 margin-top: 36px;
 font: normal italic 1.25em/15px Georgia, serif;  
 line-height: 24px;
 color:  white;
 }
#navigation ul {
			margin: 0 0 1em 0;
			padding: 0;
			list-style: none;
		}
		
		#navigation ul a {
			color: white;
			text-decoration: none;
			display: block;
			background: #17a;
			padding: 0 0.5em;
			margin: 0 1em 1px 1em;
		}
		#navigation a:link {color: white;
			text-decoration: none;
			}
		#navigation a:visited {
			color: #ccc;
		}
		
		#navigation a:hover {
			background: #28b;
		} 
#footer { 
 clear: right;
 height: 110px;
 background: #99CCFF url(gallery/2cansc1.gif) no-repeat;
 text-align: center;
 font-size: 10px;
 line-height: 1em;
 font-style: italic; 
}

#header h1 {
 color: #FFFFFF; 
 padding: 30px;
 font-weight: normal;
 font-style: italic;
 font-size: 30px;
 font-family: Georgia, serif;  
}
#header img {  
 float: left;  
 margin: -3px 18px 0px -3px;  
 padding: 3px;  
}
#footer img {  
 float: right;  
    
 padding: 3px; 
}   
#footer p {
   
 padding: 48px 24px 0 84px;
   
}
/*#footer p {font-style: italic;   font-family: Georgia, Times, serif;} */  
.clear { 
 clear: both; 
}
 table {
   background: white url(gallery/parchment.jpg);
    border: 3px; 
	}
  table th, td {
	padding: 8px;
	}
	
 #pagenavigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 6px;
  padding-left: .8em;
  padding-bottom: 4px;
  
}

#pagenavigation li {
  display: inline;
}
#pagenavigation a:link, #pagenavigation a:visited {
  margin-right: 2px;
  padding: 3px 10px 2px 10px;
  color: navy;
  background-color:  #e2edff;
  text-decoration: none;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-bottom: 1px solid #717171;
  border-right: 1px solid #717171;
}
#pagenavigation a:hover {
  border-top: 1px solid #717171;
  border-left: 1px solid #717171;
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}

#pagenavigation {
  width: 100%;
  text-align: center;
  /*background: #b4d500 url('backgrounds/tagline-fade2.jpg') repeat-y right bottom;
  border-bottom: 3px solid #7da5d8;	*/
}

 #y10to29, #y30to49, #y50to69, #y70to89, #y90to09, #y10to19 {	
 	padding-top: 15px;
	position: relative;
	width: 500px;
	margin: auto;
	}
#officers {
 padding-top: 15px;
	position: relative;
	width: 550px;
	margin: 0 auto;
	}
.fiddler {
 float: left;
 width: 345px;
 text-align: center;
 margin: 0px 10px 0 10px;
 padding: 3px;
 border: 3px solid #eee;
 }
.fiddler p {
 font-weight: bold;
 
 }
form.contact {padding: 0;    margin: 0;    margin-top: -15px;}

form.contact fieldset {border: 2px solid navy;    padding: 10px;}

form.contact legend {font-weight: bold;    font-size: small;    color: navy;    padding: 5px;}

form.contact label {font-weight: bold;    font-size: small;    color: blue;    line-height: 150%;}

form.contact label.fixedwidth {display: block;    width: 180px;    float: left; clear:both;}

form.contact .buttonarea input {background: navy;    color: white;    font-weight: bold;    padding: 5px;    border: 1px solid white;}

form.contact .buttonarea {clear: both; text-align: center;    padding: 4px;    background-color: #0066ff;    margin-top: 10px;}

form.contact .dates { width: 350px;    float: left; }

form.contact  p {font-weight: bold;    font-size: small;    color: blue;  margin-top: 10px;   }

form.contact table { border-collapse: collapse;}

form.contact table {color: blue;} 
 
form.contact table caption {color: blue; font-weight: bold;}