@charset "utf-8";
/* CSS Document */
* {margin: 0; padding: 0;}
body  {
	
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #7B3F00;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
h1, h2, h3, h6 h7 {color: #7B3F00;}
h2 {padding-bottom: 10px; }
h1 {font-size: 3.5em; font-family:"Palatino Linotype", serif; letter-spacing: -0.0em; font-style: italic;}
h1 span {letter-spacing: -.05em;}
div.clearfloats {clear:both;}
h6 {font-weight: bold; padding-top: 3em; padding-bottom: 12em;}
h7 {font-weight: normal; font-size: 9px; }
h8 {font-weight: bold; color: #660000; padding-top: 3em; font-size: .6em;  padding-bottom: 12em;}

.twoColElsLtHdr #container { 
	width: 800px;  
	background: #FFF8DC	;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(/sidebargif.gif);
	background-repeat: repeat-y;
} 
#frontphoto {padding-left: 200px; padding-top: 23px;}
#onephoto {padding-left: 110px; padding-top: 10px;}

	p {font-size: .9em; padding-bottom: 4px;}	
	#floatdiv {float: left;}
#onephototext {
	
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; padding: 0;
	color: #7B3F00;
	text-align: center;
	
}
#floatdiv1 {float: left; margin-top: 20px;}
#photo1 {float: left; padding-left: .8em; width: 115px; margin-top: 1em;}
#photo2 {float: left; padding-left: 2.65em; width: 115px; margin-top: 1em;}
#photo3 {float: left; padding-left: 2.65em; margin-top: 1em; width: 115px;}
#photo4 {float: left; padding-left: 2.65em; margin-top: 1em; width: 115px;}

#photo5 {float: left; padding-left: .8em; width: 115px; margin-top: 2em;}
#photo6 {float: left; padding-left: 4.65em; width: 115px; margin-top: 2em; }
#photo7 {float: left; padding-left: 2.65em; width: 115px; margin-top: 2em; padding-top: 0px;}
#photo8 {float: left; padding-left: 2.65em; margin-top: 2em; margin-bottom: 3em; width: 115px;}

#photo9 {float: left; padding-left: 4em; margin-top: 4em; width: 193px;}
#photo10 {float: left; padding-left: 5.65em; margin-top: 4em; width: 191px;}
#photo11 {float: left; padding-left:  2.65em; margin-top: 4em; width: 153px;}
#photo12 {float: left; padding-left: 2.65em;  margin-top: 4em; width: 154px;}
#photo13 {float: left; padding-left: 2.65em; margin-top: 4em; margin-bottom: 4em; width: 148px;}

#photo14 {float: left; padding-top: 10px; padding-left: 20.8em; width: 135px;}
#photo15 {float: left; padding-left: 5em;  width: 135px;}
#photo16 {float: left; padding-left: 3.4em;  width: 135px;}
#photo17 {float: left; padding-left: 3.4em;  width: 145px; }

#photo18 {float: left; padding-top: 20px; padding-left: 6.6em; width: 115px;}
#photo19 {float: left; padding-left: 6.5em; padding-top: 20px; padding-bottom: 0; width: 125px;}
#photo20 {float: right; padding-right: 8em; padding-top: 32px; width: 225px;}
#photo21 {float: left; margin-top: 0px; padding-left: 1.6em; padding-top: 0px; padding-bottom: 0; width: 145px;}
#photo22 {float: left; padding-left: .4em; margin-top: 0em; padding-bottom: 0; width: 145px;}
#photo23 {float: left; padding-left: 10.6em; padding-top: 0px; padding-bottom: 0; width: 145px;}
#photo24 {float: left; padding-left: 7.9em; padding-top: 0px; padding-bottom: 0; margin-top: 6.5em; width: 180px;}
#photo25 {float: left; padding-left:  3.5em; margin-top: 1em; width: 153px;}
#photo26 {float: left; padding-left: 13em; margin-top: 2em; width: 160px;}
#photo27 {float: left; padding-left: 7.9em; padding-top: 3.6em; padding-bottom: 0; margin-top: 0em; width: 180px;}
#photo28 {float: left; padding-left:  2.5em; margin-top: 1em; width: 153px;}
#photo29 {float: left; padding-top: .6em; margin-top: 1em; padding-left: 17.3em; width: 135px;}

#photo30 {float: left; padding-left: 7.3em; margin-top: 0em; padding-bottom: 0; margin-bottom: 0; width: 169px;}
#photo31 {float: left; padding-left: 6.6em; margin-top: 0em; width: 190px;}
#photo32 {float: left; padding-left:  5.0em; margin-top: 0em; width: 169px;}
#photo33 {float: left; padding-left: 6.9em;  margin-top: 4em; width: 159px;}
#photo34 {float: right; padding-right: 16em; margin-top: -13.0em; margin-bottom: -1em; padding-bottom: 0; width: 148px;}

#photo35 {float: left; padding-left: 2.3em; margin-top: 2em; width: 160px;}
#photo36 {float: left; padding-left: 4em; margin-top: 2em; width: 160px;}
#photo37 {float: left; padding-left: 0em; margin-top: 2em; width: 160px;}
#photo38 {float: left; padding-left: 2.3em; margin-top: 1.8em; margin-bottom: 0; padding-bottom: 0; width: 154px;}
#photo39 {float: left; padding-left: 2em; margin-top: -3.0em; margin-bottom: 0; padding-bottom: 0;  width: 148px;}
#photo40 {float: right; padding-right: .3em; margin-top: 1.1em; margin-bottom: 0; padding-bottom: 0; width: 154px;}
#photo41 {float: left; padding-left: 3em; margin-top: 5.6em; margin-right: 0em; margin-bottom: 0; padding-bottom: 0;  width: 150px;}
#photo42 {float: left; padding-left: 1.4em; margin-top: 5.5em; margin-bottom: 0; padding-bottom: 0; width: 154px;}
#photo43 {float: left; padding-left: 7.9em; padding-top: 7.4em; padding-bottom: 0; margin-top: 0em; width: 180px;}
#photo44 {float: left; padding-left:  2.4em; margin-top: 2em; padding-bottom: 0; width: 153px;}


#photo45 {float: left; padding-left: 0.0em; margin-top: 1.6em; width: 250px;}
#photo46 {float: left; padding-left: 2.6em; padding-top: 0px; padding-bottom: 0; margin-top: 4.5em; width: 250px;}




#photo1, #photo2, #photo3, #photo4, #photo5, #photo6, #photo7, #photo8, #photo9, #photo10, #photo11, #photo12, #photo13, #photo14, #photo15, #photo16, #photo17, #photo18, #photo19, #photo20, #photo21, #photo22, #photo23, #photo24, #photo25, #photo26, #photo27, #photo28, #photo29, #photo30, #photo31, #photo32, #photo33, #photo34, #photo35, #photo36, #photo37, #photo38, #photo39, #photo40, #photo41, #photo42, #photo43, #photo44, #photo45, #photo46 p{padding-bottom: 15px; font-size: .665em; color: #660000;  letter-spacing: -.03em; }
#photo46 p{padding-bottom: 15px; font-size: .6em; color: #660000;  letter-spacing: -.08em; font: Verdana, Arial, Helvetica, sans-serif;}


#sidebarcredit p {position: inherit; font-size: .6em; text-align: right;  color: #660000; line-height: 103%;  padding-left: 0; padding-right: 1.3em;  padding-top: 2em; letter-spacing: -.05em; }

#galleryinfo{text-align: left; font-weight: bold; color: #660000; padding-top: .9em; font-size: .9em;  margin-left: -.9em; padding-left: 0; padding-bottom: 2em;}

#credit p {position: inherit; font-size: .6em; text-align: right;  color: #660000; line-height: 103%;  padding-left: 0; padding-right: 1em;  padding-top: 0em; padding-bottom: .4em; letter-spacing: -.05em; }

.twoColElsLtHdr #header { 
	background: #FFF8DC; 
	border-bottom: solid 2px #7B3F00;
	padding: 40px 10px 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
#header2 {float: right; vertical-align: middle; margin-top: -164px; margin-right: 20px;}
.twoColElsLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 30px 10px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}


