body {
	color: #663300;
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #e9e9e9 url(../../labellegacy/images/outershadow-gray.gif) repeat-y center top;
	text-align:center;
}
div#wrapper, div#mainbox, div.section, div#sidebox{
	text-align:left;
}
td th{font: 101% Verdana, Arial, Helvetica, sans-serif;}
/*The masthead contains the logo. Width is set based on the wrapper's
total rendered width. Left and right margins are set to auto, which centers this DIV.*/
#masthead {
	width: 720px;
	margin: 0 auto;
	padding: 0;
}
/*The wrapper envelopes all page elements below the masthead.
To center the layout we set left and right margins to "auto".*/
#wrapper {
	margin: 0 auto;
	width: 720px;
	padding: 0 0 20px 0;
	background: #FFFFFF;
}
/*The menubar DIV is the container for our menu. Font-size is set to .85em, setting the menu text size. Position is set to relative to work around bugs in IE5 Mac and Firefox Mac and to make the font resizable by changing only the body font-size.*/
#menubar {
	background-color: #993333;
	font-size: 0.85em;
	position: relative;
	color: #FFFFFF;
}
/*This style represents a special DIV placed just inside the closing DIV tag
of menubar. This style allows the menubar background to extend to the full height
of the menu. DO NOT EDIT or remove this style or the DIV it represents in the page.*/
.clearcontent {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 1px;
}
/*The mainbox DIV is the left column that contains the page's main content.
Mainbox is floated left, adjacent to the sidebox. The sidebox is also floated
left, but since mainbox comes first in the source code, it is positioned to
the left of sidebox.*/
#mainbox {
  	width:540px;
	margin: 16px 0 0 0;
	float: left;
	font-size: 0.85em;
}
/*Paragraphs inside mainbox and sidebox*/
#mainbox p, #sidebox p {
	margin: 6px 0 12px;
}
/*This is a class assigned to section DIVs inside the mainbox and allows each section
to have its own borders and padding, as well as a background image that sets a special "bullet" next
to each section heading. Because the "section" DIVs are nested inside mainbox, they do not affect
the layout's box model calculations.*/
.section {
	padding: 0 16px 0 13px;
	margin-bottom: 12px;
	line-height: 1.5em;
	font-size: .9em; 
}
.section a{
color:#006666;}
/*Style attributes common to all level 1-4 headings*/
h1, h2, h3, h4 {
	margin: 0 0 2px 0;
	line-height: normal;
}
/*Style attributes specific to all level 1 headings*/
h1 {
	font: normal 2em Georgia, "Times New Roman", Times, serif;
	color: #993300;
}
/*Style attributes specific to all level 2 headings*/
h2 {
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 15px;
	text-transform:uppercase;
}
/*Style attributes specific to all level 3-4 headings*/
h3, h4 {
	font-size: 1.1em;
}
/*The sidebox DIV is the right column that contains the page's sidebar.
Sidebox is floated left, adjacent to the mainbox. The mainbox is also floated
left, but since sidebox comes after mainbox in the source code, it is positioned to
the right of mainbox.*/
#sidebox {
	width: 180px;
	margin: 16px 0 0 0;
	float: left;
	font-size: 0.75em;
	/*background-image: url(../images/tommy_sbgorge.jpg);
	background-repeat: repeat-y;
	background-color: #FEB546;*/
}
/*-------- BOX MODEL NOTES ---------*/
/*To calculate the total layout width, we add the declared widths of
sidebox and mainbox: 180 + 524 = 704
Then we add the right margin assigned to mainbox: 704 + 16 = 720
*/

/*Sidesection is assigned to a DIV nested inside the sidebox DIV. By nesting this DIV,
we can add padding or borders and it will not affect the layout's box model calculations.*/
.sidesection {
	padding: 12px 14px 7px 14px;
	background-color:#993333;
	color: #ffcc99;
	font-size: 0.8em;
	/*border: 1px solid #6A6A6A;*/
}
/*Since the footer spans the combined width of mainbox and sidebox, we set it to clear the
floats - otherwise the footer would appear under the sidebox, which immediately precedes it
in the source code. Clearing the float allows the footer to span both floated DIVs above it.*/
#footer {
	font-size: 0.7em;
	padding-left:13px;
	clear: both;
	color: #000000;
	background: #FFFFFF;
	padding-top: 10px;
	text-align: center;
}
#footer a {
	text-decoration: none;
}
#footer a:link{
	color: #006666;
}
#footer a:visited{
	color: #006666;
}
#footer a:hover{
	color: #993300;
}
#footer a:active{
	color: #006666;
}

