html, body 
  {
  font: 10px/1.4em Arial, Verdana, Helvetica, sans-serif;
  color: #000000;
  margin: 0px;
  padding: 0px;
  background-color: #D0D0D0;
  text-align: center;
  }

#wrapper 
  {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 0 20 0;
  width: 740px;
  background-color: #ffffff;
  background-image: url("../images/site/trans.gif");
  background-repeat: repeat-y;
  }


td 
  {
  font: 10px/1.7em Arial, Verdana, Helvetica, sans-serif;
  color: #000000;
  }

a 
  {
  color: #123456;
  background-color: #eeeeee;
  text-decoration: none;
  }

a:hover
  {
  color: #eeeeee;
  background-color: #123456;
  text-decoration: none;
  }

img 
  {
  border: 0px;
  }

img a:hover
  {
  border: 0px;
  }

#content
  {
  padding: 10px 20 0 20;
  }

#headerBox
  {
  /*
  border-top: 1px solid #123456;
  border-bottom: 1px solid #123456;
  */

  border-top: 4px solid #123456;
  border-bottom: 4px solid #2670B9;

  }

#headerBox a
  {
  text-decoration: none;
  border: 0;
  }

#photoCaption
  {
  border-bottom: 1px solid #cccccc;
  }

#menu
  {
  margin: 2px 0 2 0;
  }

#menu a
  {
  text-decoration: none;
  color: #123456;
  background-color: #ffffff;
  }

#menu a:hover
  {
  color: #ffffff;
  background-color: #123456;
  border-top: 2px solid #123456;
  border-bottom: 2px solid #123456;
  }

#mainImage
  {
  text-align: center;
  }

#mainImage a:hover
  {
  border: 10px;
  background-color: #ffffff;
  }

#column1
  {
  float: left;
  width: 410px;
  margin: 20px 0 20px 0;
  height: 2000px;
  padding: 0 20px 0 0;
  border-right: 1px solid #cccccc;
  }

#column2
  {
  float: right;
  width: 240px;
  margin-top: 20px;
  padding: 0 0 0 20px;
  }

#wholeRow
  {
  margin: 20px 0 20px 0;
  padding: 0 20px 0 0;
  }

#paginationBottom
  {
  clear: both;
  border-top: 1px solid #cccccc;
  margin-right: 10px;
  text-align: right;
  }

#footer
  {
  clear: both;
  text-align: right;
  margin-top: 20px;
  padding: 2px 10px 2px 20px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  }

.collectionColumn
  {
  float: left;
  margin: 20px 0 20px 0;
  height: 2000px;
  padding: 0 5px 0 5px;
  border-right: 1px solid #cccccc;
  }

.collectionColumnNoBorder
  {
  float: left;
  margin: 20px 0 20px 0;
  height: 100%;
  padding: 0 0 0 5px ;
  }



.noLink
  {
  color: #cccccc;
  }

.header
  {
  font-size: 20px;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
  }

.header img
  {
  padding: 0 0 2px 0;
  border-bottom: 1px solid #123456;
  }

.closer
  {
  margin: 0px 0px 10px 0px;
  text-align: right;
  }

.closer img
  {
  border-bottom: 1px solid #123456;
  }

.textPane
  {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #cccccc;
  }


.thumbBox
  {
  width: 220px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #cccccc
  }

.thumb
  {
  }

.thumbTitleSelected
  {
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  background-color: #123456;
  padding-left: 2px;
  padding-bottom: 4px;
  }

.thumbDateSelected
  {
  padding-left: 2px;
  }


.thumbTitle
  {
  font-size: 14px;
  color: #123456;
  font-weight: bold;
  padding-left: 2px;
  padding-bottom: 4px;
  }

.thumbDate
  {
  color: #2670B9;
  padding-left: 2px;
  }