a
{
  text-decoration: none;
  /*font-weight: bold;*/
  font-weight: normal;
  color: #aa8850;
}

.menu a
{
  text-decoration: none;
  font-weight: normal;
}

a:visited
{
  color: #b49050;
}

a:hover
{
  color: #be965c;
  text-decoration: underline;
}

img
{
  margin: 0px;
  padding: 0px;
  border: 0px;
  /*border: 10px solid #fff;*/
}

dl
{
  padding: 1em;
}

dt
{
  padding-top: 0.25em;
  font-weight: bold;
}

dd
{
  padding-left: 0.25em;
  padding-top: 0.25em;
  font-size: 80%;
}

div.content p img, img.exhibits_photo, div.imgcap img, div.imgcap p img
{
  border: 2px solid #fff;
}

img.noborder
{
  border: 0px !important;
}

div.imgcap
{
  /*margin-top: 1em;*/
  /*margin-bottom: 3em;*/
  /*border: #333 1px solid;*/
  padding-bottom: .7em;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 0px;
}

/*div.imgcap img, div.imgcap p img
{
  display: block;
  border: 2px solid #fff;
}*/

div.imgcap p
{
  /* test */
  /*color: #800;*/
  margin-top: 0.5em;
}

/* Ugly hack begin. See http://positioniseverything.net/easyclearing.html */
/* http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/ */
.container:after, .clearfix:after {
    content: ".";
    display:block;
    height: 0;
    clear: both;
    visibility: hidden;

*html .clearfix, *html .container  { display:inline-block;}
/* Hides from IE-mac \*/
*html .clearfix, *html .container  { height: 1px; display:block;}
/* end hide from IE-mac */
/* Ugly hack end */

/* old height-based clearing method...
*html .clearfix, *html .container { height: 1%}
*/
}

h1, h2, h3, h4, h5
{
  /*font-family: "lucida sans", georgia, "times new roman", times, serif; 2009-02-18*/
  /*font-family: "trebuchet ms", "century gothic", "helvetica", "arial", sans-serif;*/
  /*font-family: "century gothic", "helvetica", "arial", sans-serif;*/
  font-family: "palatino linotype", palatino, copperplate, "copperplate gothic light", arial, sans-serif;
  /*text-transform: uppercase;*/
  margin: 0px;
  padding: 0px;
  text-transform: uppercase;
}

/* These padding figures negatively affect the sifr display. */
/* The padding and line-height was to help the non sifr display. 2009-02-18 */
h1 { font-size: 250%; letter-spacing: 0.4em; line-height: 100%; padding-bottom: 0.25em; }
h2 { font-size: 200%; letter-spacing: 0.3em; line-height: 100%; padding-bottom: 0.25em; }
h3 { font-size: 150%; letter-spacing: 0.1em;                    padding-bottom: 0.25em;}
h4 { font-size: 125%; }
h5 { font-size: 110%; }

body
{
  /*border: solid #f00 2px;*/ /* This shows the wierdness in firefox */
  margin: 14px 20px 14px 20px;
  padding: 8px 0px 30px 0px;
  font-family: arial, palatino, georgia, serif;
  /*font-family: "lucida sans", arial, palatino, georgia, serif;*/
  /*background: #333;*/
  background: #000;
  color: #ccc;
  text-align: center;
  font-size: 100%;
    /*background-image:url(../pics/bg_140148_darker.png);*/ /* Commented out 2010-03-15 */
    background-repeat:repeat;
}

div.container
{
  clear: both;
  /*border: 2px solid #888;*/
  /*border: 2px solid #f00;*/
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 954px;
  text-align: left;

  padding: 2px; /* This gives the illusion of a border combined with the
                   background of this container before the innercontainer. */
  /* Use this to put a border on the container. */
  /*background: #875;*/
  /*background: #181818; 2007_04_15 */
  background: #777; /* This is, effectively, the page border */
}

div.container div.container_1004wide
{
  width: 1004px;
}

div.innercontainer
{
  clear: both;
  margin: 0px;
  padding: 10px;
  /*font-family: Arial, Helevetica, Tahoma, Times;*/
  /*background: #333;*/
  /*background: #080808 no-repeat;*/
  background: #000000 no-repeat; /* 2009/12/13 */
  /*background: #000000 no-repeat;*/
  border: 2px solid #222;
  overflow:hidden;
  /*height: 1000px;*/
}

div.top_image_container
{
  /*margin-left: auto;*/ /* Needed to force centering in firefox, center in 
                        div.exhibits_body isn't enough. */
  /*margin-right: auto;*/ /* Needed to force centering in firefox */
  margin-top: 2px;
  margin-bottom: 8px;
  margin-left: 3px;
  margin-right: 3px;
  padding: 2px;
  background: #000;
  border: 1px solid #aaa;
  border: 1px solid #666;
}

div.top_image
{
  text-align: center;
  border: 1px solid #000;
  background: #000;
}

