
/* 911 digital archive - base styles */
/* last modified - rikk mulligan  */
/* last modified - 15 June 2005  */
body {
padding: 0;
margin: 0 0 2em 2em;
font-size: 0.75em;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #006;
text-align: left;
background-color: #323232;
background-image: url(../imgs/bg.jpg);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
/* content baseline styles */
h1, h2, h3, h4, h5 {
font-weight: bold;
font-family: Palantino, Georgia, "Times New Roman", Times, serif;
color: #491e31;
}
p, li, td, h5 {
font-size: 1em;
}
h1 {
font-size:1.60em;
}
h2 {
font-size:1.450em;
}
h3 {
font-size: 1.315em;
}
h4 {
font-size: 1.165em;
}
/* default link styles */
a {
font-weight: bold;
text-decoration:none;
}
a:link {
color: #491e31;
}
a:visited {
color: #491e31;
}
a:hover, a:active {
color: #CC3333;
text-decoration: underline;
}
em {
color: #660000;
}
/* end baseline styles */
/* banner styles */
#banner, #banner2 {
color: #333;
background-color: #fff;
height: 80px;
}
#banner img {
margin: 2px;
}
#banner, #banner2 {
color: #333;
background-color: #fff;
}
/* styles for banner search block, login block, */
#bannersearch {
float: right;
width: 260px;
height: 20px;
font-size: 0.843em;
color: #333;
text-align: right;
}
div#login {
width: 180px;
margin: 8px 0 8px 8px;
padding: 0;
color: #333;
}
div#login form, div#login form input.textarea {
font-size: 0.843em;
}
#login div.row div.left {
float: left;
width: 50px;
text-align: right;
margin: 8px 0px 4px 4px;
}
#login div.row div.right {
margin: 4px 4px 4px 66px;
text-align: left;
}
div#path {
margin: 8px;
}
div#stats {
margin:8px;
}
div#contribute_buttons {
	margin: 0 0 75px 0;
}
.center {
text-align: center;
}
#searchresults {
font-size: 0.843em;
color: #333;
text-align: right;
margin: 6px 10px 6px 0;
}
/* the h2 is used for the search title to make it more accessible */
form#search, form#loginform {
margin: 0;
}
#bannersearch strong, #searchresults strong {
font-size: 1.0em;
color: #600;
font-weight: bold;
}
#bannersearch p, #searchresults p, #login p {
margin: 0;
padding: 2px;
}
#search textarea, #search input, #search select {
font-size: 0.843em;
}
#search input.button {
color: #600;
background-color: #f0f0f0;
font-weight: bold;
}
input.sub {
background-color: #333366;
text-transform: uppercase;
color: white;
font-size: 10px;
height: 2.5em;
margin: 3em 0 3em 0;
}
#loginform input {
color: #600;
background-color: #f0f0f0;
font-weight: normal;
margin: 2px;
}
#search input:focus, #login input:focus {
background-color: #f0f0f0;
color: #600;
}
/* end of form styles */
/* navigation blocks - styled as lateral link-sets */
/* global nav - global links for site sections */
#globalnav {
margin: 0;
font-size: 0.843em;
font-weight: bold;
background-color: #f0f0f0;
}
#globalnav li {
text-align: left;
list-style-type: none;
margin: 0;
}
#globalnav a:link, #globalnav a:visited {
color: #fff;
text-decoration: none;
}
#globalnav a:hover, #globalnav a:active {
color: #8e6472;
background-color: #f0f0f0;
}
#globalnav a.on:link, #globalnav a.on:visited {
color: #491e31;
background-color: #e5eaee;
text-decoration: none;
margin-bottom: 0;
}
#globalnav a.on:hover, #globalnav a.on:active {
color: #8e6472;
background-color: #e5eaee;
}
/* second row of navigation - relative navigation */
/* relnav - relative navigation for the specific section */
#relnav {
width: 100%;
margin: 0;
padding: 2px 0 2px 0;
font-size: 0.843em;
font-weight: bold;
background-color: #fff;
border-bottom: 1px solid #600;
margin-bottom: 10px;
}
#relnav li {
display: inline;
list-style-type: none;
padding-top: 4px;
padding-right: 14px;
padding-bottom: 0px;
padding-left: 14px;
margin: 0;
}
#relnav li a {
padding: 1px 2px 1px 2px;
}
#relnav a:link, #relnav a:visited {
color: #600;
background-color: transparent;
text-decoration: none;
}
#relnav a:hover, #relnav a:active {
color: #993366;
background-color: #fff;
}


#mainshell {
	
}
#mainhome {
}
/* container may be optional - works as a shell within the shell */
#container {

position: absolute;

margin: 0 0 2em 2em;
}
/* home page styles */
/* left column for 3 column layout home */
div#lefthome{
float: left;
width: 375px;
margin: 0;
padding: 0;
}
div#galleryLeft {
float: left;
width: 285px;
margin: 0;
padding: 0;
}
div#righthome {
margin-left: 392px;
}
div#galleryRight {
float: left;
width: 285px;
margin: 0;
padding: 0;
}
div#galleryRight* {
padding: 0;
margin: 0;
}
div#galleryRight a, div#galleryLeft a {
font-weight: normal;
}
/* left column for main 2 column layout; used for relative links */
#leftcol {
float: left;
width: 200px;
margin: 0;
padding: 0;
}
/* rightmain - main content container for 2 column layout */
#rightmain {
margin: 0 1em 0 200px;
padding: 0;
}

