body,html {
  font-family: Arial, Verdana, Helvetica, sans-serif;
}

h6, h5, h4, h3, h2, h1 {
  color: #23336c;
}
h1.headline {
  color: #809000;
}
.h1 {
 color: #809000;
}
h1 {
 font-size:150%;
}
h3 {
 border-bottom: dotted 2px #23346c;
}

a:link, a:visited,a:active{
 color: #23336c;
 text-decoration:none;
}

a.header:link, a.header:visited, a.header:active, a.header:hover {
 color: #23336c;
 font-size:small;
}

a.headerselected:link, a.headerselected:active, a.headerselected:visited, a.headerselected:hover {
 color: #23336c;
 text-decoration:none;
 font-size:small;
}

a.moreinfo:hover, a.moreinfo:active, a.moreinfo:visited, a.moreinfo:link, a:hover {
 color: #809000;
}
a.note:active, a.note:hover {
 color: #202020;
}

.navtrailbox, .navtrailboxbody, a.navtrail:link, a.navtrail:visited, a.navtrail:active, a.navtrail:hover {
   color: #23336c;;
}

.headerboxbodylogo a, .headerboxbodylogo a:visited{
   padding-left: 400px;
   background: transparent url(ilc_logo.jpg) no-repeat top left;
   height: 50px;
   color: #23336c;
   font-size: 20px;
   font-weight: bold;
   text-decoration: none;
}
.home .headerboxbodylogo a, .home .headerboxbodylogo a:visited{
   margin-left: 5px;
   padding-left: 400px;
   background: transparent url(ilc_logo.jpg) no-repeat top left;
   height: 50px;
   line-height: 3em;
   font-size: 20px;
   letter-spacing: 2px;
   text-decoration: none;
   color: #23336c;
   font-variant: normal;
}
.headerbox {
  background: transparent;
}
.headermoduleboxbody {
   color: #000;
   background: #dbea5e;
   border-left: 1px solid #999;
   border-right: 1px solid #999;
   border-top: 1px solid #999;
   margin: 0px;
   margin-left:5px;
   padding: 5px 10px;
   width: 75px;
   border-bottom: 1px solid #666;
}
.headermoduleboxbody:hover {
   background: #fff;
}
.headermoduleboxbodyblank {
   border-bottom: 1px solid #809000;
}
.headermoduleboxbodyblanklast {
   border-bottom: 1px solid #809000;
}
.headermoduleboxbodyselected {
   color: #888;
   background: #fff;
   border-left: 1px solid #809000;
   border-right: 1px solid #809000;
   border-top: 1px solid #809000;
}
.userinfobox, .userinfoboxheader, .userinfoboxbody, a.userinfo:link, a.userinfo:visited, a.userinfo:active, a.userinfo:hover {
   color: #23336c;
}

.narrowsearchbox {
/* Narrow by collection box*/
   margin: 15px 40px 0px 2px;
   border: 1px solid #c6c6c6; 
}
.narrowsearchboxheader {
   color: #23326c;
   background: #f4f4f4;
   border-bottom: 3px double #c6c6c6;
   padding: 5px;
   font-family: Arial, Helvetica, sans-serif;
}
.narrowsearchboxbody {
   color: #809000;
   padding: 5px;
   padding-top: 0px;
}
/* FOCUS ON box*/
.focusonsearchbox {
   background: #ffffff;
   padding: 2px;
   margin: 15px 0px 0px 0px;
   border-top: 1px solid #374272; 
   border: 1px solid #d9d9d9; 
}
.focusonsearchboxheader {
   color: #809000;
   background: #f4f4f4;
   border-bottom: 3px double #d9d9d9; 
   padding: 5px 5px 5px 10px;
   border-spacing: 0px;
}
.focusonsearchboxbody {
   background: #fff;
}

/* SEARCH ALSO box*/
.searchalsosearchbox {
   background: #f4f4f4;
   padding: 1px;
   margin: 40px 20px 5px 0px;
   font-size: small;
   border-top: 1px solid #23326c; 
   border-bottom: 1px solid #d9d9d9; 
}
.searchalsosearchboxheader {
   color: #666;
   background: #f4f4f4;
   border-bottom: 3px double #ddd; 
   padding: 5px;
   font-family: Arial, Helvetica, sans-serif;
   font-variant: small-caps;
}
.searchalsosearchboxbody {
   color: #444;
   background: #fff;
}
/*form button*/
.formbutton , .adminbutton{
   color: #23346c;
   background: #b2ce3d;
}
.quicknote {
  color: #23336c;
}
.note {
  color: #999;
}
a.nearestterms:link, a.nearestterms:active, a.nearestterms:hover {
  color: #6b92bd;
  font-weight:bold;
}
/*portalbox*/
.portalbox {
   float: none;
   background: #eeeeee;
   font-size: x-small;
   border: 1px solid #c6c6c6;
   padding:0px; 
   margin: 0px 10px 15px 0px;

}
.portalboxheader {
   color: #666;
   background: #f4f4f4;
   border-bottom: 1px solid #23346c;
   line-height: 15px; /* distance btw the lines */
   font-size: x-small;
   font-weight: bold;
   border-bottom: 3px double #c6c6c6;
}
.portalboxbody {
   background: #f4f4f4;
   padding: 3px;
   font-size: x-small;
}

