body {
    margin:         0px;
    padding:        0px;
    font-family:    "georgia", "times", "times new roman", serif;
    color:          #222;
    background-color: #fffff;
    font-size:      10pt;
    quotes:         "\201C" "\201E" "\2018" "\2019";
}
table {
    font-size: 100%;
}
td {
    vertical-align: top;
}

#frame {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}

#frame tr {
    vertical-align: top;
}
            
#content {
    width: 85%;
    padding: 1em;
    background-color: #F4F0EA;
}

#content h1 {
    color: #523015;
    border-bottom: 1px solid #cc0000;
}

#sidebar {
    width: 12%;
    white-space: nowrap;
    background-color: #fffff;
    background-position: bottom right;
    background-repeat: no-repeat;
    border-left: 1px solid #ccc;
    padding: 1em;
}

#view-panel {
    margin-top: 3em;
}

#view-panel table {
    border-spacing: 0px;
    border-collapse: collapse;
}

#view-panel h1 {
    border: none;
    font-size: 80%;
}

#view-panel h1 {
    border: none;
    background: none;
    padding: 0;
    margin: 1em 0;
}
h1 {
font-size: 16px;
color: #523015;
font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
} 

#view-panel h2 {
    border: none;
    background: none;
    padding: 0;
    margin: 0.5em;
}

.item {
    border: 1px solid #aaa;
    padding: 0.3em;
}

div.thumbnail {
    border:     1px solid #aaa;
    padding:    1em;
    margin:     1em;
    width:      100px;
    height:     130px;
    text-align: left;
}

div.map-lens {
    width:      200px;
    height:     100px;
    text-align: left;
}

div.thumbnail div {
    height:     100px;
    overflow:   hidden;
}        

div.exhibit-facet-body {
    background-color: #E3E6EC;
    border: 1px solid #B8B8BB;
}

div.exhibit-facet-header {
    color: #523015;
    background-color: white;
}
/*Banner*/
#wrap{background: white; 
width: 1000px;
display: block;
margin-left: auto;
margin-right: auto;
padding: 20px 20px 50px 20px;
}
p.top{padding: 5% 0 3% 0;
text-align:left;}

#banner{
border: 18px solid #008080;
font-family: Georgia, "Helvetica", "Arial";
background-color: #008080;
text-decoration: none;
font-size: 2em;
color: #ffffff;
text-align: left;
font-weight: bold;
width: 865px;
margin-left: 5px;
margin-right: auto;
height: 3 em;
}

/* My Navigation */
#wrap{background:white;
width: 1100px;
display: block;
margin-left: 3px;
margin-right: auto;
padding: 5px 0 5px 0;
}

p.top{padding: 5% 0 5% 0;
text-align:auto;
}

#navigation{
border: 1px solid #A00200;
font-family: Georgia, "Helvetica", "Arial";
background-color: #A00200;
text-decoration: none;
font-size: 1em;
text-align: left;
font-weight: bold;
width: 900px;
margin-left: 3px;
margin-right: auto;
height: 2.8em;
}

#navigation li {
	list-style: none;
	float: left;
}

#navigation li a {
	display: inline-block;
	padding: 0 20px;
	background-color: #A00200;
	color: #fff;
	text-decoration: none;
}

#navigation li ul {
	display: none; 
	width: 10em;
	background-color: #B3B3B4;
	}

#navigation li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 10em;
	}
#navigation li:hover li {
	float: none;
	}
#navigation li:hover li a {
	background-color: #B3B3B4;
	border-bottom: 1px solid #B3B3B4;
	border-top: 1px solid #B3B3B4;
	color:white; 
	padding:.5em .5em;
	font-size: .9em;
	width: 10em;
}
#navigation li li a:hover {
	background-color: #fff;
	color: #A00200;
	border-left: 1px solid #B3B3B4;
	border-right: 1px solid #B3B3B4;
	height:.5em .5em;
	}