/* *******************************************
   NAME:          NEHWeb.css
   AUTHOR:        Greg Brown
   WEBSITE:       NEH III website
   LAST EDITED:   February 26, 2011

   Based on:
   AUTHOR:        Erwin Aligam 
   WEBSITE:       http://www.styleshout.com/
   TEMPLATE NAME: Outdoor
   TEMPLATE CODE: S-0020
   VERSION:       1.0          	


**********************************************
   HTML ELEMENTS
******************************************* */ 

*                 { margin: 0; padding: 0; outline: 0 }

body              { background: #444 url(bg.jpg) repeat-x; font: 75%/1.6em Verdana, Tahoma, Arial, Geneva, sans-serif; 
                    color: #111111; text-align: center; margin: 0 0 50px 0; padding:0; background: #8cbd8c; }

a, a:visited      { color: #5439f6; background: inherit; text-decoration: none;	}
a:hover           { color: #88ac0b; background: inherit; text-decoration: underline; color:#f67339; }

p                 { }
h1                { font-size: 140%; font-weight: bold; letter-spacing: -1px; }
h2                { font-size: 120%; font-weight:bold; }
h3                { font-size: 120%; font-weight: bold; text-align:left; color: #f2760a; color:#284f42; }
h4                { text-align:center; }
h5                { font-size: 90%; font-weight: bold; text-align:left; margin-left:20px; 
                    padding-top:0; margin-top:0; }
#main p           { margin-bottom:10px; }
#main h1          { margin-top: 10px; padding-bottom: 3px; margin-bottom:30px; 
	                font: normal 2.3em 'Trebuchet MS', Tahoma, Sans-serif; 
	                letter-spacing: -1px; text-transform: none; text-align:center; }
#main h1.nospacebelow { margin-bottom:0; }
#main h1.resultstitle    { margin-top: 10px; padding-bottom: 3px; margin-bottom:30px; 
	                font: normal 1.8em 'Trebuchet MS', Tahoma, Sans-serif; 
	                letter-spacing: -1px; text-transform: none; text-align:center; margin-bottom:0;  }



#main h2          { margin-top: 10px; padding-bottom: 3px;
	                font: normal 1.7em/1.1 'Trebuchet MS', Tahoma, Sans-serif; letter-spacing: -1px; 
	                text-transform: none; }
#main h2 a        { text-decoration: none;	}
#main h2.sitesubheading  {  padding-bottom: 3px; margin-bottom:30px; margin-top:0; padding-top:0; 
	                        font: normal 2.0em 'Trebuchet MS', Tahoma, Sans-serif; 
	                        letter-spacing: -1px; text-transform: none; text-align:center;}
#main h4.clicktoenlarge  { text-align:center; }

ul, ol             { margin: 5px 20px; padding: 0 20px; }
ul                 { list-style: none; }
ul.bulleted        { list-style: disc; }
ul.linklist li     { display:block;  padding-left:.8em;  margin-right:.2em; 
					 background: transparent url(images/rtarrow.gif) left center no-repeat; } 
ul.bulleted li     { list-style: disc; }
#main ul li        { list-style-image: url(bullet.gif); }

dl                 { }
dt                 { margin-left:10px; font-weight:bold; }
dl.references dt   { font-weight:normal; margin-top:0px;  }
dd                 { margin-left:30px; }
dl.references dd   { padding: 0px; margin: 0 0 15px 60px; text-indent: -50px; padding:0 10px; }

table              { } 
tr                 { } 
tr.spacebefore     { height:2em; vertical-align:bottom;  }
td,th              { margin: 0; padding:0;  }
th                 { font-weight:bold; text-align: left; border-bottom:1px solid black; 
                     vertical-align:bottom;  }

sup                {  font-size: 100%; height: 0; line-height: 1; vertical-align: baseline; 
                      _vertical-align: bottom; position: relative;   }
