@charset "utf-8";
/* CSS Document */


/* Color values 
#d5d2c3 - Background greenish gray, also 'current page' top nav
#f1efe3 - Container - pale green
#2d4e47 - dark green nav text and border
#b8cbc2 - blue green - top menu hover
#d9e4cd - lighter blue green - main menu hover
#555555 - 75% gray for text
#363636 - 85% gray for h1, h2, h3
#993333 - alternate red for links
#a32d61 - cranberry red for links
#8b8078 - visited link
#ce89a6 - possible visited link red
#00796b - turquoise for visited link
#9d986d - possible olive green for visited link
#4e6625 - bright green for visited (from Flor Call)
*/


/*CSS resets*/
html, body, header, div, h1, h2, h3, ul, li, img {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
p {
	margin: 0;
	padding: 0;
}

ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}

img {
	margin: 0;
	padding: 0;
}

/* Global Styles */
html {
	background-color: #d5d2c3;
}
body {
	width: 980px;
	/* [disabled]position: relative; Colorbox will not center if the body tag has relative positioning*/
	margin: 0 auto;
	background-color: #f1efe3;
	font: 100% "Palatino Linotype", "Book Antiqua", "Palatino", serif;
	line-height: 1.5em;
	margin-top: 25px;
}
a {
	color: #a32d61;
	text-decoration: none;
}
p {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #464646;
	font-size: 1em;
}


/* Formatting Styles - Global  Styles */
.ital {
	font-style: italic;
}
.noital {
	font-style: normal;
}
.bold {
	font-weight: bold;
}
.copycolor {
	color: #993333;
}
.justify {
	text-align: justify;
}
.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.sstitle {
	color: #2d4e47;
	font-weight: normal;
	text-align: center;
	margin-top: 0;
}
.flortitles {	
	text-align: center;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 15px;
}
.flordates {
	font-variant: normal;
	font-size: .85em;
}
.attweb {
	font-style: italic;
	color: #993333;
}
	
hr {
		width: 50%;
		margin: 30px auto 0px auto;
	}
h1 {
	/* [disabled]font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; */
	/* [disabled]color: #555; */
	/* [disabled]font-size: 1.2em; */
	/* [disabled]font-weight: bold; */
}
h2 {
	font-size: 0;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #555;
	font-variant: small-caps;
	font-weight: bold;
}
h3 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #555;
	font-variant: small-caps;
	font-weight: bold;
}
h4 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #555;
	font-variant: small-caps;
	font-weight: bold;
	
	}
	
	.smallcapsnums {
		font-size: 1.3em;
	}
	
	.boxexception {
		font-variant: normal;
		font-size: .8em;
	}



	
.sub {
	font-size: 1em;
	font-style: italic;
	
	}	
.smallcaps {
	font-variant: small-caps;
}
.nosmallcaps {
	font-variant: normal;
}
.dateadjust {
	font-variant: normal;
	font-size: .8em;
}
/*duplicate center class? .center {
	/* [disabled]text-align: center; 
}*/
.readmore {
	font-size: 1em;
	font-style:italic;
	font-weight: bold;
	text-decoration: none;
}
.email {
	color: #993333;
	font-weight: bold;
}
.credit {
	text-align: center;
	font-size: .9em;
	color: #464646;
}
.top {
	text-align:center;
	font-style:italic;
	font-color:#993333;
	font-size:110%;
}
.centercaption {
	font-family: "Palatino Linotype", "Book Antiqua", serif;
	font-size: 1em;
	font-style: italic;
	font-weight: normal;
	color: #666;
	text-align: center;
}
.sig {
	font-style: italic;
	font-size: .9em;
	}



/*Header styles*/

/*.pageHeader {background-image:url(../Images/Banner_Large.jpg);
	height: 200px;
}
.pageHeader h1{
	margin: 0;
	padding: 0;
	text-indent: -9000em;
} styles used before formatting for home page link in banner*/

.pageHeader {
	background-image:url(../Images/Banner_Large.jpg);
	height: 200px;
	
}
.pageHeader h1{
	margin: 0;
	padding: 0;
	display: block; 
	width: 200px;
	height: 980px;
	overflow: hidden;
	text-indent: -9000em;
}

/* to hide display of 'Skip to content' instruction for screen readers */
.skip {
	display: none
}