/*-----PAGE LINK STYLES --------*/
/*We assign specific link styles for links based upon the element that contains them.
#mainbox a:link, #footer a:link {
	color: #666699;
}
#mainbox a:visited, #footer a:visited {
	color: #6666CC;
}
#mainbox a:hover, #mainbox a:active, #mainbox a:focus,
#footer a:hover, #footer a:active, #footer a:focus {
	color: #000000;
}
.sidesection a:link, .sidesection2 a:link {
	color: #000000;
}
.sidesection a:visited, .sidesection2 a:visited {
	color: #666666;
}
.sidesection a:hover, .sidesection a:active, .sidesection a:focus,
.sidesection2 a:hover, .sidesection2 a:active, .sidesection2 a:focus {
	color: #993333;
}*/


/*-----PMM MENU STYLE UPDATES for this PAGE PACK-------*/

/*We set a subtle border to the right of each top-level menu item to visually
define its box.*/
/*#navbar a {border-right: 1px solid #777777;}*/

/*WORK AROUND FOR IE5 (MAC ONLY) The single backslash \ character inside this
comment causes IE5 Mac to ignore the following rule, which allows other browsers
to render top-level menu items at their natural widths.
DO NOT EDIT THIS COMMENT or the following rule. This rule should remain last in
this style sheet.*/
#navbar li {
	width: auto;
}
/*-----Search Box-------*/
#search{
	text-align: right;
	padding-right: 15px;
	margin-bottom:22px;
}
#search input.box, .internalSearch{
	font-size: 0.8em;
	color:#666666;
	margin: 0;
	padding:0;
	width: 90px;
	font-size: x-small;
	padding: 2px;
	}
.internalSearch{
width:90px;
}
.internalSearchBar{
font-size:.95em;
margin-right:15px;}
.internalSearchBar .button {
	 margin-right:2em;
}
.internalSearchBar select{
font-size:11px;}

input.button, input.go, #thingsSearch a.button
{
	width: 60px;
	color: #FFCF00;
	background: #993333;
	margin:0;
	padding: 2px;
	font-size: 0.8em;
	text-decoration:none;
	}
	#thingsSearch a.button{
	padding:5px;}
input.go, #thingsSearch a.button{
width:30px;
margin-right:1.5em;}
/* 
  -----------------------------------
  PopMenu Magic Style Sheet
  by Project Seven Development
  www.projectseven.com
  Menu Type: Horizontal
  Style Theme: 15 - Tommi
  -----------------------------------
*/
/*DO NOT EDIT!!!*/
#navbar {
	margin:0;
	padding:0;
}
/*DO NOT EDIT!!!*/
#navbar ul {
	margin:0;
	padding:0;
	position: absolute;
	left: -9000px;
	z-index: 10000;
}
/*The Root Level Background image assigned here*/
#navbar li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	/*background-image: url(../images/tommy_hmenContainer.jpg);
	background-repeat: repeat-x;*/
}
/*The sub-menu level background image assigned here*/
#navbar ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	/*background-image: url(../images/tommy_mbg.jpg);
	background-repeat: repeat-y;*/
}
/*Menu link Styles - Change link color here*/
#navbar a {
	display: block;
	text-decoration: none;
	padding: 4px 10px;
	color: #ffcc99;
	line-height:1;
	background: #993333;
}
/*Sub-menu link borders*/
#navbar ul a {
	border-top: 1px solid #666666;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #666666;
}
/*Top-level link hover*/
#navbar a:hover, #navbar a:active, #navbar a:focus {
	background-color: #cc9966;
	color: #fff;
	letter-spacing: 0.01px;
}
/*Sub-level link hover*/
#navbar ul a:hover, #navbar ul a:active, #navbar ul a:focus {
	background-color: #EDE24A;
	border-top: 1px solid #F1E878;
	border-left: 1px solid #F1E878;
	color: #333333;
}
/*The Selected Menu "ON" State*/
#navbar .p7PMon, #navbar ul .p7PMon, #navbar .p7PMon:hover,
#navbar ul .p7PMon, #navbar ul .p7PMon:hover {
	background-color:#cc9966;
	color: #FFCF00;
}
/*The Selected Menu "ON" State for sub-menu borders*/
#navbar ul .p7PMon, #navbar ul .p7PMon:hover {
	border-top: 1px solid #FFC959;
	border-left: 1px solid #FFC959;
}

/* The current page marker style */
#navbar .p7PMmark {
	color: #FFFFFF;
	font-weight: bold;
}

/*DO NOT EDIT!!!*/
#navbar .p7PMhide {
	left: -9000px;
	border: 0;
}
/*DO NOT EDIT!!!*/
#navbar .p7PMshow {
	left: auto;
	z-index: 20000 !important;
}

