/* Style sheet for the Edgecomb Historical Society base page */

body { width: 100%;
       min-width: 850px;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 12pt;
       border-style: none;
       border: 0;
       margin: 0;
       padding: 0;
       text-align: left;
       text-decoration: none;
       color: black;
       background-color: white; }

div.p#stuff { margin-bottom: 6em; }

div#header { width: 100%;
             height: 25em;
             font-size: 75%;
             font-family: fantasy;
             background-color: silver; }       

div#h1L { width:25%;
          height: 100%;
          margin-left: 0;
          margin-top: 0;
          margin-bottom: 0; 
          float: left; }
	           
div#h1L img { margin-top: 7em;
              margin-left: 5%;
              width: 80%;
              height: 35%; }      
         
div#h1R { width: 25%;
          height: 100% ;
          float: right; }

div#h1R img { margin-top: 7em;
              margin-left: 0em;
              width: 70%;
              height: 25%; }      

div#letterTL { width: 15%;
               font-size: 5em;
               text-align: center;
               float: left; }
               
div#letterTM { width: 15%;
               font-size: 5em;
               text-align: center;
               float: left; }
               
div#letterTR { width: 15%;
               font-size: 5em;
               text-align: center;
               float: left; }

div.letterL { width: 15%;
              height: 1.2em;
              font-family: courier;
              font-size: 1.5em;
              font-weight: 800;
              text-align: center;
              margin-left: 0.6em;
              float: left; }

div.letterM { width: 15%;
              height: 1.2em;
              font-family: courier;
              font-size: 1.5em;
              font-weight: 800;
              text-align: center;
              margin-left: -0.4em;
              float: left; }

div.letterR { width: 15%;
              height: 1.2em;
              font-family: courier;
              font-size: 1.5em;
              font-weight: 800;
              text-align: center;
              margin-left: -1em;
              float: left; }

div#partition { clear: both;
                width: 100%;
                height: 1.5em;
                background-color: red; }
           
div#pageFlye { width: 30%;
               float: left; 
               height: 88%;
	           background-color: yellow;
               text-align: center; }
           
div#pageFlye a {margin-left: 5%; } 
             
div#pagehome { width: 35%;
               float: left; 
               height: 88%;
	           background-color: yellow;
               text-align: center; }
              
div#pagehome a {margin-left: 20%; }              
                
div#pageFOFE { width: 35%;
               float: right; 
               height: 88%;
	           background-color: yellow;
               text-align: center; }
              
div#pageFOFE a {margin-right: 20%; }              
                
div#announce { text-align: center;
               font-weight: bold;
               font-size: medium;
               border-bottom: double thick blue; }
           
div#announce p.history { color: gray;
                         font-weight:100;
                         text-align: left;
                         margin-left: 5em; }
           
div#announce p.program { font-weight: bold;
                         text-align: left;
                         margin-left: 5em; }

div#official { clear: both;
	           height: 40em;
               width: 100% }

div#left { width: 30%;
           float: left;
           text-align: center; }
               
div#officers { height: 30%;
               width: 100%;
               padding-top: 1em;
               padding-bottom: 0.5em;
               font-size: .75em;
               font-weight: bold; }

div#FlyeImage { height: 80%;
                padding-top: 0.25em;
                width: 100%;
                border-bottom-style: dashed;
                border-bottom-width: 1px; }
	           
#FlyeImage p { margin-right: 1.5em;
               margin-left: 1.5em;
	           font-weight: bold; }
                           
#FlyeImage p img { width: 80%; }
             
div#IndexPage { width: 68%;
                margin-left: 1%;
                float: left;
                text-align: center;
                border-left: 2px solid red;
                font-family: Arial, Verdana;
                font-weight: bold;
                font-size: 155%; }
                
div#fofe { width: 99.2%;
           height: 1em;
           border: 2px solid black;
           padding-bottom: 0.1em;
           font-size: 70%; }

div#links { border-bottom: double thick blue; }                
                
#links table { width: 100%; }                
                
#links table tr td { width: 15%;
                     border: solid thin red; }                

#links table tr { text-align: center; }
           
p.build { text-align: center;
          color: red;
          font-size: 1.5em; 
          font-family: "Verdana, Arial, Helvetica, sans-serif"; }

#Gallery { width: 28%;
	       float: right;
	       font-weight: bold;
           font-size: 75%;
           text-align: center;
           border-left: 2px solid blue;
           border-bottom: 2px solid blue;
           border-right: 2px solid blue; }
           
#min { font-size: 70%;
       font-weight: bold;
       width: 35%;
       margin-top: 2em;
       padding: 0.5em;
       border: solid blue thick; }           
            
.pub { clear: both;
       font-size: 60%; }        
             
#notes { font-size: 35%;
         text-align: center; }
                      
.textdata { font-size: 50%;
            font-weight: normal;
            border-bottom: black groove;
            padding-left: 1em;
            text-align: left; }
            
#metalk { font-weight: normal;
          font-size: 50%; }