/* ~~  start top navigation bar styles~~ */
.menushort ul {
	margin: 0;
	padding: 5px 15px;
	width: 100%
	background-color: #f1efe3;
	border-bottom: 2px solid #2d4e47;
	text-align: right;
	float: none;
}
.menushort li {
	display: inline;
	font-variant: small-caps;
	color: #2d4e47;
	float: none;
}
.menushort li a {
	display: inline;
	line-height: 2em;
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration: none;
	/*font-weight: bold;*/
	padding: 0 1em .25em 1em;
	color: #2d4e47;
	font-weight: bold;
}


.menushort li a:visited {
	color: #959595;
}/* for visited links, useful to use the opposite color of the active link and desaturate*/
	/* options for visited links are basically limited to text color and background*/

	
.menushort li a:hover {
	background: #b8cbc2;
	height: 2em;
}
.current, a:hover.current, .menushort li:hover a.current  {
	background: #d5d2c3;
	color: #fff;
	cursor: default;
}


/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* For modern browsers */
.cf:before, .cf:after {
	content:"";
	display:table;
}

.cf:after {
	clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}

/* global link styles */
/* this strips out the blue link border that will still appear in older browsers - more current browsers don't have an outline for image links*/


/*a:hover image {
	border: 4px solid #C93;
}/* OPTIONAL:  this will cause the image to shift by 4px in the layout - to avoid this, change the previous css rule to border: 4px white, or even better 4px whatever the background color is.  then hovering over the image won't shift the image.



/* the following pseudoclass selectors function in a cascade - the order in the CSS affects how they behave - the standard order is LVHA - can rearrange, but it will change behavior*/ 
a:link {
	color: #a32d61;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #00796b;
	}/* for visited links, useful to use the opposite color of the active link and desaturate*/
	/* options for visited links are basically limited to text color and background*/
	
/*a:hover {
	color: #2d4e47;
	background: #b8cbc2;
	text-decoration: none;
}*/
a:active {
	/* [disabled]background: #b8cbc2; */
}/*note that focus and active styling may overlap when user selects a link and holds it*/
/*color: #2d4e47;
	background: #b8cbc2;
	text-decoration: underline;Set focus so all the links on a page will be obvious to anyone without a mouse - tabbing through page should show all links*/
/* makes focus, hover, and active states consistent between various browsers and allows additional formatting of these pseudoclasses without conflicts with browser formats*/
a:focus {
	outline: none;
}/*need this for Colorbox to work properly - in Chrome, a blue box will outline the entire image focus area after viewing enlargement.  changing here seem to fix the problem, as changing several rules in Colorbox.css didn't work*/
a:hover, a:active {
	outline: 0;
}


/* ~~  start main navigation bar styles~~ */
#navcontainer ul, li {
	float: left;
	}


#navcontainer li {
	position: relative;
	
}
#navcontainer ul.topmenu {
	width: 100%;
	list-style: none;
	background: #f1efe3;
	border-top: 1px solid #2d4e47;
	border-bottom: 2px solid #2d4e47;
	
}

#navcontainer li a {
	display: block;
	font-size: 0.9em;
	line-height: 2em;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-decoration: none;
	/*font-weight: bold;*/
	padding: .25em 1.25em .25em 1.25em;
	color: #2d4e47;
}

li a:visited {
	color: #8b8078;/*make this a lighter color - for visited links, useful to use the opposite color of the active link and desaturate - options for visited links are basically limited to text color and background*/
}
	
li a:hover, .topmenu li:hover > a {
	background: #b8cbc2;
	height: 2em;
	position: relative;
}
	
.current, a:hover.current, .topmenu li:hover a.current, .footerlinks a:hover.current {
	background: #d5d2c3;
	color: #fff;
	cursor: default;
}
/*dropdown menu styles*/
#navcontainer ul.submenu {
	float: none;
	background: #b8cbc2;
	width: auto;
	height: auto;
	position: absolute;
	/* [disabled]top: 2em; */
	left: -9000em;
	list-style: none;
}
#navcontainer .topmenu li:hover ul {
	left: 0;
}
#navcontainer ul.submenu li {
	float: none;
}
#navcontainer ul.submenu li a {
	border-bottom: 1px solid white;
	/* [disabled]padding: .2em 1em; */
	white-space: nowrap;
}
#navcontainer ul.submenu li:last-child a {
	border-bottom: none;
}
#navcontainer ul.submenu li a:hover {
	background: #d9e4cd;
	height: 2em;	
}
/*these two from internet-may not work*/
#navcontainer.submenu {
  transition: all 0s ease; 
}
#navcontainer li:hover .submenu {
  transition-delay: .3s; 
}

