a { background:#6B1B1C; padding:4px; color:#ff9933;  font-family: georgia; }
	a:hover { color:#ff9933; }
	a:visited { color:#ff9933; }
	body { background:url(images/background2.jpg) repeat-x; margin:0; padding:0; background-color: #6B1B1C; }
	h2 {font: 24px; font-weight:bold; color: #ffffff; font-family: georgia;}
	
	
	#container { background:url(images/container_bkg.jpg) no-repeat; margin:0px auto; width: 870px; height: 800px; text-align:center; }

	#container_subpage { background:url(images/sub_background.jpg) no-repeat; margin:0px auto; width: 870px; height: 800px;  }
	
	#container_open_subpage { background:url(images/sub_open_background.jpg) no-repeat; margin:0px auto; width: 870px; height: 800px;  }
	
	#container_text {width:700px; padding-top:410px; text-align:center; font: 18px; color: #ffffff; font-family: georgia; }
		div {border: 0px red solid;}
	
	
	#container_text_front {width:700px; padding-top:410px; text-align:center; font:18px; color: #ffffff; font-family: georgia;}
	
	h2 {font: 24px; font-weight:bold; color: #ffffff; font-family: georgia;}
	
	#container_open_text { width:700px; padding-top:440px; font: 18px; color: #ffffff; font-family: georgia;}	
	
	#container_open_text a { padding:0px; margin:0px;}
	
	#container_photos { width:700px; padding-top:40px; font: 18px; color: #ffffff; font-family: georgia;}
			
	#container_photos b {   }	
	
	#container_photolinks { padding:0; margin:0;}
	
	#frontleft {Float:left;  width:345px; padding-left:10px; margin:0; text-align:left; font: 18px; color: #ffffff; font-family: georgia;}
	
	#frontright {Float:right;  width:345px; padding:0; margin:0; text-align:left; font: 18px; color: #ffffff; font-family: georgia;}


	
	#home { background:transparent; position:relative; display:block; width:300px; height:50px; margin-left:70px; margin-top:5px; text-indent:-5000px; }
	#backlink { margin-top:8px; display:block; background:#6B1B1C; padding:4px; font-family:arial; font-size:11px;  }
	
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery { padding:0; margin:0; margin-top:12px; list-style-type:none; position:relative; width:580px; }
/* remove the default image border */
.gallery img { border:0; }
/* make the list horizontal */
.gallery li { float:left; }
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
	font-family:arial;
	font-size:10px;
	float:left; 
	text-decoration:none; 
	color:#000; 
	background:#fff; 
	text-align:center; 
	width:20px; 
	height:20px; 
	line-height:24px; 
	border:1px solid #444;
	margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
	position:absolute; 
	top:70px; 
	left:0; 
	visibility:hidden; 
	border:0;
}
.gallery li a span {
	font-size: 18px; color: #ffffff; font-family: georgia;
	position:absolute; 
	top:40px; 
	left:0; 
	visibility:hidden; 
	border:0;
	width:400px;
	text-align:left;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
	top:70px;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
	left:110px;
	border-left:40px solid #eee;
	border-right:40px solid #eee;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
	background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
	background:#444; 
	color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
	visibility:visible;
}	
.gallery li a:active span, .gallery li a:focus span {
	visibility:visible;
}