.ph                { font-weight:bold; color:#ce9c6b; }
.h                 { font-weight:bold; color:#949cce; }

hr.hline           { text-align:center; border-top: 4px solid #284f42; }

form               { border: none; margin: 0; padding: 5px 0 0px 0; }
label              { display:inline; font: normal 1em Verdana, sans-serif; margin:5px 0 5px 0; 
	                 float:left; width:150px; clear:both; text-align:right; padding-right:10px; 
                     font-style:normal; margin-left:10px; text-align:right; }
textarea           { width:400px; padding:2px; font: normal 1em Verdana, sans-serif;
	                 border:1px solid black; height:100px; display:block; color:#777; border:none; }
select             { font: normal 1em Verdana, sans-serif; margin:5px 0; width:200px; margin:3px 0 8px 0; 
                     height:20px; border:1px solid black; display:block; }
input              { border:1px solid white; margin:5px 0; font: normal 1em Verdana, sans-serif;
	                 color:#777; height:16px; border:1px solid #aaa; width:250px; margin:3px 0; height:20px; 
	                 border:1px solid black;  }
input.textbox      { width:190px; width: 170px; color: #777; height: 18px; padding: 2px;	
	                 border: 1px solid #E5E5E5; vertical-align: top; }

/********************************************
   LAYOUT
********************************************/ 
#wrap              { position: relative; background-color: #8cbd8c;
	                 width: 1070px; margin: 0px auto 0 auto; text-align: left; }
#content-wrap      { position: relative; background: #fff url(Images/Background_Main_Full.gif) repeat-y;
	                 clear: both; float: left; width: 1070px; padding: 0; margin-left: 0px; 
	                 display: inline; }
#leftbar           { float: left; width: 140px; padding: 0 0px 0 0px; margin: 0 0 0px 10px;
	                 display: inline; }
#bannerimage       { text-align:center; margin-bottom:20px; background-color:#fff; margin:0; padding:0;
	                 margin-left:0px;  margin-right:0px;}
#main              { float: left; width: 700px; padding: 0 0px; margin: 0 30px; 	}
#rightbar          { float: right; width: 150px; padding: 0 0px 0 0px; margin: 0 0 0px 0px;
	                 display: inline; }
#main              { min-height: 1800px; display: grid; grid-template-rows: 150px 1fr 150px;}
header             {}
main               {}
footer             {}

/********************************************/
/* Left Nav 
/********************************************/
#leftbar          { font: 75%/1.6em Verdana, Tahoma, Arial, Geneva, sans-serif; color: #111111; }
#leftbar a        { color:black; text-decoration:none; }
#leftbar h1       { font-size: 200%; font-weight:bold; margin-top:10px; font-family:Arial, Sans-Serif;
                    margin-top:20px; margin-bottom:20px;   }
#leftbar h2       { border-top:1px solid black; border-bottom:1px solid black; margin-right:20px; }
#leftbar h3       { font-size: 110%; font-weight:bold; color:black; font-style:italic; }
#leftbar ul       { list-style:none; margin:0; padding:0; }
#leftbar li       { font-size: 110%; font-weight:bold; list-style:none; margin:0; padding:0; 
                    padding-bottom:10px; margin-right:10px; }
#leftbar span.SiteNo { padding-left:10px; font-size: 9px; }
#leftbar a        { text-decoration:none; }
#HeadHistoric     { background:url(images/StampImageMain.gif) no-repeat; height:53px;  }
#HeadPrehistoric  { background:url(images/BrownPotMain.gif)no-repeat; height:53px; }
#leftbar h1      { font-size: 200%; font-weight:bold; margin-top:10px; line-height:1.4em;
                    margin-bottom:20px;  letter-spacing: 0; font-family:Arial, Sans-Serif; }

/********************************************/
/* Right Nav 
/********************************************/
#rightbar         { font: 75%/1.6em Verdana, Tahoma, Arial, Geneva, sans-serif; color: #111111; }
#rightbar a       { color:black; text-decoration:none; }
#rightbar h1      { font-size: 200%; font-weight:bold; margin-top:10px; line-height:1.4em;
                    margin-bottom:20px;  letter-spacing: 0; font-family:Arial, Sans-Serif; }