#fixz {
	position:relative;
	z-index:1000;
}


/* breadcrumb nav styles*/
.contentnav {
	font-size: 0.9em;
	font-variant: small-caps;
	color: #555;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 15px;
}
	
/*footer styles*/
footer {
	clear: both;
	height: 140px;
	border-top: 1px solid #2d4e47;
	margin-top: 25px;
}
.copyright {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	color: #2d4e47;
	text-align: left;
	padding-top: 20px;
	padding-left: 35px;
	padding-bottom: 5px;
	line-height: 1.25em;
}
.footerlinks {
	font-size: 1em;
	text-align: left;
	padding-top: 25px;
	float: right;
	padding-right: 40px;
}
.footerlinks a {
	color: #2d4e47;
	font-variant: small-caps;
	color: #2d4e47;
	line-height: 2em;
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration: none;
	font-weight: bold;
	padding: 0 .25em .25em .25em;
}
.footerlinks a:link {
	  color: #2d4e47;
}		
.footerlinks a:hover {
	background: #b8cbc2;
}
		
		

/* Home Page main content styles */

#homeheader {
	color: #2d4e47;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	letter-spacing:0.1em;
	text-align:center;
	font-size: 130%;
	margin-top: 25px;
}

.wrapmain {
	background:#f1efe3; 
	width:700px;
	margin: 40px auto 15px auto;
	border: 2px solid #2d4e47;
	padding-bottom: 25px;
	background-image: url(../Images/Call_bg.jpg);
	background-repeat: no-repeat;
	disabled]line-height: 2em;
	padding-right: 15px;
	padding-top: 15px;
}
.wrapmain h2 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1.2em;
	color: #666666;
	text-align: center;
	margin: 0;
	padding: 0;
	padding-top: 10px;
}
.wrapmain h3 {
	font-size: 1.1em;
	color: #2d4e47;
	/* [disabled]text-align: center; */
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 15px;
	text-align: center;
}
.wrapmain p {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #333333;
	font-size: 0.9em;
	padding: 0 100px 0 25px;
	line-height: 1.2em;
	text-align: justify;
}
.wrapmain img.displayed {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 25px 0 25px 0;
}
.wrapmain a:link {
	color: #a32d61;
	text-decoration: none
	}
.wrapmain a:visited {
	color: #00796b;
	text-decoration: none;
}
.wrapmain a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	/* [disabled]text-decoration: underline; */
	color: #2d4e47;
	background: #b8cbc2;
	text-decoration: underline;
}
#HomeLinks img {
	float: right;

}

/*added for revised Home Page*/
.thumbright {
	float: right;
	margin-top: 35px;
	margin-right: 70px;
	margin-left: 40px;
	}
.thumbleft{
	float: right;
	margin-top: 35px;
	margin-left: 70px;
	margin-right: 40px;
	
	}

.thumbcap {
	float: right;
	width: 320px;
	/*height: 169px;*/
	margin-top: 35px;
	text-align: center;
	border-top: 3px solid;
	border-top-color: #2d4e47;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
.constrain {
	width: 320px;
	text-align: center;
}
.thumbcap p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:  #2d4e47;
	font-size: .9em;
	padding: 5px;
	
}

.right {
	margin: 20px 50px 20px 20px;
}
.left {
	margin: 20px 20px 20px 50px;
}

	
	/* ABOUT group styles */
#about {
	clear: both;
}
#about h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	margin-top: 30px;
	margin-bottom: 15px;
}
#about h2 {
	font-size: 1.3em;
	text-align: center;
}
#about h3 {
	font-size: 1.2em;
	margin-left: 45px;
}
#about h4 {
	font-size: 1em;
	margin-left: 45px;
	}
	
#about img {
	margin: 0;
	padding: 0;
	margin: 30px auto 5px auto;
	display: block; 
}
	
#about ul {
	margin-top: 15px;
}
#about li {
	list-style-type: disc;
	list-style-position: outside;
	}
#aboutgallery {
	clear: both;
}	
#aboutgallery h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	margin-top: 30px;
	margin-bottom: 15px;
}
#aboutgallery h2 {
	font-size: 1.3em;
	text-align: center;
}		
#aboutgallery img {
	margin: 0;
	padding: 0;
	margin: 5px auto 5px auto;
	display: block;
}	

