﻿html {
	margin: 0px;
	padding: 0px;
	width: 1000px;
	height:768px;
	}

body
{
	background: white url('images/back4.jpg') no-repeat top left;
	font: 9pt/17pt georgia; 
	color: black; 

	padding: 0px 0 0 10px;
}

#container
{
	position: relative;
	left:200px;
	background: transparent url('images/logo.jpg') no-repeat;
	height:600px;
}

#textsection
{
	background: transparent url('images/textbackSandstone.jpg') repeat top;
	
	border: solid 1px black;
	position:absolute;
	left:35px;
	top: 180px;
	width:700px;
	clear:both;
}
html>body #textsection
{
	background: transparent url('images/textbackSandstone.jpg') repeat top;
}

#textsection p
{
	padding: 0 0 0 20px;
	font-family:Bookman Old Style;
	font-size: large;
	font-style:oblique;
}

#textsection h2
{
	padding: 0 0 0 20px;
	font-family:Bookman Old Style;
	font-size:x-large;
	font-style:oblique;
}

#textsection .entry ul li
{
	font-size:12pt;
}

#textsection a
{
	font-family:Bookman Old Style;
	color:#335511;
}


#textsection .result a
{
	padding: 0 0 0 40px;
	font-family:Bookman Old Style;
	font-size: x-large;
	color:#335511;
}

#sidebar
{	position:relative;
	background: url('images/sidebar2.jpg') no-repeat;
	margin:  -425px 0 0 -10px;
	padding: 20px 0 0 0px;
	height: 450px;
	width: 215px;
}

#sidebar ul
{
	padding: 0 0 0px 10px;
	list-style-type: none;
}

#sidebar a
{
	color:#000000;
	font-family:Bookman Old Style;
	font-weight:bold;
	font-style:oblique;
	font-size:20pt;
	text-decoration:none;
}

#sidebar .page_item
{
	padding-bottom: 20px;
}

#searchbar
{
	padding: 0 0 10px 10px;
}

#footer
{
	margin: 0 0 0 0;
	text-align: center;
}



/*MixNMatch CSS properties*/	
#previewPane
{
	border:0px solid #000;	
	text-align:left;
	vertical-align:middle;
	padding: 30px 0 0 0;
	position: relative;
	
	/* CSS HACK */
	height: 452px;	/* IE 5.x */
	height/* */:/**/420px;	/* Other browsers */
	height: /**/420px;
	
	width:260px;		
	float:left;
}
	
#waitMessage
{
	display:none;
	position:absolute;
	left:30px;
	top:150px;
	background-color:#FFF;
	border:3px double #000;
	padding:4px;
	color:#555;
	font-size:0.9em;
	font-family:arial;	
}

#thumbName
{
	display:none;
	position:absolute;
	left:10px;
	top:200px;
	background-color:#FFF;
	border:3px double #000;
	padding:4px;
	color:#555;
	font-size:0.9em;
	font-family:arial;	
}		

#galleryContainer
{	/* Big Div surrounding up image, list of images and down image */
	float:left;	/* Floating */
	
	/* CSS HACK */
	height: 454px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
	height/* */:/**/438px;	/* Other browsers */
	height: /**/438px;
	
	/* CSS HACK */
	width: 84px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
	width/* */:/**/80px;	/* Other browsers */
	width: /**/80px;
			
	border:1px solid #000;	/* Black border */		
	padding:1px;	/* A little space between the black border and the content inside */
	margin: 5px 3px 0 2px;
}

#galleryContainer #arrow_down
{	/* Arrow down image */
	height:35px;
}

#galleryContainer #arrow_up
{
	height:35px;	/* Arrow up image */
}
	
#theImages
{	/* DIV where the images are located */
	position:relative;
	overflow:hidden;
	height:375px;	/* Height of boxes for the images */
	padding:0;
	margin:0 0 0 0;
	width:80px;
}

#theImages div
{	
	position:relative;	/* Don't change this */
	height:1500px;	/* Higher than total height of thumbnails */

}

#theImages img
{
	border:0px;	/* No border */
	/*filter:alpha(opacity=50);	/* Transparency - IE */
	/*opacity:0.5; /* Transparency - Firefox */
	padding-top:1px;	/* Space between images */
	padding:0;
}

#previewPane #largeImageCaption
{	/* CSS styling of image caption below large image */
	font-style:italic;	
	text-align:center;
	font-family: Georgia;	/* Font to use */
	font-size:2em;
}

#theImages .imageCaption
{
	display:none;
}
			
		
#previewPane2
{
	border:0px solid #000;	
	text-align:left;
	vertical-align:middle;
	padding: 30px 0 0 0;
	position: relative;
	
	/* CSS HACK */
	height: 452px;	/* IE 5.x */
	height/* */:/**/420px;	/* Other browsers */
	height: /**/420px;
	
	width:260px;		
	float:left;
}
	
#waitMessage2
{
	display:none;
	position:absolute;
	left:30px;
	top:150px;
	background-color:#FFF;
	border:3px double #000;
	padding:6px;
	color:#555;
	font-size:0.9em;
	font-family:arial;	
}

#thumbName2
{
	display:none;
	position:absolute;
	left:190px;
	top:200px;
	background-color:#FFF;
	border:3px double #000;
	padding:4px;
	color:#555;
	font-size:0.9em;
	font-family:arial;	
}	

#galleryContainer2
{	/* Big Div surrounding up image, list of images and down image */
	float:left;	/* Floating */
	
	/* CSS HACK */
	height: 454px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
	height/* */:/**/438px;	/* Other browsers */
	height: /**/438px;
	
	/* CSS HACK */
	width: 84px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
	width/* */:/**/80px;	/* Other browsers */
	width: /**/80px;
			
	border:1px solid #000;	/* Black border */		
	padding:1px;	/* A little space between the black border and the content inside */
	margin: 5px 2px 0 3px;
}

#galleryContainer2 #arrow_down2
{	/* Arrow down image */
	height:35px;
}

#galleryContainer2 #arrow_up2
{
	height:35px;	/* Arrow up image */
}
	
#theImages2
{	/* DIV where the images are located */
	position:relative;
	overflow:hidden;
	height:375px;	/* Height of boxes for the images */
}

#theImages2 div
{	
	position:relative;	/* Don't change this */
	height:1500px;	/* Higher than total height of thumbnails */
}

#theImages2 img
{
	border:0px;	/* No border */
	/*filter:alpha(opacity=50);	/* Transparency - IE */
	/*opacity:0.5; /* Transparency - Firefox */
	padding-top:1px;	/* Space between images */
}

#previewPane2 #largeImageCaption2
{	/* CSS styling of image caption below large image */
	font-style:italic;	
	text-align:center;
	font-family: Georgia;	/* Font to use */
	font-size:2em;
}

#theImages2 .imageCaption
{
	display:none;
}