#rightbar h2      { border-top:1px solid black; border-bottom:1px solid black; margin-right:20px; }
#rightbar h3      { font-size: 110%; font-weight:bold; color:black; font-style:italic; }
#rightbar ul      { list-style:none; margin:0; padding:0; }
#rightbar li      { font-size: 110%; font-weight:bold; list-style:none; margin:0; padding:0; 
                    padding-bottom:10px; margin-right:10px; }
#rightbar span.SiteNo { padding-left:5px; font-size: 9px; }
#rightbar a       { text-decoration:none; }

/********************************************/
/* Footer 
/********************************************/
#footer-wrap      { clear: both; width: 660px; font-size: 80%; text-align: center;
	                padding: 30px 0 0 0;	border-bottom: 15px solid #fff;	margin-top:30px;
	                background-color:#fff;  }
#footer-wrap a:hover { color: #000;	}
#footer-bottom    { clear: both; color: #666; margin: 0px 0px 0 0px; width: 920px;
	                padding: 5px 30px 0 30px; text-align: left;	border-top:1px solid #aaa; 
	                line-height:1.5; }
#footer-bottom  a { color: #976834; }
#footer-bottom  p { margin:0; padding:0; }
#copyright        { font-size:75%; line-height:1.6em; }
footer            { border-top: 3px solid black; padding-top: 1rem; font-size: 80%; }
.logo-container   { display: grid; grid-template-columns: 60px 1fr; gap: 1rem; }
.logo-container img { width: 60px; }
.copyright-container { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.logo-right p     { text-align: left; }
.copyright-container { text-align: right; }
.copyright-container p.copyright { text-align: left; }

/********************************************/
/* DynamicPart                                  
/********************************************/
#dynamicpart      { margin-top: 20px; font-weight:bold; }
#dynamicpart h3   { margin:0; padding:0; }
#dynamicpart p    { text-align:left; font-weight:normal; }
#dynamicpart #links { text-align:center; }
#dynamicpart ul   { margin-bottom:30px; }
#dynamicpart #links ul { margin-bottom:5px; }
#dynamicpart li   { display:inline; margin-right:60px; }
#dynamicdocuments li { display:block; font-weight:normal; text-align:left; }

/********************************************/
/* Summary Page Table
/********************************************/
#summarygrid      { margin-top:20px; font-size:100%;  }
#summarygrid td   { vertical-align:top; }

/********************************************/
/* Artifact and Map Gallery Table
/********************************************/
#gallerygrid      { margin-top:20px; font: 75%/1.6em Verdana, Tahoma, Arial, Geneva, sans-serif;  }
#gallerygrid table { border-collapse: collapse; margin: 10px; margin:0; padding:0; margin-top:30px; } 
#gallerygrid td   { padding-left: 11px; padding-right: 11px; padding-top:2px; padding-bottom:2px;
	                border-left: 1px solid #fff; border-bottom: 1px solid #fff; text-align:right; 
	                background-color:white; width:200px; }
#gallerygrid div.caption  { margin-bottom:10px; text-align:left; height:30px; vertical-align:top; 
                            line-height:1.5; width:200px;  }

/********************************************/
/* Artifact and Map Enlargement Table
/********************************************/
#enlargementgrid  { margin-top:20px; text-align:center;  }

/********************************************/
/* Search Form 
/********************************************/
#searchdiv        { margin-top:15px; padding:0; width:650px;  
	                background: #ddd url(/chesapeakearch/css/images/roundbottom650.jpg) bottom no-repeat;
	                padding-bottom:15px; }
#searchdiv h1     { text-align:center; margin-top:0; padding-top:0; border:none; 
	                padding: 0 5px 5px 5px; font: normal 1.6em 'Trebuchet MS', Tahoma, Sans-serif; 
	                color:white; background: #8cbd8c url(images/roundtop650.jpg) top no-repeat;  
	                letter-spacing:0.5px; }
#searchdiv label  { width:120px; }
#searchdiv input  { width:150px; }
#searchdiv input  { width:170px; }
#searchdiv select { width:170px; }

