/*-------------------------------
  UNIVERSITY ARCHIVES
  divs2.css
  
  Deals with the advanced placement
  and visualalization of the page.
  
  Last updated: 2.28.03
---------------------------------*/
.adjust {display: block;}

.center {
  margin: 0px auto;
  max-width: 800px;
  min-width: 760px;
  width: 800px;
}
.hide2 { display: none; }
.hidden { display: none; }
.visible { display: block; }
LI.none {list-style: none;}
UL.spacing {line-height: 50%;}

/* Bottom navigation bar */
DIV#bottomBar {
  background-color: #8ab; color: #fff;
  clear: both;
  text-align: left;
  height: 45px;
  min-height: 45px;
  padding: 5px 0;
  border-top: 1px solid #134;
}
/* Fix a bug in Mac IE 5 */
#bottomBar UL { float: right; }
@media all { #bottomBar { text-align: right; } }
DIV#bottomBar LI { 
  display: inline;
  list-style: none;
}
DIV#bottomBar UL {
  list-style: none; 
  margin: 0;
  padding: 0;
}
DIV#bottomBar A {
  background-color: RGB(136,170,187); color: #000000;
  padding: 4px;
  text-decoration: none;
}
DIV#bottomBar A:hover { background-color: #9bc; color: #fff; }

DIV#bottomBar A:hover.adjust {background-color: RGB(136,170,187); color: RGB(136,170,187);}


/* Main content container */
DIV#content, DIV#content2 { border: 1px solid #134; }
DIV#content {
  background-image: url(../img/back02.gif);
  background-repeat: repeat-y; 
}
DIV#content UL { 
  margin: 0 0 0 15px; 
  padding: 0;
}
DIV#copyright P { padding-top: 4px; }
DIV#copyright IMG { float: left; }

/* Main navigation */
DIV#navigation {
<!--background-color: #dddddd; color: #424242; -->
background-color: #ddd; color: #999;
  background-image: none;
  border-left: 1px solid #134;
  /* border-right: 1px solid #134; */
  float: left;
  height: 350px; width: 140px;
  min-height: 375px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 140px;
}
DIV#content2 DIV#navigation {
  border-left: 0px;
  border-right: 1px solid #134;
  border-bottom: 1px solid #134;
  width: 140px;
}
DIV#navigation UL {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* Random photo box */
DIV#photoBox { 
/*  background-color: #689; color: #fff; */
  background-color: #668899; color: #000000;
  float: left;
  width: 219px;
  /*height: 375px;*/
  min-height: 375px;
  font-size: 85%
}
DIV#photoBox IMG { border-bottom: 1px solid #134; margin-bottom: -10px;}

DIV#photoBox A { 
  text-decoration: underline;
  color: black;
}


DIV#photolink {
  background-color: #689; color: #fff;
  float: right;
}

/* Search box */
DIV#search {
  background-color: #9bc; color: #023;
  border-left: 1px solid #134;
  border-right: 1px solid #134;
  text-align: right;
}

/* Content sections */
DIV#section2 { padding: 5px 15px 0px 160px; }
DIV#sectionWelcome A, DIV#section A, DIV#sectionAbout A, DIV#sectionExhibits A, DIV#sectionHoldings A, DIV#sectionResources A, DIV#sectionServices A {
  text-decoration: none;
}
DIV#sectionWelcome, DIV#section, DIV#sectionAbout, DIV#sectionExhibits, DIV#sectionHoldings, DIV#sectionResources, DIV#sectionServices { padding: 8px 15px 0px 400px; }
DIV#sectionWelcome UL, DIV#sectionAbout UL, DIV#sectionExhibits UL, DIV#sectionHoldings UL, DIV#sectionResources UL, DIV#sectionServices UL {
  margin-left: 14px;
  padding: 0;
}
DIV#sectionWelcome LI, DIV#sectionAbout LI, DIV#sectionExhibits LI, DIV#sectionHoldings LI, DIV#sectionResources LI, DIV#sectionServices LI { 
  line-height: 20px;
}
DIV#sectionWelcome P { line-height: 16px; }

/* Top title box */
DIV#topBox {
  padding: 10px 10px 0 10px;
  height: 28px;
}
DIV#topBox A { 
  background-color: #9bc; color: #023;
  text-decoration: none;
}
DIV#topBox A:hover {
  background-color: #9bc; color: #fff;
  text-decoration: underline;
}
DIV#topBox FORM { display: inline; }
DIV#title { 
  /*background-color: #689; color: #fff;8?
  /*background-color: #B9B8C0; color: #fff;*/
  background-color: #DDDDDD; color: #fff;
  border: 1px solid #134;
}
/* Textonly styles */
DIV#textOnlyTitle { 
  background-color: #689; color: #fff;
  border: 1px solid #134;
}
DIV#textOnlyTitle A {
/* PRE-WCAG  background-color: #689; color: #eee; */
  background-color: #689; color: #000000;
}
DIV#textOnlyTitle H1, DIV#textOnlyTitle H2 { 
/* PRE-WCAG    background-color: #689; color: #fff; */
  background-color: #689; color: #000000;
  margin: 0;
  padding: 10px;
}