#aboutbklst {
	clear: both;
}
#aboutbklst h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	margin-top: 30px;
	margin-bottom: 15px;
}
#aboutbklst h2 {
	font-size: 1.3em;
	text-align: center;
}
#aboutbklst h3 {
	font-size: 1.2em;
	margin-left: 45px;
}
#aboutbklst h4 {
	font-size: 1em;
	margin-left: 45px;
	}
	
#aboutbklst img {
	margin: 0;
	padding: 0;
	margin: 30px auto 5px auto;
	display: block;
}
	
#aboutbklst ul {
	list-style: none;
	margin-top: 10px;
	padding: 0 70px 0 20px;
	float: none;
}
#aboutbklst ul li {
	/*background-image:url(../images/ListStyle2.gif);
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: bottom;*/
	padding-left: 25px;
	margin-left: 25px;
	float: none;	
	}
	
#aboutlong {	
	clear: both;
	}
#aboutlong h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	margin-top: 30px;
	margin-bottom: 15px;
}
#aboutlong h2 {
	font-size: 1.3em;
	text-align: center;
}
#aboutlong h3 {
	font-size: 1.2em;
	margin-left: 45px;
}
#aboutlong h4 {
	font-size: 1em;
	margin-left: 45px;
	}	
	
.listindent {
	padding: 0 100px 0 80px;
	float: none;
}
.listcircle {
	list-style-position: outside;
	color: #333;
	font-size: 1em; 
	float: none;
}

.boldem {
	font-style: italic;
	font-weight: bold;
}
.subhead {
	font-size: .9em;
	font-weight: bold;
}
.standard {
	margin: 0;
	padding: 0;
	margin-left: 45px;
	margin-right: 75px;
	padding-bottom: 10px;
}
.quote {
	margin-left: 75px;
	margin-right: 125px;
	padding-top: 5px;
	padding-bottom: 15px;
	text-align: justify;
	}
.quote2 {
	margin-left: 75px;
	margin-right: 125px;
	padding-top: 0px;
	padding-bottom: 10px;
	text-align: justify;
	}


	
.indentquote {
	margin: 0;
	padding: 0;
	margin-left: 100px;
	margin-right: 200px;
	text-align: justify;
	padding-bottom: 10px;
}

.stgalintro {
	margin: 0;
	padding: 0;
	text-align: center;
	padding-bottom: 10px;
}

.caption {
	text-align: center;
	font-size: .9em;
	color: #464646;
	padding-bottom: 10px;
}
.bibcolor {
	color: #2d4e47;
	font-size: 1em;
	font-weight: bold;
	}
/*for photo galleries*/
#rotator h2 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-variant: normal;
	font-style: italic;
	font-size: 1.3em;
	color: #2d4e47;
	text-align: center;
}
.boxed {
	font-size: 1.1em;
	color: #2d4e47;
	margin: 10px 10px 10px 10px;
	text-align: center;
	padding: 3px;
	font-weight: normal;
	/* [disabled]font-variant: small-caps; */
	/* [disabled]font-weight: bold; */
	border: 1px solid #2d4e47;
}
.boxedtitle {
	font-variant: none;
	font-style: italic;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	
}
/*end photo gallery styles*/

.contents {
	/*margin: 0;
	padding: 0;*/
	/* [disabled]margin-left: 15px; */
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #464646;
	font-size: 1em;
	padding-bottom: 10px;
}
.contents h3 {
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	
}
.contents ul {
	margin-top: 15px;
}
.contents li {
	list-style-type: circle;
	list-style-position: outside;
}
.listing {
	margin-left: 65px;
	margin-top: 15px;	
}
.listing h3 {
	margin: 0;
	padding: 0;
	font-size: 1.3em;
}
.listing ul {
	margin-top: 15px;
}
.listing li {
	list-style-type: disc;
	list-style-position: outside;
}
#reference {
	line-height: 1.25 em;
	font-color: #333333;
	padding-bottom: 10px;
}
#reference h3 {
	margin: 25px 0 0 45px;
	font-size: .9em;
}


/*
------------duplicate----------------
.listindent {
	
	padding: 0 100px 0 80px;
	float: none;
}
.listcircle {
	list-style-position: outside;
	color: #333;
	font-size: 1em; 
	float: none;
}*/











/*for indented listing of links to sections of same page*/
.pagenav {
	margin: 35px 0 25px 300px;
	line-height: 1.25 em;
	font-size: .95em;
}
.linkcircle {
	list-style-position: outside;
	color: #333;
	font-size: 1em;
	float: none;
	list-style-type: decimal;
}
.linkindent {}

