/* CSS Document */

body 
{
	margin: 0; 
	padding: 0;
	font: 90% arial;
	background: white;
	color: #333;
}


h1
{
     background: transparent url(multibackgroundheader4.png) no-repeat;
	 color: navy;
	 margin: 0 auto;
	 padding: 0;
	 height: 193px;
	 width: 700px;
	 text-align: left;
	 text-indent: 120px;
	 font-size: 250%;
	 border: 0px dotted green;
}

h2, h3
{
     margin-top: 0;
	 color: #B23B00;

}	 

#container
{
   background:  white;
   border: 0px solid orange;
   width: 90%;
   padding: .5em 3% .7em 3%;
   margin: 0 auto 0 auto;
   display: block;
}

#container2
{
   background:  white;     
   border: 0px solid green;
   width: 700px;
   padding: 0;
   margin: 0 auto;
   height: auto;
   display: block;
   }	 

#clear
{
   width: 600px;
   margin: 0 auto;
   height: 50px;
   border: 0px solid red;
   text-align: center;
}

#nav
{
     width: 28%;
	 float: left;
	 margin: 20px auto 0 30px;
	 border: 0px solid black;
	 display: block;
	 padding: 0;
	 clear: both;
}

	 
#midcolumn
{
     width: 55%;
	 float: left;
	 margin: 20px auto 0 auto;
	 border: 0px solid yellow;
	 display: block;
	 padding-left: 5%;
}	 

p.galleries
{
   font-size: 16px;
}

p.blue
{
   color: navy;
   font-weight: bold;
}

#nav ul
{
     margin: 0;
	 padding: 0;
	 list-style-type: none;
	 line-height: 200%;
}


#footer
{
     clear: both;
	 background: #387A9B;
	 color: #fff;
	 padding: 5px 3%;
	 margin: 1px;
	 text-align: center;
	 display: inline;
	 border: 1px dotted black;
}

	 

img.floatRight { 
    float: right; 
	margin: 20px 0 20px 20px; 
	padding: 0px;
}

img.floatLeft { 
    float: left;
	margin: 20px 20px 20px 0; 
	padding: 0;
}



#donate
{
   border-top: 10px solid white;
   border-bottom: 40px solid white;
   width: 500px;
   margin: 10px 0 0 100px;
   padding: 10px 0 0 100px;
}





#searchbox
{
   border: 2px solid black;
   float: left;
   margin: 1cm 0.2cm 1cm 0.2cm; /*top, right, bottom, left*/
   width: 4cm;
   height: 2cm;
   padding: 10px;
   color: #D36832;
   font-size: 150%;
}


   
div.thumbnail 
{
   margin: 10px 1px 10px 7px; /*top right bottom left*/
   background: #fff;
   border: 2px solid #699;
   height: 310px;
   float: left;
   text-align: center;
} 

.thumbnail img{
   display: inline;
   margin: 5px;
   border: 1px solid #A0ACC0;
}


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

.photocattitle 
{
   text-align: center; 
   font-weight: bold;
   font-size: 100%;
}

.phototitle 
{
   text-align: center;
   font-weight: normal;
   width: 150px;
   margin: 0 3px 3px 3px;
   padding: 10px;
   font-size: 16px;
} 


   
div.thumbnailcenter 
{
   margin-top: 45px;
   margin-left: 293px;
   margin-right: 5px;
   background: #fff;
   border: 1px solid #699;
   height: 210px;
   float: left;
   text-align: center;
} 

.thumbnailcenter img{
   display: inline;
   margin: 5px;
   border: 1px solid #A0ACC0;
}


.thumbnailcenter a:hover img 
{
   border: 1px solid black;
}

.photocattitlecenter
{
   text-align: center; 
   font-weight: bold;
   font-size: 100%;
}

.phototitlecenter
{
   text-align: center;
   font-weight: normal;
   width: 150px;
   margin: 0 3px 3px 3px;
   padding: 10px;
} 

   
div.thumbnailcenter1 
{
   margin-top: 45px;
   margin-left: 293px;
   margin-right: 5px;
   margin-bottom: 50px;
   background: #fff;
   border: 1px solid #699;
   height: 210px;
   float: left;
   text-align: center;
} 

.thumbnailcenter1 img{
   display: inline;
   margin: 5px;
   border: 1px solid #A0ACC0;
}


.thumbnailcenter1 a:hover img 
{
   border: 1px solid black;
}

.photocattitlecenter1
{
   text-align: center; 
   font-weight: bold;
   font-size: 100%;
}

.phototitlecenter1
{
   text-align: center;
   font-weight: normal;
   width: 150px;
   margin: 0 3px 3px 3px;
   padding: 10px;
} 

#staticad
{
   width: 120px;
   height: 600px;
   border: 0px solid green;
   position: fixed;
   left: 10px;
   top: 10px;
}	 

#staticadright
{
   width: 120px;
   height: 600px;
   border: 0px solid green;
   position: fixed;
   right: 10px;
   top: 10px;
}