.twoColElsLtHdr #sidebar1 {
	float: left; 
	height: 620px;
	width: 200px; /* since this element is floated, a width must be given */
	
	padding-left: 15px; padding-top: 20px; 
}
.twoColElsLtHdr #sidebar2 {
	float: left; 
	height: 400px;
	width: 200px; /* since this element is floated, a width must be given */
	
	padding-left: 15px; padding-top: 20px; 
}
#sidebar1 h4 {font-size: 1.5em; font-weight: normal; color: #7B3F00; font-style: italic; letter-spacing: -.03em; line-height: 135%; padding-bottom: .7em;}
#sidebar1 h5 {font-size: .7em; font-weight: bold; line-height: 140%; padding-top: .9em; color: #663333;}
#sidebar1 a:link {

	color: #660000;
	text-decoration: none;}
	

#sidebar1 a:visited {

	color: #990000;
	text-decoration: none;}

#sidebar1 a:hover {

	color: #EFC573;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;}

#sidebar1 li a {font-size: .7em; 
	font-variant: normal;
	text-decoration: none; 
	color: #7B3F00; 
	padding: 4px 6px;
	margin-right: 0px;
	letter-spacing: .04em;}
	
#sidebar1 li a:hover {font-size: .7em;
	text-decoration: none;
	font-variant: normal; 
	color: purple; 
	padding: 2px 6px;
	margin-right: 0px;
	letter-spacing: .04em;
	}
	