/*end of listing links section*/


	
.contents {
	margin-left: 65px;
	margin-top: 15px;
}
.contents h3 {
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	
}
.contents ul {
	margin-top: 15px;
}
.contents li {
	list-style-type: circle;
	list-style-position: outside;
	}

/*STYLES FOR SETTING UP CONTAINERS FOR IMAGE DISPLAY*/

/* FLOAT RIGHT - see What Is a Florilegium? From the Florilegium articles Historical Surveys*/
.copyrightart {
	color: #993333;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	
}
.thumbsRT {
	margin: 0;
	padding: 0;
	float: right;
	margin: 35px 50px 25px 35px;
	}
.thumbsRT img {
	margin: 0;
	padding: 0;
	margin: 0 auto 0 auto;
	display: block; 
}



.thumbsRTbox {
	float: right;
	width: 320px;
	margin: 15px 40px 15px 30px;
	background-color: #d5d2c3;
	
	border: 1px solid #2d4e47;
	}
.thumbsRTbox p{	
	margin:0;
	padding:0;
	font-size: .95em;
	padding-left: 5px;
	padding-right: 5px;
}
.thumbsRTbox img{	
	margin: 10px auto 5px auto;
	display: block;
}




#containerthumbsRT img {
	margin: 0;
	padding: 0;
	float: right;
	margin: 35px 50px 25px 35px;
}

#containerthumbsRTnoT img {
	margin: 0;
	padding: 0;
	float: right;
	margin: 0px 50px 25px 35px;
}

#containerright {
	float: right;
	width: 305px;
	margin: 15px 40px 15px 30px;
	background-color: #d5d2c3;
	padding: 10px;
	border: 1px solid #2d4e47;
}

#containerright p {
	margin:0;
	padding:0;
	font-size: .95em;
	padding-left: 5px;
	padding-right: 5px;
}
#containerright img {
	margin: 10px auto 5px auto;
}
/*single images floated right - Historical Surveys*/
#containerRwide {
	float: right;
	width: 350px;
	margin: 15px 40px 15px 30px;
	background-color: #d5d2c3;
	padding: 10px;
	border: 1px solid #2d4e47;
}
#containerRwide img {
	margin: 0px auto 10px auto;
}

/*end styles for single floated right image*/



/*style for centering single figure and caption*/
#containercenterone {
	background-color: #d5d2c3;
	margin: 0;
	padding: 0;
	width: 450px;
	text-align: center;
	margin: 10px auto 20px auto;
	border: 1px solid #2d4e47;
	padding-bottom: 10px;
}

#containercenterone p{
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333;
	font-size: .9em;
}

#containercenterone img {
	margin: 0;
	padding: 0;
	margin: 15px auto 15px auto;
}


/*style for centering three images with captions - see Bondante From the Flor*/
#containercenter {
	padding: 0;
	/* [disabled]width:100%; */
	margin-top: 20px;
	margin-left: 120px;
}
#containercenter img {
	/* [disabled]margin: 0; */
	padding: 0;
	margin: 0 auto 0 auto;
}
.gallerycenter {
	padding: 0;
	/* [disabled]width:100%; */
	margin-top: 20px;
	margin-left: 120px;
}

.galleryimg {
	/* [disabled]margin: 0; */
	padding: 0;
	margin: 0 auto 0 auto;
		}
		
.galleryimghide {
	/* [disabled]margin: 0; */
	padding: 0;
	margin: 0 auto 0 auto;
	display: none;
		}		
	
.multiline {
	text-align: center;
	color: #333;
	font-size: .9em;
	padding: 5px;
}
/*end Bondante article*/

/*styles for centering two images with captions - see Accessioning*/
#containercentertwo {
	padding: 0;
	width:100%;
	margin-top: 20px;
	margin-left: 240px;
}
#containercentertwo img {
	margin: 0;
	padding: 0;
	margin: 0 auto 0 auto;
	cursor: pointer;
}
.containerCtwo {
	padding: 0;
	width:100%;
	margin-top: 20px;
	margin-left: 150px;
}

#containercentertwoenl {
	padding: 0;
	width:100%;

	margin-top: 20px;
	margin-left: 225px;
}
#containercentertwoenl img {
	margin: 0;
	padding: 0;
	margin: 0 auto 0 auto;
	cursor: pointer;
}
#containercentertwowide {
	padding: 0;
	width:100%;
	margin-top: 20px;
	margin-right: 100px;
}
#containercentertwowide img{
	margin: 0;
	padding: 0;
	margin: 0 auto 0 auto;
	cursor: pointer;
}
.thumbnailenl {
	background-color: #d5d2c3;
	float: left;
	width: 250px;
	margin: 0;
	padding: 0;
	padding: 5px;
	margin: 0 15px 15px 0;
	border: 1px solid #999;
	}

