body { background: #ffffff; 
       font-family: arial, verdana, sans-serif;
			 padding: 0; }

p { font-family: arial, verdana, sans-serif;
	  padding-bottom: 0;
	  border: 0;
		color: #000000; }
		
p.monospace {font-family: courier }
p.left {text-align: left; }
p.right {text-align: right; }
p.center {text-align: center; }
p.nospace { 
font-family: arial, verdana, sans-serif;
margin: 0em; }

.reddish { color: #ff0000}
.blueish { color: #0000ff}
.txtsmblack { font-size: x-small; color: #000000; background-color: transparent }
.txtsmall { font-size: smaller; background-color: transparent }

h1 { font-family: arial, verdana, sans-serif}
h2 { font-family: arial, verdana, sans-serif}
h3 { font-family: arial, verdana, sans-serif}
h4 { font-family: arial, verdana, sans-serif}

a	  { font-family: arial, verdana, sans-serif}
a:link    { color: #009900; text-decoration: none; font-weight: bold}    
a:visited { color: #990000; text-decoration: none; font-weight: bold}   
a:hover   { color: #ffffff; text-decoration: none; background-color: #009900} 
a:active  { color: #990000; text-decoration: none}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.gallerycontainer {
  position: relative;
  height: 200px;   /*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.thumbleft img {
  border: 1px solid #000000;
  margin: 0;
}
.thumbleft:hover {
  background-color: transparent;
}
.thumbleft:hover img {
  border: 0;
}
.thumbleft span { /*CSS for enlarged image*/
  position: absolute;
  background-color: #ffffff;
  padding: 0;
  /* left: -1000px;   */
  border: 1px dashed gray;
  visibility: hidden;
  color: black;
  text-decoration: none;
}
.thumbleft span img { /*CSS for enlarged image*/
  border-width: 0;
  padding: 0;
}
.thumbleft:hover span { /*CSS for enlarged image*/
  visibility: visible;
  top: 0;
  left: 0px; /*position where enlarged image should offset horizontally */
  z-index: 50;
}
.thumbright img {
  border: 1px solid #000000;
  margin: 0;
}
.thumbright:hover {
  background-color: transparent;
}
.thumbright:hover img {
  border: 0;
}
.thumbright span { /*CSS for enlarged image*/
  position: absolute;
  background-color: #ffffff;
  padding: 0;
  /* left: -1000px;  */
  border: 1px dashed gray;
  visibility: hidden;
  color: black;
  text-decoration: none;
	z-index: 50;
}
.thumbright span img { /*CSS for enlarged image*/
  border-width: 0;
  padding: 0;
	z-index: 50;
}
.thumbright:hover span { /*CSS for enlarged image*/
  visibility: visible;
  top: 0;
  left: -200px; /*position where enlarged image should offset horizontally */
  z-index: 50;
}

.photocontain { padding-left: 20px; padding-bottom: 10px; padding-top: 0px; float: right; }
.photocaption { font-weight: bold; line-height: 1.5; text-align: center; }