/* Start 'detailed record' boxes customization*/

div.detailedrecordtabs{
   border-bottom: 3px double #999;
}
div.detailedrecordbox div.detailedrecordboxcontent{
   border-bottom: 3px double #999;
   border-right: 3px double #999;
   border-left: 3px double #999;
   padding-bottom:3px;
   padding-top:1px; /* Needed, otherwise tabs with paperclip get
                       messed up, but created a small gap at top
                       of box. Override with !important if needed*/
}
/* tabs as used in detailed record pages */
.detailedrecordtabs li a{
   border-top: 3px double #999;
   border-right: 3px double #999;
   border-bottom: 1px solid #c6c6c6;
   border-left: 3px double #999;
   margin-bottom: 1px;
   color: #999;
   font-size:small;
}
.detailedrecordtabs li.on a{
   color:#809000;
   border-top: 3px double #999;
   border-right: 3px double #999;
   border-left: 3px double #999;
   border-bottom: 3px double #fff;
}
.detailedrecordtabs li.on a:hover, .detailedrecordtabs li.disabled a:hover{
   text-decoration:none;
}
.detailedrecordtabs li.disabled a{
   color:#c6c6c6;
   cursor:default;
   border-top: 3px double #c6c6c6;
   border-right: 3px double #c6c6c6;
   border-left: 3px double #c6c6c6;
}
.detailedrecordtabs li.first a{
   border-left: 3px double #999;
}
.detailedrecordtabs li.first.on a{
   border-left: 3px double #999;
}




/* detailed record - image display */
.detailedimagebox {
  padding: 0px 10px 0px 10px;
  color: #999;
  font-size: 90%;
  border-spacing: 4px;
  overflow: auto;
 }
.detailedimagebox h2{
   font-size: 120%;
   text-align: center;
   color: #23326c;
   padding:0px 20px 0px 20px;
 }
.detailedimageboxtop {
  padding: 0px;
  font-size: 90%;
  background: #f4f4f4;
  overflow: auto;
}
.detailedimageboxtop span.photolabel{
  color: #809000;
  padding: 0px;
  padding: 2px 0px 2px 5px;;
  text-align: right;
  font-weight: bold;
  float: left;
  width:30%;
}
.detailedimageboxtop span.photodescr{
  float: right;
  padding: 2px 0px 2px 5px;;
  color: #555;
  text-align: left;
  border-bottom: 1px #d8d8d8 dotted;
  width: 68%;
}
.detailedimageboxtop th {
  color: #809000;
  font-size: 90%;
  text-align: right;
  font-weight: bold;
  padding-left:10px;
 }
.detailedimageboxtop td  {
  color: #555;
  font-size: 90%;
  text-align:left;
  padding: 2px 10px 2px 10px;
  border-bottom: 1px #d8d8d8 dotted;
 }
.detailedimageboxmiddle  {
  padding: 0px;
  margin: 0px;
  width: 100%;
  text-align:center;
overflow:auto;
float: none;
 }

.detailedimageboxthumb {
  margin: 0px 5px 5px 0px;

  border: 1px solid #c6c6c6;
  text-align: center;
  float: left;
  font-size:x-small;
 }
/*--*/
.detailedimageboxbottom {
  display: table-row;
 }
.detailedimageboxbottom th{
  color: #555;
  font-size: 90%;
  text-align:right;
  font-weight: bold;
  padding-left:10px;
 }
.detailedimageboxbottom td{
  color: #333;
  font-size: 80%;
  text-align:left;
  padding: 2px 10px 2px 10px;
  border: none;
 }
.clearboth { clear: both; }

/* Rollover menus */

.menu ul {
        list-style:none;
        margin:0;
        padding:0 0 0 0px;
}
.menu li {
        float:left;
        text-decoration:none;
        padding: 7px;
}

}
.menu .right {
        margin-right:10px;
}
.menu a {
        padding:0px 15px;
}
.menu ul.subsubmenu {
        margin-top:12px;
}
.menu ul.subsubmenu li {
        border-bottom: 1px solid #999;
        border-left: 1px solid #999;
        border-right: 1px solid #999;
}
.menu ul.subsubmenu li a, .menu div ul.subsubmenu li a:hover, .menu div ul.subsubmenu li a:visited {
        background-color:transparent;
        background-image:none !important;
        display:block;
        text-transform:capitalize;
        color: #23336c;
}
.menu ul.subsubmenu li a:hover {
        text-decoration:underline
}
.menu :hover ul {
        display:block;
        position: absolute;
}
.submitHeader {
   color: #23336c;
   background: #f4f4f4;
}
/* end of customized cds.css */