/* Top level menu width */
#navbar li {
	float: left;
}
#navbar li a{
width:160px;
text-align:center;
}
/* 2nd and subsequent Submenu widths */
#navbar ul, #navbar ul li {
	width: 172px;
}
/*DO NOT EDIT!!!*/
#navbar ul li {
	float: none;
}
#subnav{
	background-color:#cc9966;
	font-size: .75em;
}

.textsize{
	color: #666666;
	margin-bottom: 5px;
	text-align: right;
	padding-right: 15px;
	font-size:12px;
}
.textsize a{
	color: #006666;
}
.textsize a:hover{
color:#CC0000;}
.typesize {
	font-size: 10px;
}
.xsmalltype {
	font-size: 10px;
	text-decoration: none;
}
.smalltype {
	font-size: 12px;
	text-decoration: none;
}
.medtype {
	font-size: 14px;
	text-decoration: none;
}
.largetype {
	font-size: 18px;
	text-decoration: none;
}
div.pullquoteFirst {
	float: right;
	width: 200px;
/*	background:    url(../../labellegacy/images/topquote.gif) no-repeat left top;*/
	text-align: right;
	margin-left:20px;
	margin-bottom: 15px;
}
div.pullquote {
	float: right;
	width: 200px;
/*	background:   url(../../labellegacy/images/topquote.gif) no-repeat left top;*/
	text-align: right;
	margin-left:20px;
	margin-top:20px;
	margin-bottom: 10px;
}
div.pullquote blockquote, div.pullquoteFirst blockquote {
	line-height: 150%;
	text-align: left;
	background:   url(../../labellegacy/images/botquote.gif) no-repeat right bottom;
	margin: 0px 15px 0 0;
	padding: 5px 0px 5px 20px;
	color:#650000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
}
span.author {
	color: #993333;
	font: italic bold 0.75em Verdana, Arial, Helvetica, sans-serif;
}
.photoWcaptionLeft img {
	display: block;
	margin-bottom: 5px;
}
.photoWcaptionLeft {
	font-size: .9em;
	width: 150px;
	margin-bottom:5px;
	text-align:center;
	float: left;
	margin-right: 10px;
	color: #650000;
	clear: left;
	line-height: 1em;
}
.photoWcaptionBig img {
	display: block;
	margin-bottom: 5px;
}
.photoWcaptionBig {
	font-size: .9em;
	width: 250px;
	margin-bottom:5px;
	text-align:center;
	float: left;
	margin-right: 10px;
	color: #650000;
	clear: left;
	line-height: 1em;
}


div#sidebarPhoto {
	width: 150px;
	margin:0;
	padding:0;
}
div.sidebarPhoto{
margin-bottom:.5em;}
p.more a{
	padding-right: 18px;
	color: #650000;
	text-decoration: none;
	font: 1em Georgia, "Times New Roman", Times, serif;
	background: url(../../labellegacy/images/morelink.gif) no-repeat right center;
}
a.next{
	padding-right: 18px;
	color: #650000;
	text-decoration: none;
	white-space:nowrap;
	font: 1em Georgia, "Times New Roman", Times, serif;
	background: url(../../labellegacy/images/morelink.gif) no-repeat right center;
}
#thingsSearch a {
	color: #650000;
}
a.previous{
	padding-left: 18px;
	padding-right:3px;
	color: #650000;
	text-decoration: none;
	white-space:nowrap;
	font: 1em Georgia, "Times New Roman", Times, serif;
	background: url(../../labellegacy/images/prevlink.gif) no-repeat left center;
}
p.more{
	text-align: right;
	padding-top: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.clear {
	clear: both;
}
.floatLeft {
	float: right;
	margin-left: 20px;
	text-align: right;
}
dt {
	font-weight: bold;
	margin-left: 15px;
	font-style: italic;
}
a.glossaryterm{
	color: #ff6600;
	font-style: normal;
	cursor:help;
}
dfn{
font-style:normal;}
.clearright {
	clear: right;
}
p.bibliography{
padding-left:50px;}
td#video{

width:250px;
}
div#download{
float:right;
}

table#videoFormat td
 {
	padding: 3px 3px 0 3px;
	vertical-align: top;
}
table#videoFormat td p {
margin:0;
padding:0;}

table#videoFormat th{
	border-top: 1px dashed #999999;
	border-bottom: 1px dashed #999999;
}
table#videoFormat td strong, #flashcopy {
color:#333333;}
table#videoFormat p.down {
	background: #E1E1E1;
	width:252px;
	padding:5px;
}
#flashcopy p {
	background: #ccc;
	padding:5px;
	margin: 0;
	padding:0;
	padding: 0 3px;
	text-align:left;
}
#flashcopy{
border: 1px solid #ccc;
	background: #ccc;
	width:502px;
	margin-bottom: 1.5em;
	font-size:0.8em;
	text-align:center;
	padding-top: 1px;
	}
