body{
      margin: 0;
      padding: 0;
      background-color: #EBEBEB;
    }
    
    #container {
    	position: absolute;
    	top: 0px;
    	z-index: 1;
    	width: 960px;
    	left: 50%;
    	margin: 0px; padding: 0px;
    	margin-left: -480px;
    }
    
    #page {
    	position: absolute;
    	padding: 0px 0px 0px 0px;
    	margin: 0px 0px 0px 0px;
    	width: 960px;
    	background-image: url(/img/page-tile.gif);
    	background-repeat: repeat-y;
    }

    #mh {
    	width: 960px; height: 170px;
    	background-image:url(/img/masthead.jpg);
    }
    
    /* MAIN CONTENT STYLING */

    #pagecontent {
        float: left;
        clear: left;
        width: 590px;
        padding: 0px 0px 20px 30px;
        margin: -10px 0px 0px 0px;
    }
    #pagecontent {font-family: Verdana, Helvetica, sans-serif; color: #000000; font-size: 10pt; line-height: 22px;}
    #pagecontent p {margin: 6px 0px 6px 0px;}


    #pagecontent A:link {  color: #339900; text-decoration: underline;}
    #pagecontent A:visited {  color: #92BA5D; text-decoration: underline;}
    #pagecontent A:hover {  color: #339900; text-decoration: underline;}
    #pagecontent A:active {  color: #339900; text-decoration: underline;}

    #pagecontent  h1 {font-size: 14pt; font-weight:bold; padding: 0px; margin: 20px 0px 10px 0px; color: #339900;}
    #pagecontent  h2 {font-size: 11pt; font-weight:bold; padding: 0px; margin: 10px 0px 10px 0px; color: #339900;}
    #pagecontent  h3 {font-size: 10pt; font-weight:bold; padding: 0px; margin: 10px 0px 10px 0px; color: #339900;}


    #pagecontent ul {margin: 10px 0px 20px 0px; padding: 0px 0px 0px 0px;}
    #pagecontent li {list-style-image: url(/img/bullet-1.gif); margin: 10px 0px 10px 20px; padding: 0px 0px 0px 4px;}

    /* MAIN MENU*/

    #mainmenu {
    	position: absolute;
    	top: 93px;
    	z-index: 3;
    	width: 736px; height: 25px;
    	left: 17px;
    	margin: 0px 0px 0px 0px;
    	padding: 5px 0px 0px 0px;
    	font-family: Verdana, Helvetica, sans-serif;
    	font-weight:bold;
    	font-size: 10pt;		
    }

    #mainmenu ul {
    	list-style:none;
    	margin: 0px;
    	margin-left: 0px; 
    	padding: 0px;
    }

    #mainmenu li.not-selected {
    	border: none; 
    	float:left; 
    	position:relative; 
    	text-align:center; 
    	margin-top: 9px;
    	padding: 0px 10px 0px 10px;
    }

    #mainmenu li {
    	border-left:1px solid #BDD498; 
    	float:left; 
    	position:relative; 
    	text-align:center; 
    	margin-top: 9px;
    	padding: 0px 10px 0px 10px;
    }

    #mainmenu li.selectedSmall,
    #mainmenu li.selectedMedium,
    #mainmenu li.selectedLarge
    {
    	color: #B49000;
    	border: none; 
    	float:left; 
    	position:relative; 
    	text-align:center; 
    	padding: 8px 0px 6px 0px;
    	margin-top: 0px;
    	background-repeat: no-repeat;
    }
    
    #mainmenu li.selectedSmall{
        width: 86px;
        background-image: url(/img/tab-size-1.gif); 
    }
    
    #mainmenu li.selectedMedium{
        width: 120px;
        background-image: url(/img/tab-size-2.gif);
    }
    
    #mainmenu li.selectedLarge{
        width: 170px;
        background-image: url(/img/tab-size-3.gif);
    }

    #mainmenu A {color: #F7F2DC; margin: 0px 10px 0px 10px;text-decoration: none;}
    #mainmenu A:link {color: #F7F2DC; text-decoration: none;}
    #mainmenu A:hover {color: #F7F2DC; text-decoration: underline;}
    #mainmenu A:active {color: #F7F2DC; text-decoration: none;}
    
    /* when on active link color is different */
    #mainmenu .selectedSmall A {color: #B49000;}
    #mainmenu .selectedMedium A {color: #B49000;}
    #mainmenu .selectedLarge A {color: #B49000;}

    /* SUB MENU*/

    #submenu {
    	position: absolute;
    	top: 125px;
    	z-index: 3;
    	width: 736px; height: 20px;
    	left: 22px;
    	margin: 0px 0px 0px 0px;
    	padding: 0px 0px 0px 0px;
    	font-family: Verdana, Helvetica, sans-serif;
    	font-size: 9pt;	
    	color: #B49000;
    }

    #submenu ul {
    	list-style:none;
    	margin: 0px;
    	margin-left: 0px; 
    	padding: 0px;
    	}

    #submenu li {
    	border-left:1px solid #D1C386; 
    	float:left; 
    	position:relative; 
    	text-align:center; 
    	margin-top: 7px;
    	padding: 0px 10px 0px 10px;
    }

    #submenu A {color: #339900; margin: 0px 4px 0px 4px; font-weight:normal;}
   /* #submenu A:link {color: #339900; text-decoration: underline;}
    #submenu A:hover {color: #DC9215; text-decoration: underline;}
    #submenu A:active {color: #339900; text-decoration: underline;} */
    
    /*highlight the selected one */
    #submenu .selectedSmall A,
    #submenu .selectedMedium A,
    #submenu .selectedLarge A {
        color: #B49000;
        margin: 0px 4px 0px 4px;
        font-weight:bold;
        text-decoration: none;
    }

    
    #rcol {
        float: right;
        clear: right;  
    	width: 300px;
    	/* position: absolute;
    	left: 630px;
    	top: 190px;
    	*/
    	margin: 0px 20px 0px 0px;
    	padding: 10px 0px 0px 0px;
    	font-family: Verdana, Helvetica, sans-serif;
    	color: #000000;
    	font-size: 10pt;
    	line-height: 22px;
    }

    #rcol  h2 {font-size: 11pt; font-weight:bold; padding: 0px 0px 0px 4px; margin: -25px 0px 10px -4px; color: #339900; background-color: #FFFFFF; z-index: 10;}

    #rcol p {margin: 8px 0px 0px 0px; padding: 0px;}
    
    .rightList{
        padding-top: 0px;
        padding-left: 18px;
        padding-right: 5px;
        margin-top: 0px;
        margin-left: 0px;
        list-style-image: url('/img/bullet-1.gif');
        line-height: normal;
    }
    
    .rightList li{
        padding-bottom: 5px;
    }
    
    .rightBox a{
        text-decoration: underline;
        color: #B49000;
    }
    
    .rightList a{
        text-decoration: none;
    }
    
    .rightBox a:hover{
        text-decoration: underline;
    }
  
    /* FOOTER */

    #footer {
        float: left;
        clear: both;
        width: 960px;
        height: 70px;
    	padding: 0px 0px 0px 0px;
    	margin: 0px 0px 0px 0px;
    	background-image:url(/img/footer.jpg);
    	background-repeat: no-repeat;
    }
  
    /* FOOTER MENU*/

    #footer_menu {
    	height: 25px;
    	margin: 4px 0px 0px 30px;
    	padding: 0px 0px 0px 0px;

    	font-family: Verdana, Helvetica, sans-serif;
    	font-weight:normal;
    	font-size: 10pt;
    	color: #F7F2DC;		
    }

    #footer_menu A {margin: 0px 0px 0px 0px;text-decoration: underline;}
    #footer_menu A:link {color: #F7F2DC;}
    #footer_menu A:visited {color: #CEDFB2;}
    #footer_menu A:hover {color: #F7F2DC; }
    #footer_menu A:active {color: #F7F2DC; }

    #footer_content {
    	height: 25px;
    	margin: 3px 0px 0px 0px;
    	padding: 0px 20px 6px 20px;

    	font-family: Verdana, Helvetica, sans-serif;
    	font-weight:normal;
    	font-size: 70%;	
    	color: #F7F2DC;
    }

    #footer_content p {
    	margin: 6px 0px 0px 0px;
    	padding: 0px 0px 0px 0px;
    }
    
    #footer_content a {
    	color: gray;
    }
     
    #ccimage, #cctext{
        float:left;
        vertical-align: center;
        padding-left: 10px;
        font-size:80%;
    }
    #cctext{
        padding-top: 1px;
    }

    
    #scriptDuration{
        float:right;
        padding-top: 15px;
        padding-right: 5px;
        font-size:80%;
        vertical-align: bottom;
        color:gray;
    }
    
    .supporter{
        padding-bottom: 5px;
        margin-bottom: 10px;
        text-align:center;
        width: 160px;
        overflow: none;
    }
    
    .form_field {
    	margin: 6px 0px 6px 0px; padding: 4px; border: 1px solid #339900; background-color: #FFFFFF; color: #339900; width: 92%;
    }
    
    form {
    	margin: 0px 0px 0px 0px;
    	padding: 0px;
    }
    
    form table .formTable{
        width: 500px;
        border: 0;
    }
    form th .formTable{
        text-align: right;
        vertical-align:top;
    }
    form td .formTable{
        text-align: left;
        vertical-align:top;
    }
    form .formTable .submit{
        text-align: right;
    }
    
    dt{
        color: #3c632f;
    }
    dd{
        margin-bottom: 10px;
    }
    #user-data{
        border: solid 1px black;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    #modalDivTable
    {
        visibility:hidden;
        display: none;
    	background-color: #ffffff;
    	position:absolute;
    	/* set z-index higher than possible  */
    	z-index:10000;
    	border-style: solid;
    	border-color: gray;
    	border-width: 1px;
        
        border-collapse: collapse;
        /* border:none; */
    }
      
    #modalDivTable td
    {
    }

    #modalDivHeader td
    {
    	background-color: #7ebc55;
    	font-family: Verdana, Helvetica, sans-serif;
    	font-weight:bold;
    	font-size: 10pt;
    	color: #F7F2DC;
    	padding: 5px;
    	padding-bottom: 8px;
    	vertical-align: middle;
    	background-image:url(/img/footer.jpg);
    	background-repeat: repeat-y;
    	background-position: 90% 80%;
    }
    
    #modalDivHeader a
    {
    	font-family: Verdana, Helvetica, sans-serif;
    	font-weight:bold;
    	font-size: 10pt;
    	color: #F7F2DC;
    	text-decoration: none;
    }
    
    #modalDivContent td
    {
        /* overflow: scroll; */
    }
    
    #modalDivFooter td
    {
        height: 20px;
        padding: 5px;
        padding-right: 10px;
        text-align: right;
        border-top: solid gray 1px;
        font-family: Verdana, Helvetica, sans-serif;
    	font-weight:bold;
    	font-size: 10pt;
    	color: #F7F2DC;
    	background-image:url(/img/footer.jpg);
    	background-repeat: repeat-y;
    	background-position: 90% 80%;
    }
    
    #modalDivFooter a
   {
        font-family: Verdana, Helvetica, sans-serif;
        font-weight:bold;
        font-size: 10pt;
        color: #F7F2DC;
        text-decoration: none;
   }
    
    #modalDivDimmer 
    {
    	visibility: hidden;
    	position:absolute;
    	left:0px;
    	top:0px;
    	background-color: black;
    	opacity: 0.66;
    	filter: alpha(opacity = 66);
    	z-index:100; 
    }
    
    /*  RECORDS */
    
    .recordTable{
        
    }
    
    .recordTable th{
        vertical-align: top;
        text-align: right;
        padding-top: 10px;
    }
    
    .recordTable td{
        vertical-align: top;
        text-align: left;
        padding-top: 10px;
    }
    
    .recordTable .fieldDoc{
        font-size: 90%;
        padding-left: 10px;
    }
    
    #permaLink{
        height: 15px;
        padding-bottom: 10px;
    }
    

    /* Tabbed panels */
    #metaPanelTabs{
        border-bottom: solid 1px #D1C386;
        height: 28px;
        margin-top: 15px;
        margin-bottom: -2px;
        
    }

    .tabOn,
    .tabOff
    {
        float: left;
        clear: right;
        /* border-top: solid 1px #D1C386;
        border-right: solid 1px #D1C386;*/
        border-bottom: 0px;
        padding-top: 2px;
        padding-bottom: 3px;
        height: 22px;         
        font-family: Verdana, Helvetica, sans-serif;
        font-weight:bold;
        font-size: 10pt;
    }
    
    .tabOffLeftImageDiv{
        float: left;
        clear: right;
        height: 27px;
        width: 10px;
        background-image:url(/img/offTab_left.gif);
        background-repeat: no-repeat;
        background-position: 0% 0%;
    }
    
    .tabOff{
        background-color: #92BA5D;
        color: #fefcf5;
        background-image:url(/img/offTab_middle.gif);
        background-repeat: repeat-x;
        background-position: 0% 0%;
    }
    
    .tabOffRightImageDiv{
        float: left;
        clear: right;
        height: 27px;
        width: 10px;
        background-image:url(/img/offTab_right.gif);
        background-repeat: no-repeat;
        background-position: 100% 0%;
        margin-right: 1px;
    }
    
    .tabOnLeftImageDiv{
        float: left;
        clear: right;
        height: 28px;
        width: 10px;
        background-image:url(/img/onTab_left.gif);
        background-repeat: no-repeat;
        background-position: 0% 0%;
        margin-bottom: -1px;
    }
    
    .tabOn{
        color: #B49000;
        background-color:  #fefcf5;
        background-image:url(/img/onTab_middle.gif);
        background-repeat: repeat-x;
        background-position: 0% 0%;
        height: 23px;
        margin-bottom: -1px;   
    }
    
    .tabOnRightImageDiv{
        float: left;
        clear: right;
        height: 28px;
        width: 10px;
        background-image:url(/img/onTab_right.gif);
        background-repeat: no-repeat;
        background-position: 100% 0%;
        margin-right: 1px;
        margin-bottom: -1px;
    }
    
    .panelOn,
    .panelOff
    {
        background-color: #fefcf5;
        border-left: solid 1px #D1C386;
        border-right: solid 1px #D1C386;
        border-bottom: solid 1px #D1C386;
        border-top: solid 1px #D1C386;
        margin-top: -1px;
        padding: 10px;
        width: auto;
        clear: both;
    }
    
    .panelOn{
        display: block;
        visibility: visible;
        padding-bottom: 5px;
    }
    .panelOff{
        display: none;
        visibility: hidden;
    }
    
   .collectionChunk
    {
       /*  border: solid 1px black; */

        padding-bottom: 5px;
        border-bottom: solid 1px #D1C386; 
        margin-bottom: 5px;

        /* width is by % */
        padding-left: 5px;
        padding-right: 5px;
        margin-left: 5px; 
        margin-right: 5px; 
        width: auto;
        font-size: 95%;
    }
    .collectionChunk table
    {
        width: 100%;
        border-collapse: collapse;
    }
    .collectionChunk tr
    {
       border-bottom: white solid 2px;
        
    }
    .collectionChunk th
    {
        text-align: right;
        vertical-align: top;
        font-weight: normal;
        padding-right: 5px;
        width: 25%;
        white-space: nowrap;
        
    }
    
    .virtualCollection .collectionChunk th
    {
        background-color: #eeeeee;
    }
    
    .physicalCollection .collectionChunk th
    {
        background-color: #ebf2e1;
        color: #339900;
    }
    
    .collectionChunk td
    {
        text-align: left;
        vertical-align: top;
        padding-left: 5px;
    }
    .collectionChunk .tableHead
    {
        text-align: left;
        font-weight: bold;
        padding-left: 0px;
        color: #339900;
    }
    
    .editLink
    {
        margin-top: 0px;
        margin-bottom: -7px;
        z-index: 100;
        float:right;
    }
    
    .searchResultVirtualCol,
    .searchResultPhysicalCol
    {
        margin-bottom: 10px;
        padding-bottom: 8px;
        padding-left: 80px;
        border: solid 1px #D1C386;
        background-color: #fefcf5;
        background-repeat: no-repeat;
        background-position: 0% 0%;
        
        /* Image is written in by the code */
        
    }
    
    #searchStats{
        float: right;
        color: #B49000;
        margin-top: 8px;
    }
    
    #searchPaging{
        color: #B49000;
    }
    
    .rightBox{
        width: auto;
        border: solid #D1C386 1px;
        vertical-align: middle;
        text-align: left;
        padding-top: 5px;
        padding-bottom: 0px;
        padding-right: 5px;
        padding-left: 0px;
        margin-bottom: 20px;
        margin-top: 0px;
        vertical-align: bottom;
        text-indent: 5px;
        background-color: white;
        color: #B49000;
    }
    
    .rightBoxSpacer{
        width: 100%;
        height: 20px;
        overflow: auto;
        margin-top: 0px;
        font-size: 90%;
        text-indent: 0px;
        padding-left: 5px;
        padding-top: 5px;
    }
    
    #searchBox{
        background-image:url(/img/search-box-tile.jpg);
    	background-repeat: repeat-x;
    	font-size: 120%;
    
    }
    
    #searchBoxSpacer{
    	background-image:url(/img/search-box-decoration.png);
    	background-repeat: no-repeat;
    	background-position: -5% 120% ;
    	height:180px;
    }
    
    .rightBoxTitleBox{
       margin-top: -1.2em;
       width: auto;
    }
        
    .rightBoxTitle{
        background-color: white;
        font-size: 11pt;
        font-weight:bold; 
        color: #339900;
        padding-left: 5px;
        padding-right: 5px;
    }
   
    #nextPrevBox{
        margin:0px;
        padding-right: 14px;
        display: inline;
        font-size: 80%;
    }
    #nextPrevBox a{
        color: #B49000;
    }
    
    
    
    #nextPrevBox #prevBox{
        text-align: left;
        display: inline;
    }
    
    #nextPrevBox #listBox{
        text-align: center;
        display: inline;
    }
    
    #nextPrevBox #nextBox{
        text-align: right;
        display: inline;
        padding-left: 5px;
    }
    
    
    #relationshipsBox th{
        vertical-align: top;
        text-align: left;
        padding-right: 5px;
        padding-left: 2px;
        white-space: nowrap;
    }
    
    #relationshipsBox td{
        font-size: 85%;
        vertical-align: top;
        text-align: left;
        padding-right: 2px;
        padding-left: 14px;
        text-indent: -12px;
    }
    #browseBoxSpacer a{
        text-decoration: none;
    }
    #browseBoxSpacer ul{
         padding-left: 0px;
         padding-top: 0;
         padding-bottom: 0px;
         padding-right: 0;
         margin: 0;
    }
    
    #browseBoxSpacer .browseList{
        background-color: white;
    }
    
    #browseBoxSpacer .browseList .browseList{
        background-color: #ddd;
    }
    #browseBoxSpacer .browseList .browseList .browseList{
        background-color: #bbb;
    }
    #browseBoxSpacer .browseList .browseList .browseList .browseList{
        background-color: #999;
    }
    #browseBoxSpacer .browseList .browseList .browseList .browseList .browseList{
        background-color: #777;
    }
    #browseBoxSpacer .browseList .browseList .browseList .browseList .browseList .browseList{
         background-color: #555;
     }   
    #browseBoxSpacer .browseList .browseList .browseList .browseList .browseList a{
        color: white;
    }
        
    #browseBoxSpacer li{
        list-style: none outside;
    }
    
    .helpTriggerDiv
    {
        display: block;
        position: absolute;
    }
    
    .helpPopUp
    {
        display: none;
        position: absolute;
        width: 160px;
        border:solid black 1px;
        padding: 5px;
        background-color: white;
        text-align: left;
        vertical-align: top;
        z-index: 100;
    }
    
    
    #collectionRelationships
    {
        width: 100%;
        border-top: solid 1px black;
        border-collapse: collapse;
        margin-bottom: 20px;
        text-align: left;
    }
    
    #collectionRelationships th, 
    #collectionRelationships td
    {
        border-bottom: solid black 1px;
        padding: 5px;
    }
    
    #collectionRelationships th
    {
        text-align: left;
    }
    #collectionRelationships .editLink
    {
        float:none;
    } 
    
    .warning
    {
        background-color: white;
        color: red;
        border:solid 1px red;
        margin: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    #locationsColumn1 li,
    #locationsColumn2 li{
        margin-bottom: 0px;
        margin-top: 0px;
    }