.thumbnail {
	cursor: default;
	background-color: #d5d2c3;
	float: left;
	width: 225px;
	/*margin: 0;
	padding: 0;*/
	padding: 5px;
	margin: 0 15px 15px 0;
	border: 1px solid #999;
}

.thumbnailwide {
	/* [disabled]margin: 0; */
	padding: 0;
	background-color: #d5d2c3;
	float: left;
	width: 300px;
	padding: 5px;
	margin: 0px 15px 15px 0px;
	border: 1px solid #999;
}

.thumbnailmax {
	margin: 0;
	padding: 0;
	background-color: #d5d2c3;
	float: left;
	width: 400px;
	padding: 5px;
	margin: 0px 15px 15px 0px;
	border: 1px solid #999;
}

.multiline {
	text-align: center;
	color: #333;
	font-size: .9em;
	padding: 5px;
}

#containerwide {
	padding: 0;
	margin-top: 15px;
	margin-left: 175px;
}

.containerwide {
	padding: 0;
	margin-top: 15px;
	margin-left: 175px;
}
.containerwide img {
	margin-left: auto;
	margin-right: auto;
}
.containerwidemax {
	padding: 0;
	margin-top: 15px;
	margin-left: 75px;
}

#containercenterwide img{
	/* [disabled]margin: 0; */
	/* [disabled]padding: 0; */
	/* [disabled]margin: 0 auto 0 auto; */
}


/*end styles for two centered images*/

#containertable {
	background-color: #d5d2c3;
	/* [disabled]margin: 0; */
	padding: 0;
	width:713px;
	margin: 40px auto 40px auto;
	border: 1px solid #2d4e47;	
	}
#containertable img {
	float: right;
	padding: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
#containertable p {
	float: right;
	margin-right: 10px;
	margin-left: 10px;
	font-size: .9em;
}
.floatimage {
	float: right;
	width: 250px;
	text-align: justify
	margin: 0;
	padding: 0;
}


.containerimage {
	float: right;
	width: 305px;
	margin: 10px 15px 15px 15px;
	background-color: #d5d2c3;
	padding: 10px;
	border: 1px solid #2d4e47;
}
.containerimage img {
	display: block;
	margin: 0px auto 0px auto;
}
.containerimage p {
	margin:0;
	padding:0;
	text-align: center;
	font-size: 0.9em;
	padding-left: 5px;
	padding-right: 5px;
}	
.caption {
	text-align: right;
	color: #333333;
	font-size: 0.9em;
}

.enlarge {
		text-align: center;
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-style: italic;
		font-size: 0.9em;
		color: #363636;
	}

/*Table styles*/
table {
	background-color: #d5d2c3;
	font-size: 90%;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #333;
	line-height: 1.25;
	margin-right: auto;
	margin-left: auto;
}

.nobackTable {
	font-size: 90%;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #333;
	line-height: 1.55;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	border: 1px solid #2d4e47;
	padding: 10px 0px 10px 20px;
}

td, th {
	text-align: center;
}
.figCapL {
	font-family: "Palatino Linotype", "Book Antiqua", serif;
	font-size: 1em;
	color: #333;
}

/* ~~  styles for this page*/

.figureR {
	float: right;
	padding-right: 1em;
	padding-left: 1em;
}
.figureL {
	float: left;
}

.leftAlign {
	text-align: left;
}