table#videoFormat td.videoBlurb{
padding-top:15px;}.imgFloatRight {
	float: right;
	padding-left: 20px;
	width: 200px;
	color: #08214A;
	font-size: .9em;
	text-align: center;
}
/*  POPUP STYLES */
div.glossaryPopup, div.poemPopup, div.photoPopup{
	margin-top:10px; 
	padding:10px;
	text-align: center;
	color: #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	border: 1px solid #000000;
}
div.glossaryPopup{
	width:400px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
div.poemPopup{
	width:520px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
div.photoPopup {
	width:720px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
div.poemPopup blockquote{
margin:0 15px;}
p.close {
	text-align: center;
	padding-bottom:3px;}
p.close a{
	background: #f5f5f5;
	padding:5px;
	border: 1px solid #000000;
	color: #0033FF;
	font-size: 0.8em;
}
p.close a:link, p.close a:visited, p.close a:hover, p.close a:active {
	color:#006666;
	text-decoration:none;
}
div.caption {
	margin: 15px auto 0 auto;
	text-align: left;
	width: 700px;
}
div#disclaimer {
	color: #000;
	border-top: 1px dashed #000;
	margin-top: 5px;
}
div#disclaimer p{
	padding-bottom:5px;
}
/* on odes to the land, the italics in the content make the sidebar fall down when it is really wide.  this fixes that. */
.italicBug{
width:500px;
}
#sitemapBox ul {
	background: #fff;
	font-weight:bold;
	font-size: 1.1em;
}
#sitemapBox ul li ul {
	background: #fff;
	border-top: none;
	border-bottom: 1px solid #993333;
	border-left: 1px solid #993333;
	font-size: 0.9em;
	font-weight: normal;
}
#sitemapBox ul li ul li ul {
	background: #fff;
	border-top: none;
	border-bottom: 1px solid #006666;
	border-left: 1px solid #006666;
	font-size: 0.9em;
	font-weight: normal;
}
#sitemapBox ul li ul li ul li ul {
	background: #fff;
	border-top: none;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	font-size: 1em;
	font-weight: normal;
}
#sitemapBox ul li a {
color:#993333;
}
#sitemapBox ul li ul li a {
color:#006666;
}
#sitemapBox ul li ul li ul li a {
color:#666;
}
#sitemapBox ul li ul li ul li ul li a {
color:#5783DD;
}
#sitemapBox ul {
	margin: 0px;
	padding: 0px 0px 3px 20px;
	list-style: none;
}
#sitemapBox ul li{
padding:2px 0 2px 0px;
margin-bottom:0px;
}
#sitemapBox a{
	display:block;
	padding-bottom:2px;
	text-decoration: none;
	padding-left:0px;
}
#sitemapBox a:hover{
	color:#650000;
}
#sitemapBox {
	margin-top: 15px;
}
.clearit{	
clear:both;
	font-size: 1px;
	}
.exhibitPagination{
clear:both;
text-align:right;
padding:0 20px 15px 0;
/*width:510px;
float:right;
background-color:yellow;*/
}
.exhibitPagination a{
padding: 0 2px;
text-decoration:none;
border: 1px solid #006666; }
.exhibitPagination .currentPage{
	padding: 0 2px;
	border: 1px solid #663300;
	background-color: #E6CDB5;
}
#thingsHeading{
/*background-color:red;
width:170px;
float:left;*/
}
#exhibitSearch{
text-align:right;
padding-right:20px;
}
#exhibitSearch form{
margin:0;
padding:0 0 25px 0;}
#exhibitSearchField{
margin-right:30px;
}

#exhibitImg{
text-align:center;
}
#exhibitObject{
width:347px;
float:left;
padding-bottom:10px;
}

#exhibitObject img{
border:none;
padding: 0 22px;
}

#exhibitObject p{
padding: 0 44px 0 24px;
margin:0;
}
.backButton{
text-align:right;
padding-right:20px;}
#objectDetailImg{
text-align:center;
}
#objectDetailImg img{
border:none;}
#objDetailsList{
list-style-type:none;
margin:0; padding:0 20px 1.5em 0;
}
#objDetailsList li{
padding-bottom: .5em;
}
#thingsSearch h2 {
	margin-bottom: 0;
	margin-top:25px;
}
.resultsLingo{padding-right: 2em;}
#internalSearchTop{
padding-bottom:1em; 
border-bottom:1px solid #ccc; 
margin-bottom: .5em;}
#internalSearchBottom{
padding-top:1em; 
border-top:1px solid #ccc; 
margin-top: .5em;}
.resultsLingo{
font-size:.9em;
float:left;}
div.sidebarPhoto p, div.photoWcaptionLeft p{
margin:0;
padding: 0;}