.currentpage {
	font-weight: bold;
	color: #660000;
	}
.currentpagenobold {
	font-weight: normal;
	color: #660000;
	}
#sidebar1 p {padding-left: .9em; font-size: .65em; color: #7B3F00; }
#sidebar1 ul li ul li {display:none; color: #660000; padding: 0; margin: 0;} /*hides drop-down when menu not hovered over*/
#sidebar1 ul li:hover ul li{display:block; padding: 0; margin: 0;
	margin-left: 25px;  /* Set 1px less than menu width */
	top: 0;} /*shows drop-down when menu is hovered over*/
	
	
#sidebar1 ul li ul li {font-size: .65em; }

/*Sidebar 2 instructions*/

#sidebar2 h4 {font-size: 1.5em; font-weight: normal; color: #7B3F00; font-style: italic; letter-spacing: -.03em; line-height: 135%;}
#sidebar2 h5 {font-size: .7em; font-weight: bold; line-height: 140%; padding-top: 2em; color: #663333;}
#sidebar2 a:link {

	color: #660000;
	text-decoration: none;}
	

#sidebar2 a:visited {

	color: #990000;
	text-decoration: none;}

#sidebar2 a:hover {

	color: #EFC573;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;}

#sidebar2 li a {font-size: .7em; 
	font-variant: normal;
	text-decoration: none; 
	color: #7B3F00; 
	padding: 4px 6px;
	margin-right: 0px;
	letter-spacing: .04em;}
	
#sidebar2 li a:hover {font-size: .7em;
	text-decoration: none;
	font-variant: normal; 
	color: purple; 
	padding: 2px 6px;
	margin-right: 0px;
	letter-spacing: .04em;
	}

#sidebar2 p {padding-left: .9em; font-size: .65em; color: #7B3F00; }
#sidebar2 ul li ul li {display:none; color: #660000; padding: 0; margin: 0;} /*hides drop-down when menu not hovered over*/
#sidebar2 ul li:hover ul li{display:block; padding: 0; margin: 0;
	margin-left: 25px;  /* Set 1px less than menu width */
	top: 0;} /*shows drop-down when menu is hovered over*/
	
	
#sidebar2 ul li ul li {font-size: .65em; }

/*end sidebar 2 instructions*/

.twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

.twoColElsLtHdr #mainContent {
	margin: 1.5em 0 14em 2em; padding-left: 20px; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
	
} 
#mainContentrule {margin-left: 200px; }
#mainContent h2 {margin-left: 2em;}
#contenttext p {margin-left: 12em; font-size: .9em; text-align: center; padding-bottom: 20px;}
#bottomnav p {margin-left: 15.5em; font-size: .8em; text-align: center; padding-bottom: 8px; }


li {list-style-type: none; padding: 6px 0 0 0;}/*padding between page numbers*/


.twoColElsLtHdr #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFF8DC; border-top: #7B3F00 2px solid;
} 
.twoColElsLtHdr #footer p {
	margin: 0; text-align: center; font-size: .7em;/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 6px 0 6px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* Miscellaneous classes for reuse */


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}