/* search styles */
#searchmain {
margin-right: 40px;
margin-left: 40px;
padding: 1em 1em 2em 1em;
border: none;
text-align: left;
}
#searchmain h3 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.183em;
color: #600;
margin-top: 0;
}
div.searchset {
border: 1px solid #600;
background-color: #f0f0f0;
color: #333;
padding: 1em;
margin: 1em;
clear: both;
}
div.searchset h4 {margin-top: 0;
}
/* clear used to make sure columns match on bottom */
#clear, .clear {
clear: both;
font-size: 2px;
line-height: 2px;
margin: 0;
padding: 0;
}
.clearright {
clear: right;
font-size: 2px;
line-height: 2px;
margin: 0;
padding: 0;
}
/* in any layout, the content holds the text and images, additional sub-blocks */
#content {
line-height: 140%;
margin: 0;
}
/* revision of content, especially for 2 column layout */
div.content {
	line-height: 140%;
	margin: 1em;
}
.floatright {
float: right;
margin: 0 0 10px 10px;
padding: 1px;
}
.floatleft {
float: left;
margin: 0 15px 15px 0;
} 
/* sidebar class for both left and right columns */
div.sidebar {
margin: 1em .5em 1em .5em;
padding: 0;
}
div.sidebar h2 {
font-size: 1.243em;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-bottom: .67em;
}
div.sidebar h3 {
font-size: 1.186em;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 0;
}
div.sidebar h4 {
font-size: .966em;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: .5em .67em 0em .67em;
}
div.sidebar h5 {
font-size: .843em;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0em .67em 0em .67em;
}
div.sidebar p {
font-size: 0.843em;
margin: .67em .67em 2em .67em;
padding: 0;
text-indent: 0;
line-height: 1.3em;
}
div.sidebar em {
font-weight: bold;
color: #6699CC;
font-style:italic;
}
div.sidebar ul {
margin: .67em .67em 1.243em 1em;
padding: 0 0 .5em 0;
}
div.sidebar li {
font-size: 0.843em;
list-style-type: none;
}
div.sidebar li a:link {
color: #000099;
background-color: transparent;
text-decoration: none;
}
div.sidebar li a:visited {
color:#333399;
background-color: transparent;
text-decoration: none;
}
div.sidebar li a:hover, div.sidebar li a:active {
color: #fff;
background-color: #666666;
}
p.updated {
font-size: 0.843em;
margin: 2em 0 2em 0;
}
/* styles for search fields, repository input fields */
.row {
clear: both;
text-align: left;
}
div.row div.label {
float: left;
width: 140px;
text-align: right;
font-weight:bold;
}
div.label p, div.label p label {
margin: 0;
}
div.row div.entry {
margin-left: 160px;
}
div.row p.info {
float: right;
width: 300px;
text-align: left;
padding: 0;
}
div.searchset p p {
margin-top: 0;
}
/* end of search styles */
/* repository styles */
div#controls, div#directory {
margin: .5em 1em .5em 1em;
padding: .5em 1em .5em 1em;
background-color: #f0f0f0;
font-size: 0.925em;
clear: right;
}
div#controls {
text-align:center;
}
div#controls input {
font-size: .925em;
text-align: center;
background-color: #ccc;
margin: 0;
padding: 0;
}
div#controls form {
padding: 2px;
}
div#controls p, div#controls form p, div#metadata p {
margin: 2px;
}
div#metadata img.feature {
	float: right; 
	margin-left: 4px; 
}
div#collections, div#objects {
margin: 8px;
}
div.item {
float: left;
width: 100px;
margin: 4px 8px 4px 8px;
padding: 4px;
background-color: #ccc;
}
div.item p {
font-family:"Courier New", Courier, mono;
font-size: 0.843em;
color: #000;
margin: 4px;
text-align: center;
}
h3.browse {
	margin-bottom: .5em;
}
ul.browse {
list-style-position: inside;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
ul.browse li {
	margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
	font-size: .915em;
}
/* first phase */
ul#repository {
margin: 1em;
padding: 0;
clear: none;
}
ul#repository li {
padding-left: 12px;
margin: 8px;
}
ul#repository li.collection {
list-style-image:url(/imgs/collection.gif);
list-style-position: outside;
}
ul#repository li.object {
list-style-image:url(/imgs/object.gif);
list-style-position: outside;
}
ul#repository li.contributor {
list-style-image:url(/imgs/contributor.gif);
list-style-position: outside;
}
ul#repository li a {
color: #600;
text-decoration: none;
}
ul#repository li a:hover {
color: #39f;
text-decoration: underline;
}
/* pagination used in repository and search result pages */
div.pagination {
clear: both;
font-size: 0.843em;
margin: 8px;
text-align: center;
}
div.metalink {
clear: none;
font-size: 0.843em;
margin: 8px;
text-align: center;
}
/* for inputs and such */
.box {
background-color: #fff;
border: 1px solid #69f;
}
/* footer styles */
/* footer block holds chnm logo, copyright and legal info, auxiliary links */
#footer {
clear:both;
padding: 0;
background-color: transparent; 
}
#footer p {
font-size: 0.843em;
padding: 0 4px 0 4px;
margin: 4px 0;
background-color: transparent;
}