.col              { float:left; width:320px; }
.no-col           { float:left; width:640px; }
#searchdiv .no-col select { width:490px; }
.col300           { float:left; width:300px; margin-left:0; margin-right:0;  }
.col350           { width:350px; margin-left:350px; margin-right:0; text-indent:-50px; }
.col300 h2        { width:auto; }
.col350 h2        { width:auto; }

#topsearchdiv     { margin:10px 0; text-align:center; margin-bottom:20px; border-top:1px solid black ;
                    border-bottom:1px solid black; padding-top:10px; }
#topsearchdiv input  { width:100px; height:30px; background-color:#ddd; }
#topsearchdiv select { width:490px; }

#bottomsearchdiv  { margin:10px 0; text-align:center; }
#bottomsearchdiv input { width:100px; height:30px; background-color:#ddd; }
#bottomsearchdiv input.button { background-color:#8cbd8c; color:white; font-weight:bold; height:22px; 
                                border: 1px solid #8cbd8c; margin-right:20px; margin-top:20px; padding-bottom:4px;
                                font-family:Arial, Tahoma, Sans-Serif; font-weight:normal;  }
#bottomsearchdiv input.button:hover { background-color:#0d440d; color:white; font-weight:bold;   }
#bottomsearchdiv span { float:right; padding-right:30px; padding-top:10px; font-size:90%; margin-top:10px; }

div.progressindicator { position:absolute; z-index:999; top:400px; left:300px; border: dashed 1px #000000;
                        background-color: #EEEEEE; background-image: url(images/spinner.gif); 
                        background-position: 20px center; background-repeat: no-repeat; cursor: wait; 
                        padding: 10px; margin-left:50px; width: 300px; height:20px; text-align: center; }
  
/********************************************/
/* Pager classes, Results Page
/********************************************/

.pager                  { background-color:#eee; font-size:80%; font-weight:bold; padding:4px;  }
.pager span.CurrentPage { }
.pager a.PageNumber     { }
.pager span.nOfn        { }

/********************************************/
/* Results Page Table
/********************************************/

#resultsgrid            { margin-bottom:20px; }
#resultsgrid table      { border-collapse: collapse; margin: 10px; margin:0; padding:0; margin-top:30px; } 
#resultsgrid td         { padding-left: 11px; padding-right: 11px; padding-top:2px; padding-bottom:2px;
	                      border-left: 1px solid #fff; border-bottom: 1px solid #fff; text-align:right; 
	                      background-color:white; width:120px; }
#resultsgrid td         { font: 90%/1.6em Verdana, Tahoma, Arial, Geneva, sans-serif; color: #111111; 
	                      margin: 0 0 0px 0; padding:0; text-align:left; }
#resultsgrid th         { font: 90%/1.6em Verdana, Tahoma, Arial, Geneva, sans-serif; color: #111111; 
	                      margin: 0 0 0px 0; padding:0;  }
#resultsgrid div.caption { margin-bottom:10px; text-align:left; font-size:80%; height:30px; vertical-align:top; 
                           line-height:1.5; width:100px; height:auto; }
#resultsgrid img        { text-align:left; }
#resultsgrid .PreviousPage {}
#resultsgrid .CurrentPage  {}
#resultsgrid .PageNumber   {}
#resultsgrid .nOfn         { float:right; }
#resultsgrid td            { width:120px; }
#resultsgrid table.gridview { width:700px; }
#resultsgrid .gridviewtd { padding:4px; vertical-align:top; border:1px solid #ddd; }

/********************************************/
/* Artifact Results Page Table
/********************************************/

#artifactgrid            { margin-bottom:20px; }
#artifactgrid table     { border-collapse: collapse;  } 
#artifactgrid table td  { border:1px solid #aaa; vertical-align:top; padding:2px;} 
#artifactgrid table tr.alternating td { background-color:#b7d6b7; } 
#artifactgrid table th  { border:1px solid #000; vertical-align:top; padding:2px; font-size:80%; 
                          background-color:#8cbd8c; color:White; } 