/*Site Map styles */
#sitemap h2 {
	margin: 0;
	font-size: 1.3em;
	text-align: center;
	color: #2d4e47;
	margin-top: 25px;
}
#maplinks {
	margin-left: 130px;
}
#maplinks ul {
	line-height: 2em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#maplinks li {
	float: none;
	margin: 0;
}
#maplinks ul li {
	background-image: url(../Images/GREENarrowR.gif);
	background-repeat: no-repeat;
	background-position: 0 1em;
	padding-left: 1em;
	color: #2d4e47;
}
#maplinks a {
	/* [disabled]display:block; */
	/* [disabled]width:25em; */
	/* [disabled]padding: 2px 0px 2px 8px; */
	text-decoration:none;
	font-weight:bold;
	color: #2d4e47;
}
#maplinks li a:hover {
	/* [disabled]background-color: none; */
	/* [disabled]color:#fff; */
	text-decoration: underline;
}
#maplinks ul ul {
	margin-left: 25px;
	padding: 0;
	list-style-type: none;
}
#maplinks ul ul li{
	background-image:none;
	font-size: .9em;
}
#maplinks ul ul li a {
	/* [disabled]display: block; */
	/* [disabled]width:40em; */
	/* [disabled]padding: 2px 0px 2px 0px; */
	text-decoration:none;
	color: #a32d61;
	/* [disabled]letter-spacing: 0
.05em; */
	letter-spacing: 1px;
	color: #2d4e47;
}
.mapnolink {
	width:25em;
	padding: 2px 12px 2px 8px;
	font-weight:bold;
	/* [disabled]font-size:1em; */
	/* [disabled]background-image: url(../Images/GREENarrowR.gif); */
	/* [disabled]background-repeat: no-repeat; */
	/* [disabled]background-position: 0 1em; */
	padding-left: 1em;
	}

/* ---------------------------One Column Biblio  Styles  -------------------------*/	
	 #biblio {
	margin-top: 30px;
	}
	#biblio h4 {
	color: #994725;
	font-size: 1 em;
	margin-left: 45px;
	text-align: left;
	}
	#biblio p {
	width: 100;
	text-align: left;
	margin-left: 45px;
	margin-right: 45px;
	font-size: 1em;
	color: #363636;
	}
	 #biblio ul {
	padding:0;
	text-align: left;
	margin-left: 75px;
	list-style-type: square;
	margin-right: 45px;
	}
	#biblio ul li {
	font-size: 1em;
	color: #363636;
	}
/* ---------------------------Footnote  Styles  -------------------------*/		
	
	/*#maincontent a.text {
		text-decoration: none;
		color: #997A00;
		border-bottom:1px dotted #997A00;
	}

	#maincontent a.text:visited {
		text-decoration: none;
		color:#E6B873;
		border-bottom:1px dotted #E6B873;
	}

	#maincontent a.text:hover,
	#maincontent a.text:active {
		text-decoration: none;
		color: #FF9900;
		border-bottom:1px dotted #FF9900;
	}*/	
	
	a.note {
		background-color: #CCCCCC;
		color: #333;
		margin-right: 0.2em;
		padding: .1em .2em .1em .2em;
		text-decoration: none;
		border: none;
		line-height: 0em;
		font-size: smaller;
	}
	a.note:visited {
		background-color: #CCCCCC;
		color: #333;
	}
	a.note:hover,
	a.note:active {
		background-color: #999999;
		color: #333;
	} 
	#footnotes {
		font-size: .94em;
		margin: 0 0 0 1em;
		
	}
	#footnotes p {
		margin-top: .2em;
		padding: 0 3em 0 2em;
		line-height: 130%;
	}
	#footnotes a.note {
		background-color: #CCCCCC;
		font-weight: normal;
		text-decoration: none;
		color: #333;
		padding: .1em .2em .1em .2em;
		margin-right: .2em;
		border: none;
		font-size: smaller;
	}

	#footnotes a.note:visited {
		background-color: #CCCCCC;
	}

	#footnotes a.note:hover,
	#footnotes a.note:active {
		background-color: #999999;
	}
	
/* ---------------------------One Column Definition  Styles  -------------------------*/

	dl.margins-removed {
	/* [disabled]margin: 100; */
	padding: 0;
	text-align: left;
	margin-left: 75px;
	font-size: 1em;
	color: #363636;
	
	}
	.margins-removed dt {
	/* [disabled]margin:  100; */
	padding: 0;
	font-weight: bold;
	}
	.margins-removed dd {
	padding: 0;
	margin-left: 0px;
	margin-right: 150px;
	}


/*miscellaneous float styles*/
.imagefloat1 {
	float: right;
	padding-right: 30px;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 10px;
}




.clearleft {
		clear: left;
	}
	.clearright {
		clear: right;
	}
	.clearboth {
		clear: both;
		line-height: 1px;
	}
	/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	/* [disabled]margin-left: 8px; */
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	/* [disabled]margin-right: 8px; */
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* ~~ FROM OTHER SITE FILES for floating images with captions ~~ */
.floatright {
	float: right;
	/* [disabled]width: 320px; */
	margin: 10px 15px 15px 10px;
	text-align: center;
	background-color: #f4f4d2;
	padding: 10px;
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999;
}
.floatrightnarrow {
	float: right;
	width: 300px;
	margin: 10px 15px 15px 10x;
	text-align: center;
	background-color: #f4f4d2;
	padding: 10px;
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999;
	
}