div.leftside
{
  float: left;
  margin: 0px;
  padding: 0px;
  width: 170px;
  clear: left; /* Get successive elements to stack on top of each other */
}

div.left_border
{
  padding: 2px;
  margin-top: 0px;
  margin-bottom: 8px;
  /*background: #000;*/ /* commented out 2009-01-07 */
}



div.menu
{
  padding: 4px;
  margin-top: 0px;
  margin-bottom: 8px;
  /*background: #444;*/ /* pre 2007-03-02 */
  /*background: #333;*/ /* commented out 2009-01-07 */
  /*border: 1px solid #aaa;*/ /* pre 2007-03-02 */
  /*border: 1px solid #666;*/ /* commented out 2009-01-07 */
  /* Create the border with padding, otherwise border makes object bigger. */
}

.menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.menu ul ul {
  margin-top: 2px;
  margin-bottom: 8px;
  margin-left: 12px;
  /*border: 1px solid #fff;*/
}

/*
.menu ul ul ul {
  margin-top: 2px;
  margin-bottom: 8px;
  margin-left: 12px;
  border: 0px;
}
*/

.menu li {
  /*font-family: arial, times, verdana;*/
  /*font-family: verdana, arial, times;*/
  font-family: 'ITC Avant Garde Gothic','Century Gothic',Verdana,'sans-serif';
  margin: 2px;
  padding: 2px;
  line-height: 100%;
  font-size: 11pt;
  /*background: #444;*/ /* pre 2007-03-02 */
  /*background: #333;*/ /* commented out 2009-01-07 */
}

.menu ul ul li {
  margin: 0px;
  font-size: 10pt;
}

.menu ul ul ul li {
  margin: 0px;
  font-size: 9pt;
  display: block;
  border-left: solid 1px #666;
  padding-left: .4em;
}


div.content_border {
  float: right;
  padding: 2px;
  margin-top: 0px;
  margin-bottom: 8px;
  /*background: #000;*/ /* commented out 2009-01-07 */
  /* Create the border with padding, otherwise border makes object bigger
     (i.e. wider) than 600px. */
  /*border: 10px solid #00f;*/
/*  width: 650px; 2008/05/24*/
  /* This overflow:hidden gets around an IE bug where any content within
     a box (in this case an image within div.content_border) that is too
     wide will cause the enclosing box to expand laterally, even though
     it has a specified width.  In this case, it causes the content to
     appear below the menu.  However, this fix may in the future cause
     other problems.  I really dislike Microsoft. */
  overflow:hidden;
}

/* 2008/05/24
div.content_850wide
{
  width: 850px;
}
*/

div.content
{
  margin: 0px;
  padding: 10px;
  /*background: #333;*/
  /*background: #1c212c; */ /* commented out 2009-01-07 */
  /*border: 1px solid #875;*/ /* pre 2007-03-02 */
  /*border: 1px solid #444;*/ /* commented out 2009-01-07 */
  text-align: left;
  /*width: 624px;*/ /* 2008/05/24 650-10*2-1*2-2*2 */
  width: 724px; /* 2008/05/24 650-10*2-1*2-2*2 */
}

div.content_724
{
  margin: 0px;
  padding: 10px;
  /*background: #1c212c;*/ /* commented out 2009-01-07 */
  /*border: 1px solid #444;*/ /* commented out 2009-01-07 */
  text-align: left;
  width: 724px; /* 2008/05/24 */
}

/* This is the background for sifr2 */
/*
object
{
  background: #1c212c;
  background: #080808;
}*/

div.dividerdd dt 
{
  border-top: solid 1px #fff;
  padding-top: .5em;
}

div.dividerdd dd
{
  padding-bottom: .5em;
}

div.exhibits_body
{
  text-align: center;
  margin-left: auto; /* Needed to force centering in firefox, center in 
                        div.exhibits_body isn't enough. */
  margin-right: auto; /* Needed to force centering in firefox */
}

div.exhibits_nav
{
  padding-bottom: 0.5em;
}

div.exhibits_photo
{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

div.exhibits_comment
{
  text-align: left;
}

div.exhibits_back
{
  /*float: left;*/
  position: absolute;
  left: 40px;
}

div.exhibits_next
{
  /*float: right;*/
  position: absolute;
  left: 160px;
}

div.exhibits_link_back
{
  /*text-align: center;*/
  float: right;
  /*position: absolute;
  left: 280px;*/
  margin-left: 20px;
}

div.copyrightinfo
{
  font-size: 10pt;
}

p.fl:first-letter
{
  font-size: 3em;line-height:.8em;margin-right:2px;display:block;float:left;
} 

.floatright
{
  float: right;
  margin: 0 0 10px 10px;
  clear: right; /* Get successive floatright elements to stack on top of */
                /* each other.                                           */
}


.bold
{
  font-weight: bold;
}

.bigger
{
  font-size: 115%;
}

.bigger_bold
{
  font-weight: bold;
  font-size: 115%;
}