#artifactgrid .PreviousPage {}
#artifactgrid .CurrentPage  {}
#artifactgrid .PageNumber   {}
#artifactgrid .nOfn     { float:right; }
#artifactgrid td        { font-size:80%; line-height:1.4; }
              
/********************************************/
/* Detail Page Table
/********************************************/

#detailgrid          {  margin-bottom:30px; } 
#detailgrid ul       { list-style:none; } 
#detailgrid li.image { float:left; width:310px; list-style:none; margin-left:-40px; margin-right:40px;  } 
#detailgrid li.table { float:left; width:400px; list-style:none; } 
#detailgrid li.table td { vertical-align:top; } 
#detailgrid th       { width:120px; text-align:left; margin:0; padding:0; font-weight:normal; border:none; 
                       vertical-align:top;}
#detailgrid td       { font-weight:bold; vertical-align:top; margin:0; padding:0; }

/********************************************/
#detailgrid .formview          { font-size:80%; }
#detailgrid .formview table    { border-collapse: collapse; } 
#detailgrid .formview table td { border-bottom:1px solid #aaa; } 
#detailgrid .formview table th { border-bottom:1px solid #aaa; }


.dynamicpartcol1               { width: 360px; float:left; margin-top:20px; }    
.dynamicpartcol1 li            { width: 300px; margin-right:10px; }    
.dynamicpartcol2               { width: 300px; float:left; margin-top:20px; }    
.dynamicpartcol2 li            { width: 300px; margin-right:10px; }    

.accordionHeader               { border-bottom: 1px solid white; color: white; 
                                 background: #8cbd8c url(images/expand.jpg) center right no-repeat;
                                 font-size: 10px; font-weight: bold; padding: 5px; margin-top: 5px; 
                                 cursor: pointer; width:600px; }
.accordionHeaderSelected       { border-bottom: 1px solid white; color: white; 
                                 background: #8cbd8c url(images/collapse.jpg) center right no-repeat;
                                 font-size: 10px; font-weight: bold; padding: 5px; margin-top: 5px; 
                                 cursor: pointer; width:600px; }

#main .wizard                  { margin-bottom:30px; }
#main .wizard h1               { margin:0; padding:5px; font-size:110%; font-weight:bold; background-color:#8cbd8c; 
                                 color:white; margin-bottom:20px; font-family: Verdana, Tahoma, Arial, Geneva, sans-serif; margin-left:-10px; 
                                 margin-right:-10px; margin-top:-10px; letter-spacing:0px; }
#main .wizard .checkboxlist    { width:680px; font-size:80%;  }
#main .wizard .checkboxlist label { width:300px; display:inline; float:right; text-align:left;padding:0; margin:0; }
#main .wizard .checkboxlist input { width:20px; padding:0; margin:0; }
#main .wizard                  { border: 1px solid black; width:680px;  }
#main .wizardbutton            { width:100px; background-color:#8cbd8c; color:White; font-weight:bold; border:none; 
                                 font-family:Arial, Tahoma, Sans-Serif; font-weight:normal; }
#main .wizardbutton:hover      { width:100px; background-color:#0d440d; color:White; font-weight:bold; border:1px solid #aaa; 
                                 border:none;}
#main .wizardheader            { background-color:#ffc92c; width:100px; padding-left:10px; vertical-align:top; }
#main .wizardstep              { padding:10px; }
#main .wizard label            { float:none; width:150px; display:inline; }
#main .wizard input[type='radio'] { width:20px; }
#main .wizard .wizardstep      { padding-left:0 0 0 5px; margin:0; }

#dynamicdocuments li.references { margin-left:10px; text-indent: -10px; margin-bottom:10px; }
.note { font-size:90%; font-style:italic; }

/*
#leftbar { padding-left:10px; }
#rightbar { padding-left:10px; }
#main { border:3px solid red; }
body, #content-wrap { background:none; }

#leftbar, #main, #rightbar { border:1px solid red;   }
*/