/* CSS Document */
html, body{
margin: 0;
padding: 0;
}

body{
background: #433229;
text-align: center;
color: #d2ad52;
font-family: Eurostile, Arial, sans-serif;
}

body h3{
font-family: Eurostile, Arial, sans-serif;
font-size: 95%;
}

body a{
color: #a0a0ad;
}

body #search{
color: #433229;
font-size: 5%;
}

#wrapper{
width: 80%;
text-align: left;
margin: 0 auto;
}

#wrapper img{
padding: 10px;
border: 0 none;
}


#wrapper table{
border: 0;
border: hidden;
color: #d2ad52;
font-size: 150%;
}

#wrapper table#small{
font-size: 90%;
}

#wrapper ul li{
text-decoration: none;
}

#masthead{
width: 100%;
height: 105px;
background: #d2ad52;
color: #433229;
text-align: left;
}

#mastheadcontent{
width: 100%;
text-align: left;
margin: 0 auto;
}

.blurb {
	margin: 8px 0 10px 10px;
	border-top: 1px;
	border-color: #d2ad52;
	width: 800px;
}

#date{
width: 32%;
float: right;
margin-top: -60px;
color: #433229;
}

#footer {
clear: both;
font-size:75%;
text-align: center;
}

#footer hr{
width: 100%;
height: 4px;
background: #d2ad52;
}

/* Gallery Conatiner */

/*Thumbnail presentation */
#wrapper #container .thumbnail {
	float: left;
}
/* choose a suitable font and center the #container div in Internet Explorer */
body {
   text-align:center;  
   letter-spacing:0.05em;
   }
   
 /* The containing box for the gallery. */
#container { 
    width:800px; 
    height:660px; 
    margin:0 auto 0 auto; 
	padding: 15px;
    border:1px solid #aaa; 
	float: left;
    }

/* Removing the list bullets and indentation */
#container ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }

/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:200px; 
    left:200px; 
    overflow:hidden; 
    background:#707a60;
    }

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }

	/* set the size of the unordered list to neatly house the thumbnails */
	#container ul {
	    width:198px; 
	    height:386px;
	    }
	#container li {
	    float:left;
	    }

	/* move the thumbnails into the correct position */
	#container ul {
	    margin:5px; 
	    float:right;
	    }

	/* change the thumbnail border color */
	#container a.gallery:hover {
	    border:1px solid #fff; 
	    }

	/* styling the :hover span */
	#container a.gallery:hover span {
	    position:absolute; 
	    width:510px; 
	    height:450px; 
	    top:150px; 
	    left:11%; 
	    color:#000; 
	    background:#fff;
	    }

	#container a.gallery:hover img {
	    border:1px solid #fff; 
	    float:left; 
	    margin-right:5px;
	    }

	#container a.slideb:hover img, #container a.slidei:hover img {
	    float:right;
	    }


	#container {
	    background:#fff;
		}	

	#container h5{
	font-size: 75%;
	margin: 0; 
	padding: 0;
	}

	#container h5 a{
	color: #433229;
	text-decoration: none;
	}

	#container h5 a:hover{
	color: #9b212c;
	}
	#container h4{
	font-size: 85%;
	margin: 0; 
	padding: 0;
	color: #9b212c;
	}

	#container h4 a{
	color: #433229;
	text-decoration: none;
	}

	#container h4 a:hover{
	color: #9b212c;
	}