.singlecenter {
	margin-left: 290px;
	margin-right: 290px;
	margin-bottom: 0px;
	padding: 0px;
	
	
	}
.numending {
	font-variant-numeric: ordinal;
	
}
.readmore {
	font-size: 1em;
	font-style:italic;
	font-weight: bold;
	text-decoration: none;
}
/*(possible rules for delaying hover effect on dropdown menus*/
.submenu {
  transition: all 0s ease; 
}
li:hover .submenu {
  transition-delay: .25s; 
}
.table {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
}

/*for terminology page - from OLEcss*/


	 #pagetitle p {
	font-size: 1.1em;
	/* [disabled]color: #994725; */
	text-align: center;
	margin-left: 150px;
	letter-spacing: 0.1em;
	padding-right: 35px;
	margin-right: 150px;
	 }
	 #alphanav {
	/* [disabled]padding-top: 10px; */
	line-height: 2;
	font-size: 1.1em;
	/* [disabled]width: 100%; */
	text-align: center;
	}
	.index {
	letter-spacing:0.5em;
	/* [disabled]text-align:center; */
	background-color: #d5d2c3;
	}
	/*Definition  Styles  -------------------------*/

	dl.margins-removed {
	/* [disabled]margin: 100; */
	padding: 0;
	text-align: left;
	margin-left: 75px;
	font-size: 1em;
	color: #363636;
	
	}
	.margins-removed dt {
	/* [disabled]margin:  100; */
	padding: 0;
	font-weight: bold;
	}
	.margins-removed dd {
	padding: 0;
	margin-left: 0px;
	margin-right: 150px;
	}
/* ---------------------------index Styles  -------------------------*/

	#alphanav {
		/*padding-top: 10px;*/
		width: 100%;
		line-height: 1.5;
		font-size: 1.1em;
	}
	
	#alphanav a {
	color:##2d4e47;
	/*padding: 2px 12px 2px 8px;*/ 
	text-decoration: none;
	}
	#alphanav a:hover {
		background-color: #c0d679;
		color:#544f1d;
	}	
	.index {
	letter-spacing:0.2em;
	/*text-align:center;*/
	background-color: #a1b9af;
	}
	#indexlist {
	width: 60%;
	float: left;
	}
	 #indexlist ul {
	padding:0;
	list-style-type: none;
	text-align: left;
	color: #2d4e47;
	font-weight: bold;
		 }
	
	#indexlist ul li {
	list-style-type: none;
	background-image: url(images/arrowgray.gif);
	background-repeat: no-repeat;
	background-position: 0.2em;
	padding-left: 2em;
	margin-left: 35px;
	font-size: 1em;
	}

	#indexlist li{
	margin:.3em 0;
	}

	#indexlist a {
	/* [disabled]display:block; */
	color:#2d4e47;
	/* [disabled]padding: 2px 12px 2px 8px; */
	text-decoration:none;
	font-weight: bold;
	}
	#indexlist h4 {
		padding: 0;
		color:#994725;
		font-weight: bold;
		font size: .9em;
		font-variant: small-caps;
		text-align: left;
		margin-left: 50px;
		margin-top: 45px;
		padding-bottom: 5px;
		border-bottom: 1px #994625 solid;
		
		}
	#indexlist p {
		color:#994725;
		font size: .9em;
		margin-left: 50px;
		text-align: left;
		}
		
	
	#indexlist a:hover {
	background-color: #c0d679;
	color:#544f1d;
	}
	.indextext {
	font-size: 1em;
	color: #994725;
	}
	.top {
	text-align:center;
	font-style:italic;
	font-color:#993333;
	font-size:0.9em;
	}






#Pindexcontainer {
	color: #363636;
	margin: 0;
	padding: 0;
	
	}
	
#Pindexcontainer p{
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;	
		font-size: 1.5em;
		letter-spacing: .1em;
		
		margin-left: 300px;
		color: #666;
		}
	
	
	#Pindexcontainer h2 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1.5em;
	font-variant: small-caps;
	text-align: center;
	font-weight: bold;
	margin-top: 25px;
	color: #666;
		}
		
	new for test:	
	#Pindexcontainer h3 {
		font-size:  1em;
		font-style: bold;
		letter-spacing: .1em;
		padding-bottom: 5px;
		}