/* * * * * * * * * * * * * * * * * * * * * * 
 HTML STYLES (See also Form Styles)
* * * * * * * * * * * * * * * * * * * * * */

html, body {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font: 0.75em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #FFFFFF url(../fw/bgGradient.jpg) repeat-x fixed center top;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
	border-width: 0;
	font-size: 1em;
}/* font-size must be reset here or all embedded tables will have increasingly smaller text */
table th,
table td {
	text-align: left;
}
a {
	color: #004330;
}
a:hover {
	text-decoration: none;
}
img {
	border: 0;
}

.specBorder {
	border: 1px solid black;
}

/* NOTE: Set heading properties in individual sections to avoid inheritance issues! */

/* FLMNH branding bar styles  - DO NOT EDIT */
a.flmnh:link{color:#CDDAD6;text-decoration:none;}
a.flmnh:visited{color:#CDDAD6;text-decoration:none;}
a.flmnh:active{color:#CDDAD6;text-decoration:none;}
a.flmnh:hover{color:#fff;text-decoration:underline;}
.flmnhtxt{font: bold 17px arial,helvetica,sans-serif;}
#searchbox{position:absolute;top:2px;right:0;width:140px;z-index:1;}
#top{margin:0;padding:2px 0 0 0;color:#fff;background-color:#004330;height: 25px;}
	


/* * * * * * * * * * * * * * * * * * * * * * 
 FORM STYLES
* * * * * * * * * * * * * * * * * * * * * */

form { 
	margin: 0;
}
input, select, textarea, textbox {
	
	vertical-align: middle;
}
.formField {
	border: 1px solid #CCCCCC;
}

/* * * * * * * * * * * * * * * * * * * * * * 
 MAIN TEMPLATE LAYOUT STYLES 
* * * * * * * * * * * * * * * * * * * * * */

table.mainContainerTable {
	height: 100%;
	margin: 0 auto;
}
table.mainContainerTable td.mainContainerCell {
	width: 970px;
	vertical-align: top;
	padding: 0 6px;
	background: url(../fw/bgShadowTile.png) repeat-y left;
}/* See also ie6Styles.css. Total width should add to 982px. */
div.mainContainerBox {
	width: 970px;
	height: 100%;
	margin: 0 auto;
	background-color: #FFFFFF;
}

/* * * * * * * * * * * * * * * * * * * * * * 
 searchBar STYLES 
* * * * * * * * * * * * * * * * * * * * * 

div.searchBar {
	padding: 5px 20px;
	color: #FFFFFF;
	background-color: #000000;
}
div.searchBar a {
	color: #FFFFFF;
	text-decoration: none;
}
div.searchBar a:hover {
	text-decoration: underline;
}
div.searchBar div.linkBox {
	float: left;
	padding-top: 4px;
}
div.mainSearchBox {
	float: right;
	text-align: right;
}
div.mainSearchBox input.searchInputBox {
	border: 1px solid #333333;
	padding: 3px;
} 
*/

/* * * * * * * * * * * * * * * * * * * * * * 
 mainLogoBox STYLES 
* * * * * * * * * * * * * * * * * * * * * */

div.mainLogoBox {
	padding: 10px 20px;
}
div.mainLogoBox a,
div.mainLogoBox img {
	display: block;
}
div.mainLogoBox a.logoFLMNH_HA {
	padding-top: 10px;
}
div.mainLogoBox a.logoFLMNH {
	float: right;
}

/* * * * * * * * * * * * * * * * * * * * * * 
 topNavBox STYLES 
* * * * * * * * * * * * * * * * * * * * * */

div.topNavBox {
	width: 950px;
	padding: 0 10px;
	color: #004330;
	background-color: #CDDAD6;
}/* Total width should add to 970px. */
div.topNavBox ul {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #CDDAD6;
}
div.topNavBox ul li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
div.topNavBox ul li a {
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	color: #004330;
}
div.topNavBox ul li a:hover {
	color: #FFFFFF;
	background-color: #004330;
}

/* * * * * * * * * * * * * * * * * * * * * * 
 leftNavBox STYLES 
* * * * * * * * * * * * * * * * * * * * * */

div.leftNavBox {
	float: left;
	width: 230px;
	padding: 20px 0 0 20px;
	line-height: 100%;
}
div.leftNavBox div.boxTop {
	padding-top: 8px;
	background: url(../fw/leftNavTop.gif) no-repeat left top;
}
div.leftNavBox div.boxContent {
	border-width: 0 1px;
	border-style: solid;
	border-color: #B3C7C1;
	padding-bottom: 10px;
}
div.leftNavBox div.boxBtm {
	padding-top: 8px;
	background: url(../fw/leftNavBtm.gif) no-repeat left top;
}
div.leftNavBox ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
div.leftNavBox ul li {
	display: block;
	margin: 0;
	padding: 10px 0 0 0;
}
div.leftNavBox ul li li {
	padding: 10px 0 0 0;
}
div.leftNavBox ul li li li {
	padding: 0;
}/* Removing extra padding for third and above level list properties */
div.leftNavBox ul li a {
	display: block;
	padding: 2px 20px;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
div.leftNavBox ul li a:hover {
	color: #FFFFFF;
	background-color: #000000;
}
div.leftNavBox ul li li a {
	color: #004330;
}/* Second level list properties */
div.leftNavBox ul li li a:hover {
	background-color: #004330;
}/* Second level list properties */
div.leftNavBox ul li li li a {
	padding-left: 33px;
	background: url(../fw/leftNavArrow.gif) no-repeat 25px 0.5em;
	font-weight: normal;
}/* Third level list properties */
div.leftNavBox ul li li li a:hover {
	background-image: url(../fw/leftNavArrow_over.gif);
}/* Third level list hover properties */
div.leftNavBox ul li li strong {
	display: block;
	padding: 2px 20px;
	color: #004330;
}/* Styling for non-linked list subheadings */
div.creditsBox {
	margin-top: 10px;
	color: #4D7C6F;
	font-size: 90%;
	font-style: italic;
	line-height: 130%;
}

/* * * * * * * * * * * * * * * * * * * * * * 
 homeContentTable STYLES 
* * * * * * * * * * * * * * * * * * * * * */

div.homePadBox {
	padding: 0 10px;
}
table.homeContentTable {
	line-height: 130%;
}
table.homeContentTable td {
	vertical-align: top;
	padding: 10px;
}
table.homeContentTable td.rightCell {
	padding-right: 0;
}
table.homeContentTable td.mainCollageCell {
	width: 612px;
}
table.homeContentTable td.mainCollageCell p {
	margin: 20px 10px 0 10px;
}
table.homeContentTable td.digitalTypeCollectionsCell {
	width: 296px;
	color: #678F84;
}
table.homeContentTable td.digitalTypeCollectionsCell p {
	margin: 7px 10px 0 10px;
}
table.homeContentTable td.digitalTypeCollectionsCell a {
	color: #678F84;
	text-decoration: none;
}
table.homeContentTable td.digitalTypeCollectionsCell a:hover {
	color: #004330;
}
img.graphicHomeCollage {
	display: block;
	margin-top: 12px;
}
img.graphicDigitalTypeCollections {
	display: block;
}

/* * * * * * * * * * * * * * * * * * * * * * 
 featuredBox STYLES 
* * * * * * * * * * * * * * * * * * * * * */

div.featuredBox {
	width: 296px;
	background: #E6EDEB url(../fw/featuredBoxTop.gif) no-repeat left top;
	color: #004330;
}
div.featuredBox div.boxBtm {
	min-height: 130px;
	padding: 20px 15px 10px 20px;
	background: url(../fw/featuredBoxBtm.gif) no-repeat left bottom;
}/* See also ie6Styles.css. For proper alignment, featuredBox height should be adjusted here and in ie6Styles.css to fit the box with the largest amount of content. */
div.featuredBox img {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #FFFFFF;
}

/* * * * * * * * * * * * * * * * * * * * * * 
 mainContentBox & popupBox STYLES 
* * * * * * * * * * * * * * * * * * * * * */

div.mainContentBox {
	margin-left: 250px;
	line-height: 130%;
	padding: 10px 20px;
	text-align: justify;
}
div.mainContentBoxWider {
	width: 700px;
	margin-left: 0;
}
div.mainContentBoxFull {
	width: 920px;
	margin-left: 0;
}
div.mainContentBox div.sectionNavBox {
	padding-top: 10px;
}
div.popupBox {
	padding: 20px;
}
div.mainContentBox h1,
div.mainContentBox h2,
div.mainContentBox h3,
div.mainContentBox h4,
div.mainContentBox h5,
div.popupBox h1,
div.popupBox h2,
div.popupBox h3,
div.popupBox h4,
div.popupBox h5 {
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: normal;
	text-align: left;
}/* Shared attributes grouped for consistency. */
div.mainContentBox h1,
div.popupBox h1 {
	font-size: 220%;
	color: #004330;
}/* Used for page headings. */
div.mainContentBox h2,
div.popupBox h2 {
	font-size: 220%;
	color: #4D7C6F;
}/* Used for page subheadings. */
div.mainContentBox h2 a {
	color: #4D7C6F;
	padding-right: 15px;
	background: url(../fw/arrowHeadingLink.gif) no-repeat right 50%;
	text-decoration: none;
}
div.mainContentBox h3,
div.popupBox h3 {
	font-size: 160%;
	padding: 5px 10px;
	color: #FFFFFF;
	background-color: #4D7C6F;
}/* Used for section headings */
div.mainContentBox h4,
div.popupBox h4 {
	font-size: 160%;
	color: #4D7C6F;
	border-bottom: 1px solid #4D7C6F;
}/* Used for section headings */
div.mainContentBox h5,
div.popupBox h5 {
	font-size: 160%;
	color: #004330;
}
div.mainContentBox h6,
div.popupBox h6 {
	font-size: 100%;
	color: #004330;
}
div.mainContentBox .errorHeading {
	color: #990000;
}
div.mainContentBox hr,
div.popupBox hr {
	border-width: 0;
	background-color: #000000;
	height: 1px;
	margin: 2em 0;
}
div.mainContentBox li,
div.popupBox li {
	margin-bottom: 0.2em;
}
div.mainContentBox p,
div.popupBox p {
}

/* * * * * * * * * * * * * * * * * * * * * * 
 CONTENT STYLES 
* * * * * * * * * * * * * * * * * * * * * */

table.currentResearchTable td {
	padding: 0 20px 20px 0;
	vertical-align: top;
}
ul.linkedList,
table.currentResearchTable ul {
	list-style: none;
	margin-left: 5px;
	padding-left: 0;
}
ul.linkedList li,
table.currentResearchTable li {
	padding-left: 10px;
	background: url(../fw/listBulletSquare4x4.gif) no-repeat 0 0.5em;
}
table.currentResearchTable h2 {
	margin: 0;
}
table.photoTable, table.photoFree,
table.photoTableRight {
	margin: 0 0 10px 0;
	color: #4D7C6F;
	font-size: 90%;
}/* Shared attributes grouped for consistency. */
table.photoTable {
	width: 1%;
}
table.photoTableRight {
	float: right;
	width: 200px;
	background-color: #FFFFFF;
}
table.photoTable td {
	width: 1%;
	padding: 5px 5px 10px 15px;
	vertical-align: top;
}
table.photoTableRight td {
	padding: 5px 5px 10px 20px;
}
table.photoGridTable {
	width: 1%;
}
}
table.photoFree {
	background-color: #FFFFFF;
}
table.photoGridTable td {
	vertical-align: top;
	padding: 0 20px 20px 0;
}
table.photoFree img,
table.photoTable img,
table.photoTableRight img,
table.photoGridTable img {
	display: block;
	margin-bottom: 5px;
}/* See also "MISC. STYLES" below. */
table.photoFree a.zoomLink,
table.photoTable a.zoomLink,
table.photoTableRight a.zoomLink,
table.photoGridTable a.zoomLink {
	display: block;
	margin-bottom: 2px;
	padding-bottom: 12px;
	background: url(../fw/iconZoom.gif) no-repeat left bottom;
}
table.photoFree a.zoomLink img,
table.photoTable a.zoomLink img,
table.photoTableRight a.zoomLink img,
table.photoGridTable a.zoomLink img {
	margin-bottom: 0;
}
table.staffTable td {
	vertical-align: top;
}
table.staffTable img {
	margin-right: 20px;
}/* See also "MISC. STYLES" below. */
table.pageNavTable {
	width: 100%;
	color: #004330;
	background-color: #4D7C6F;
}
table.pageNavTable a {
	color: #FFFFFF;
}
div.collectionsSearchBox {
	margin: 20px 0 0 0;
	border: 1px solid #4D7C6F;
}
div.collectionsSearchBox h3 {
	margin-top: 0;
}
div.collectionsFormBox {
	padding: 0 10px 20px 10px;
}

/* * * * * * * * * * * * * * * * * * * * * * 
 btmNavBox STYLES 
* * * * * * * * * * * * * * * * * * * * * */

div.btmNavBox {
	clear: both;
	padding: 20px;
	text-align: center;
}
div.btmNavBox a {
	text-decoration: none;
	margin-right: 15px;
	color: #80A198;
}
div.btmNavBox a:hover {
	text-decoration: underline;
}

/* * * * * * * * * * * * * * * * * * * * * * 
 MISC. STYLES 
* * * * * * * * * * * * * * * * * * * * * */

.borderAll,
img.photoRight,
img.photoLeft,
table.photoFree img,
table.photoTable img,
table.photoTableRight img,
table.staffTable img,
table.photoGridTable img { 
	border: 1px solid #4D7C6F;
}/* Used for misc borders. Shared attributes grouped for consistency. */
.noBorder,
table.photoTable img.noBorder,
table.photoTableRight img.noBorder {
	border-width: 0;
}/* Specificity necessary for proper overwriting. */
img.photoRight {
	float: right;
	margin: 0 0 20px 20px;
}
img.photoLeft {
	float: left;
	margin: 0 20px 20px 0;
}
.clear {
	clear: both;
}/* Used to stop floating elements in parent div from breaking boundary of parent div */
.block {
	display: block;
}
.greenText {
	color: #004330;
}