/* -----------------------------------
Site:       OHRM
CSS author: Russ Weakley
Updated:	27/076/10 2:04 PM
Updated by: Russ Weakley

----------------------------------- */

/* -----------------------------------
general
----------------------------------- */

body
{
	margin: 0;
	padding: 0;
	font: 100%/1.4 HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', helvetica, arial, sans-serif;
	color: #333;
	background: #9cba62;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0 0 .5em;
	line-height: 1.1;
	color: #3a4b22;
}

h1 { font-size: 150%; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; margin: 1em 0 .5em; }
p { margin: 0 0 1em; }
img { border: none; }
a:link { color: #17479e; }
a:visited { color: #08296c; }
a:focus { color: #9e005d; }
a:hover { color: #398640; }
a:active { color: #000; }

table
{
	clear: both;
	margin: 1em 0 2em;
	width: 100%;
	border-collapse: collapse;
}

#googleresults table { margin: 0; }
#googleresults td, #googleresults th { border: none; }

tr:nth-child(odd) { background: #fff; }
tr:nth-child(even) { background: #eee; }

td, th
{
	border: 1px solid #ccc;
	/*vertical-align: top;*/
	text-align: left;
	padding: 6px 10px;
}

th { background: #ddd; }
th.width120 { width: 120px; }

blockquote
{
	margin: 1em 0;
	padding: 10px;
	background: #f2f0e4;
}

ul
{
	margin: 0 0 1em;
	padding: 0;
}

ul li
{
	margin: 0 0 .1em;
	padding: 0 0 0 15px;
	list-style-type: none;
	background: url(../images/icon-bullet.gif) no-repeat 0 .5em;
}

.no-bullets li
{
	margin: 0;
	padding: 0;
	background: none;
}

/* -----------------------------------
header
----------------------------------- */

.header-container { background: #9cba62 url(../images/dot-purple.png) repeat-x; }

.header
{
	overflow: hidden;
	width: 980px;
	padding: 35px 0;
	margin: 0 auto;
	background: #bfdb86;
	border-top: 5px solid #cb97c5;
}

.logo h1
{
	float: left;
	width: 500px;
	margin: 0;
	padding: 10px 0 0 40px;
	font-size: 36px;
}

.logo img { display: block; }

.utilities
{
	float: right;
	width: 360px;
	margin: 0 40px 0 0;
	color: #354a1f;
	font-size: 90%;
	text-align: right;
}

.utilities a { margin: 0 0 0 7px; }

.utilities form
{
	float: right;
	width: 290px;
	margin: 2px 0 0;
	padding: 0;
	text-align: right;
	line-height: 1;
}

.utilities label
{
	position: absolute;
	left: -500em;
}

#search-input
{
	float: left;
	margin: 0 7px 0 0;
	padding: 0;
	height: 20px;
	width: 240px;
	border: 1px solid #849078;
}

.go
{
	float: left;
	margin: 0;
	padding: 0;
	height: 22px;
	width: 38px;
}

/* -----------------------------------
skiplinks
----------------------------------- */

#skiplinks a
{
	position: absolute;
	left: -1000px;
	z-index: 2;
	margin: 0;
	padding: 0;
	background: #fff;
}

#skiplinks a:active, #skiplinks a:focus, #skiplinks a:hover
{
	display: inline;
	top: 0;
	left: 0;
	color: #fff;
	background: #9e005d;
}

/* -----------------------------------
navigation
----------------------------------- */

.navigation-container
{
	clear: left;
	background: #e4a45d url(../images/dot-pink.png) repeat-x;
}

.navigation
{
	margin: 0 auto;
	overflow: auto;
	width: 980px;
	background: #fcba63;
	border-top: 5px solid #ef59a0;
}

.navigation ul
{
	margin: 0 0 0 40px;
	padding: 0;
}

.navigation ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

.navigation ul li a
{
	float: left;
	padding: 5px 25px 10px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	border-top: 5px solid #fcba63;
}

.navigation ul li a:focus
{
	color: #fff;
	background: #9e005d;
	outline: none;
}

.navigation ul li a:hover
{
	color: #fff;
	background: #398640;
}

.navigation ul li a:active
{
	color: #fff;
	background: #000;
}

#home ul li#nav-home a,
#about ul li#nav-about a,
#browse-additional ul li#nav-browse a,
.browseDobject ul li#nav-images a,
#resources ul li#nav-resources a
{
	color: #000;
	background: #fff;
}

#home ul li#nav-home a:focus,
#about ul li#nav-about a:focus,
#browse-additional ul li#nav-browse a:focus,
.browseDobject ul li#nav-images a:focus,
#resources ul li#nav-resources a:focus
{
	color: #fff;
	background: #9e005d;
}

#home ul li#nav-home a:hover,
#about ul li#nav-about a:hover,
#browse-additional ul li#nav-browse a:hover,
#resources ul li#nav-resources a:hover
{
	color: #fff;
	background: #398640;
}

#home ul li#nav-home a:active,
#about ul li#nav-about a:active,
#browse-additional ul li#nav-browse a:active,
#resources ul li#nav-resources a:active
{
	color: #fff;
	background: #000;
}

/* -----------------------------------
content
----------------------------------- */

#content-container
{
	clear: left;
	overflow: auto;
	background: #f3f3f5;
}

.content
{
	overflow: auto;
	margin: 0 auto;
	padding: 35px 40px;
	width: 900px;
	background: #fff;
}

/* -----------------------------------
home-container
----------------------------------- */

.home-container
{
	padding: 0 320px 0 0;
	background: url(../images/home-container-back.png) no-repeat 100% 80%;
}

.home-container li { margin: 0 0 .2em; }
.home-container a { font-weight: bold; }

/* -----------------------------------
footer
----------------------------------- */

.footer-container
{
	clear: both;
	background: #9cba62 url(../images/dot-purple.png) repeat-x;
}

.footer
{
	width: 900px;
	margin: 0 auto;
	padding: 20px 40px;
	background: #bfdb86;
	border-top: 5px solid #cb97c5;
	font-size: 14px;
	text-align: right;
}

.footer ul li
{
	margin: 0 0 0 1em;
	display: inline;
	list-style-type: none;
	background: none;
}

.cc
{
	margin: 15px 0 0;
	padding: 5px 130px 5px 0;
	line-height: 1.2;
	background: url(../images/cc.png) no-repeat 100% 0;
}

/* -----------------------------------
classes
----------------------------------- */

.structural
{
	position: absolute;
	left: -500em;
	color: #000;
	background: #fff;
}

.imagefloat
{
	float: right;
	margin: 0 0 16px 16px;
	padding: 2px;
	border: 1px solid #d2cba1;
}

.more a
{
	padding: 0 0 0 10px;
	background: url(../images/icon-more.gif) no-repeat 0 50%;
}

.extlink
{
	background: url("../images/external-link.gif") no-repeat right top;
	margin: 0;
	padding: 0 15px 0 0;
	word-wrap: break-word;
}

.image-caption
{
	padding: 20px 0 0 20px;
	background: #fff;
	font-size: 90%;
	line-height: 1.2;
}

#dobject .image-caption
{
	float: right;
	width: 260px;
	padding: 0 0 20px 20px;
}

.image-caption li
{
	padding: 0;
	background: none;
}

#extras .image-caption p,
#main .image-caption p
{
	clear: left;
	padding: 10px 0 0;
}

#dobject .image-caption p
{
	position: absolute;
	left: -500em;
	color: #000;
	background: #fff;
}

.image-caption img
{
	padding: 2px;
	border: 1px solid #d2cba1;
}

dl.content-summary
{
	margin: 0 0 1em;
	padding: 0;
}

dl.content-summary dt
{
	clear: left;
	float: left;
	width: 130px;
	margin: 0;
	padding: .4em 0 0;
	font-weight: bold;
}

dl.content-summary dd
{
	margin: 0 0 0 160px;
	padding: .4em 0 0;
}

#entity dl.content-summary
{
	overflow: auto;
	width: 100%;
	margin: 0 0 1em;
	padding: 0;
}

#entity dl.content-summary dt
{
	clear: left;
	float: left;
	width: 160px;
	margin: 0;
	padding: .4em 0 0;
	font-weight: bold;
}

ul.entitynames li
{ 
  background: none;
	padding: 0;
}

dl.entityevent
{
	float: none;
	width: 100%;
	margin-bottom: 1em;
	font-size: 90%;
}

dl.entityevent dt
{
	font-weight: bold;
	width: 10em;
	clear: left;
	float: left;
	margin: 0;
	padding: 0.7em 0 0;
}

dl.entityevent dd
{
	margin-left: 11em;
	padding: 0.7em 0 0 0;
}

a.details
{
	padding: 0 0 0 10px;
	background: url(../images/icon-more.gif) no-repeat 0 50%;
}

#main p.sources
{
	margin: 2em 0;
	padding: 1em;
	background: #eee;
	font-size: 90%;
}

.sources span { font-weight: bold; }

#extras ul.alphabet-list li
{
	display: inline;
	margin: 0 .5em 0 0;
	padding: 0;
	background: none;
}

#browse #main-wide ul.alphabet-list,
#repository #main-wide ul.alphabet-list
{
	float: left;
	width: 100%;
	padding: 1em 0 2em;
}

#browse #main-wide ul.alphabet-list li,
#repository #main-wide ul.alphabet-list li
{
	display: inline;
	margin: 0;
	padding: 0;
	background: none;
}

#browse #main-wide ul.alphabet-list li a,
#repository #main-wide ul.alphabet-list li a
{
	float: left;
	margin: 0 5px 0 0;
	padding: 1px 4px;
	background: #eee;
	border: 1px solid #bbb;
	text-decoration: none;
}

#browse #main-wide ul.alphabet-list li a:hover,
#repository #main-wide ul.alphabet-list li a:hover
{
	border: 1px solid red;
	color: #fff;
	background: red;
}

#browse #main-wide ul.alphabet-list li a.current,
#repository #main-wide ul.alphabet-list li a.current
{
	border: 1px solid #000;
	color: #fff;
	background: #000;
	font-weight: bold;
}

.browse-results { clear: left; }

#browse .browse-title
{
	position: absolute;
	left: -500em;
}

.functionlist dl { padding: 0 0 1em; }

.functionlist dt
{
	font-size: 160%;
	font-weight: bold;
	color: #000;
	line-height: 1.1;
	padding: 0 0 5px 0;
}

.functionlist dd
{
	margin: 0 0 0.1em;
	padding: 0 0 0 16px;
	background: url(../images/icon-bullet.gif) no-repeat 0 .3em;
}

.functionlist dd.groupdesc
{
	background: none;
	padding: 0 0 0 20px;
	font-size: 90%;
}

.browseEntitybyFunction #main-wide p
{
	position: absolute;
	left: -500em;
}

#google { border: none; }
#google-go { margin-top: 5px; }

#repository .browse-title
{
	position: absolute;
	left: -500em;
}

ul.search-entity-resources
{
	margin: 0;
	padding: 0;
}

ul.search-entity-resources li
{
	margin: 0;
	padding: 0 0 5px 0;
	list-style-type: none;
	font-size: 75%;
	font-weight: bold;
	background: none;
}

ul.search-entity-resources li img { vertical-align: middle; }

h3#contact { margin-top: 50px; }
#about blockquote { background: #e1c5de; }

/* -----------------------------------
module
----------------------------------- */

.module
{
	clear: left;
	padding: 15px 0;
	border-top: 1px solid #999;
}

.module img
{
	float: left;
	border: 2px solid #ccc;
}

.module p { margin: 0 0 .5em; }
.module dd.instructions { font-size: 90%; }

/* --- module-notop --- */
.notop { padding: 0 0 15px; }

#browse .module, #browse .notop,
#repository .module, #repository .notop
{
	clear: none;
	padding: 0;
	border-top: none;
}

/* --- module-acknowledgements --- */
.module-acknowledgements
{
	clear: left;
	padding: 20px 0;
	border-bottom: 1px solid #999;
}

/* --- homecol1 module --- */
#homecol1 .module ul
{
	margin: 1em 0 0 170px;
	padding: 0;
}

/* --- homecol1 welcome --- */
#homecol1 .welcome ul
{
	margin: 1em 0 0 20px;
	padding: 0;
	font-weight: bold;
}

#homecol1 .welcome ul li { background: url(../images/icon-welcome.gif) no-repeat 0 50%; }

#homecol1 ul li.more
{
	padding: 0;
	background: none;
}

/* --- module-prepared --- */
.prepared
{
	border-bottom: none;
	font-size: 90%;
}

.prepared p.prepared { text-transform: uppercase; }

/* --- module-skip --- */
.module-skip { padding: 15px 0 0; }
#main .module-skip li { background: url(../images/icon-skip.gif) no-repeat 0 .3em; }

/* --- homecol2 module --- */
#homecol2 .module h4
{
	font-size: 100%;
	font-weight: bold;
	font-family: helvetica, arial, sans-serif;
}

/* --- module-search --- */
.module-search
{
	float: left;
	width: 630px;
	clear: left;
	padding: 20px 0;
	border-bottom: 1px solid #999;
}

.module-search h2
{
	float: left;
	width: 150px;
	margin: 0 20px 0 0;
}

.module-search form
{
	float: left;
	width: 450px;
	margin: 0;
	padding: 0;
}

.module-search label
{
	position: absolute;
	left: -500em;
}

.module-search #home-search-input
{
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	height: 20px;
	width: 300px;
	border: 1px solid #999;
}

.module-search #home-go
{
	float: left;
	margin: 0;
	padding: 0;
	height: 22px;
	width: 38px;
}

.module-search #home-search-instructions
{
	clear: left;
	font-size: 90%;
	padding: 3px 0 0;
}

.module-search #home-search-instructions a { margin-left: 20px; }
.module-search p { margin: 5px 0 0; }

/* --- module-explore --- */
.module-explore
{
	float: left;
	width: 630px;
	clear: left;
	padding: 20px 0;
	border-bottom: 1px solid #999;
}

.module-explore h2
{
	float: left;
	width: 150px;
	margin: 0 20px 0 0;
}

.module-explore p
{
	float: left;
	width: 300px;
	margin: 0 10px 0 0;
	padding: 0;
}

/* --- module-exhibition --- */
.module-exhibition
{
	float: left;
	width: 630px;
	clear: left;
	padding: 20px 0;
	border-bottom: 1px solid #999;
}

.module-exhibition h2
{
	float: left;
	width: 150px;
	margin: 0 20px 0 0;
}

.module-exhibition p
{
	float: left;
	width: 450px;
	margin: 0 0 5px;
	padding: 0;
}

.module-exhibition p img
{
	float: left;
	width: 70px;
	margin: 0 15px 0 0;
	padding: 2px;
	border: 1px solid #999;
}

.module-exhibition div
{
	float: left;
	width: 250px;
	margin: 0 0 0 170px;
	padding: 0;
}

/* --- module-digital --- */
.module-digital
{
	float: left;
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid #999;
}

.entry-digital-item
{
	float: left;
	width: 100%;
	clear: left;
	padding: 0 0 2em;
}

.entry-digital-item img
{
	float: left;
	padding: 2px;
	border: 1px solid #d2cba1;
	width: 120px;
}

.entry-digital-item dl
{
	margin: 0 0 0 140px;
	padding: 0;
}

.entry-digital-item dt
{
	float: left;
	width: 6em;
	font-weight: bold;
}

.entry-digital-item dd { margin: 0 0 0 6em; }
.entry-digital-item p { margin: 1em 0 1em 140px; }

.entry-digital-gallery
{
	float: left;
	width: 140px;
	padding: 0 0 10px;
}

.entry-digital-gallery p { margin: 0; }

/* -----------------------------------
extras
----------------------------------- */

#extras
{
	float: left;
	width: 160px;
	padding: 0 0 20px;
	font-size: 90%;
}

#extras .module { padding-top: 0; border: 0; }

/* -----------------------------------
main
----------------------------------- */

#main
{
	float: right;
	width: 700px;
	padding: 0 0 20px;
}

#main h1 span
{
	display: block;
	padding: 0 0 .4em;
	color: #555;
	font-size: 60%;
	font-weight: normal;
	text-transform: uppercase;
}

#main .module ul { margin: 0 0 1em; }

#content .narrow
{
	float: left;
	width: 500px;
	margin: 0 0 0 35px;
	padding: 0 0 20px;
}

/* -----------------------------------
main
----------------------------------- */

#add
{
	float: right;
	width: 160px;
	margin: 0 20px 0 0;
	padding: 0 0 20px;
	font-size: 85%;
	line-height: 1.2;
}

#add ul
{
	margin: 0;
	padding: 0;
}

#add ul li
{
	margin: 0;
	padding: 0;
	background: none;
}

#add img
{
	padding: 2px;
	border: 1px solid #d2cba1;
}

/* -----------------------------------
main-wide
----------------------------------- */

#main-wide { overflow: hidden; }

#browse #main-wide,
#browse-additional #main-wide,
#resources #main-wide
{
  margin-left: 200px;
}

#in-page-navigation
{
	margin: 0;
	padding: 0;
}

#in-page-navigation li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

#in-page-navigation li a
{
	display: block;
	padding: 1px 6px;
	float: left;
	color: #fff;
	background: #8d4314;
	margin: 0 1px 0 0;
}

#in-page-navigation li.current a { background: #6b3a0e; }

#in-page-navigation li a:focus
{
	color: #fff;
	background: #000;
}

#in-page-navigation li a:hover
{
	background: #566313;
	color: #fff;
}

#in-page-navigation li a:active
{
	color: #cc0000;
	background: #fff;
}

ul.pagination
{
	clear: left;
	margin: 0;
	padding: 10px 0;
	text-align: right;
	font-size: 90%;
	border-top: 1px solid #8d4314;
}

ul.pagination li
{
	display: inline;
	margin: 0 0 0 5px;
	padding: 0;
	list-style-type: none;
	background: none;
}

#results
{
	clear: left;
	margin: 0 0 1em;
	padding: 0;
}

#results li
{
	/*background: #f2f0e4;*/
	list-style-type: none;
	padding: 5px 10px;
}

#results li:hover { background: #ddd; }
#results li.odd { background: #fff; }
#results li.odd:hover { background: #ddd; }

#results .details
{
	font-size: 90%;
	text-transform: uppercase;
	background: none;
}

#advanced-search
{
	clear: left;
	margin: 0;
	padding: 15px 0;
	border-top: 1px solid #8d4314;
}

#advanced-search div
{
	clear: left;
	padding: 15px 0 0;
}

#advanced-search div span
{
	float: left;
	margin-right: 5px;
}

#advanced-search label.main
{
	float: left;
	width: 180px;
	margin: 0 20px 0 0;
	padding: 0;
	text-align: right;
	font-weight: bold;
}

#advanced-search input.input-wide
{
	float: left;
	width: 220px;
	margin: 0 5px 0 0;
	padding: 0;
	height: 22px;
	border: 1px solid #d3cba4;
}

#advanced-search input.input-narrow
{
	float: left;
	width: 80px;
	margin: 0 5px 0 0;
	padding: 0;
	height: 22px;
	border: 1px solid #d3cba4;
}

#advanced-search select.select-wide { width: 220px; }

#advanced-search ul
{
	float: left;
	width: 500px;
	margin: 0;
	padding: 0;
}

#advanced-search ul li
{
	list-style-type: none;
	background: none;
	padding: 0 0 5px;
}

.advanced-search-button
{
	/*margin-left: 200px;
	width: 400px;*/
	clear: both;
	padding: 40px 0 0;
	width: 500px;
}

#reset { }
#Search-advanced { margin: 0 0 0 133px; }
#advanced-search .details { text-transform: uppercase; }

/* -----------------------------------
browse
----------------------------------- */

#browse-additional .browse-options
{
	padding: 10px;
	margin-bottom: 10px;
	background: #eee;
	float: left;
	width: 650px;
	border-bottom: 2px solid #fff;
}

#browse-additional .browse-options p
{
	float: left;
	width: 200px;
	margin: 0;
	font-weight: bold;
	color: #334E57;
}

#browse-additional .browse-options ul
{
	float: right;
	width: 420px;
	margin: 0;
	padding: 0;
}

#browse-additional .browse-options ul li
{
	margin: 0 3px 0 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	background: none;
}

#browse-additional .browse-options ul li a
{
	text-decoration: none;
	/*text-transform: uppercase;*/
	font-weight: bold;
}

#browse-additional .functionlist p
{
	position: absolute;
	left: -500em;
}

#browse-additional .browse-exhibitions img { border: 1px solid #b7bfc2; }

/* 
-----------------------------------
sortmenu
-----------------------------------
*/

dl.sortmenu
{
	margin: 0 0 1em 0;
	padding: 0;
	clear: left;
}

.sortmenu dt
{
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	font-weight: bold;
}

.sortmenu dd
{
	display: inline;
	margin: 0 5px;
	padding: 0;
}

/* 
-----------------------------------
#contactform
-----------------------------------
*/

form#contactform
{
	margin: 1em 0 3em 0;
	padding: 0;
}

form#contactform div
{
	clear: left;
	margin: 0;
	padding: 0.5em 0 0;
}

form#contactform label
{
	float: left;
	margin: 0 10px 0 0;
	text-align: right;
	width: 95px;
}

form#contactform input,
form#contactform textarea
{
	font-size: 110%;
	line-height: 1.1;
}

form#contactform div input
{
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	border: 1px solid #a9bcb6;
	height: 20px;
	width: 280px;
}

form#contactform textarea
{
	float: left;
	margin: 0;
	padding: 0;
	border: 1px solid #a9bcb6;
	width: 280px;
}

form#contactform .reqtxt
{
	color: #666;
	float: left;
	font-size: 80%;
	text-transform: uppercase;
	width: 80px;
}

form#contactform p
{
	clear: left;
	margin: 0 0 0 105px;
	padding: 20px 0 0;
	width: 200px;
}

#contact p { clear: left; }

/* 
-----------------------------------
imageviewer
-----------------------------------
*/

#imageviewer { background: #fff; }

#imageviewer p#close
{
	text-align: right;
	padding: 1em 1em 1em 0;
	border-bottom: 1px solid silver;
}

#imageviewer dl.dolist
{
	float: left;
	width: 100%;
	margin-left: 2em;
	padding: 0;
	border-top: none;
	font-size: 85%;
}

#imageviewer .dotitle { font-weight: bold; }

#imageviewer .dolist dt
{
	width: 5em;
	float: left;
	margin: 0;
	font-style: italic;
}

#imageviewer .dolist dd
{
	margin-left: 6em;
	min-height: 0;
}

#imageviewer #image, #imageviewer-paged #image { text-align: center; }

#imageviewer #image p, #imageviewer-paged #image p
{
	font-size: 75%;
	margin: 1em 25% 0 25%;
}

#imageviewer-paged #navigation
{
	text-align: left;
	width: 100%;
	border-bottom: 1px solid silver;
	padding-bottom: 5px;
}

#imageviewer-paged .clear { clear: both; }

#imageviewer-paged #formblock1
{
	float: left;
	width: 70px;
}

#imageviewer-paged #formblock2
{
	float: left;
	margin-left: 75px;
	margin-top: 10px;
}

#imageviewer-paged div#close
{
	float: right;
	padding: 1em 1em 0 0;
}

#imageviewer #image img
{
  width: 100%;
}