/*
	CSS for Hullbridge Website 
*/
/*Generic Styles*/
body		{
		background-color:#ffffff;
        font-family: Verdana, Andale Sans, Sans-serif;
		font-size:small;
		font-weight:200;
		font-style: normal;
		text-decoration:none;
		text-transform:none;
		font-variant:normal;
		color:#000000;
		margin:0;
		padding:0;
		
		}
                
a       {
        text-decoration:none;
        }
        
a img   {
        border:none; 
        }
/* Master Header*/        
#masthead{ 
         margin-bottom:0;
         padding-top:1px;
         background-color:#ffd700;
         }
.webtitle {
        font-family:Monotype Corsiva,Arial, Sans serif;
        color:#000000;
        font-size:x-large;
        text-align:center;
        text-decoration:underline;
        margin:0;
        padding:1em 0em;
        background:#ffffaa;
        border:ridge 1em Cornflowerblue;
        }
/*Navigation Links*/
           }        
#navlinks li.first{
          padding:0.4em 1em;
          background-color:#ffffff;
          color:#000000;
          border:1px solid #711515;
          border-bottom:none;
          }
#navlinks ul{
          list-style:none;
          margin:0em;
          padding:0em;
          
          }
                    
#navlinks li{
          display:inline;
          
          }
          
#navlinks a:link, #navlinks a:visited {
          padding: 0.4em 1em ;
          color:#ffffff;
          background-color:#6495ed;
          text-decoration:none;
          border: 1px solid #711515;
          border-bottom:none;
          }

#navlinks a:hover{
          color:#6495ed;
          background-color:#ffffff;
          } 
          
#navlinks a:active{
          color:#6495ed;
          background-color:#ffffaa;
          }          

     
        
/*Acknowledgement specific*/               
#acknow {
        background-color:#ffffff;
        font-family: Monotype-Corsiva, Andale Sans, Sans-serif;
		font-size:small;
		font-weight:200;
		font-style: normal;
		text-decoration:none;
		text-transform:none;
		font-variant:normal;
		color:#000000;
		margin:0;
		text-align:center;
        border-top-style:groove;
       border-top-color:#000000;
       
        }
#acknow p{
        background-color:#ffffff;
        font-family: Monotype-Corsiva, Andale Sans, Sans-serif;
		font-size:small;
		font-weight:200;
		font-style: normal;
		text-decoration:none;
		text-transform:none;
		font-variant:normal;
		color:#000000;
		margin:0;
		padding-top:1em;
        padding-bottom:1em;
        padding-left:10em;
        padding-right:10em;
        margin-left:5em;
        margin-right: 5em;
        margin-top: 0em;
        margin-bottom:0em;
        text-align:center;
        }
#acknow li{
        background-color:#ffffff;
        font-family: Monotype-Corsiva, Andale Sans, Sans-serif;
		font-size:small;
		font-weight:200;
		font-style: normal;
		text-decoration:none;
		text-transform:none;
		font-variant:normal;
		color:#000000;
		margin:0;
		padding-left:10em ;
        padding-right:10em;
        margin-left:5em;
        margin-right: 5em;
        margin-top: 0em;
        margin-bottom:0em;
        list-style-position:inside;
        }
/*Content specific*/

#content	{
		background-color:#ffffff;
		font-family: Verdana, Andale Sans, Sans-serif;
		font-size: small;
		font-weight: 400;
		font-style: normal;
		text-decoration:none;
		text-transform: none;
		font-variant: normal;
		color: #3366FF;
		margin-left: 3.1em;
		margin-right: 4em;
		margin-top: -1.5em;
		margin-bottom: 2%;
		padding-left: 1.5em;
		padding-right: 5em;
		padding-top: 0em;
		padding-bottom: 4em;
		Border:none;
		}
        
#content h1{ 
        margin-top:0em;
        font-family: Franklin Gothic Medium, Verdana, Sans-serif;
        font-size: medium;
        font-weight: 400;
        font-style: normal;
        text-decoration: none;
        text-transform: capitalize;
        font-variant: small-caps;
        color: #000000;
        background: #FFFFaa;
        text-indent: 2%;
        margin: 0em 0em 1em 2em;
        border-bottom:3pt ridge #000000;
        padding-left:0em;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        }        
#content h2{ 
      
        font-family: Franklin Gothic Medium, Verdana, Sans-serif;
        font-size: small;
        font-weight: 400;
        font-style: normal;
        text-decoration: none;
        text-transform: capitalize;
        font-variant: small-caps;
        color: #000000;
        background: #ffffff;
        text-indent: 2%;
        margin: 0em 12em 1em 12em;
        border-bottom:1pt ridge #000000;
        padding-left:0em;
        padding-right: 0%;
        padding-top: 3%;
        padding-bottom: 1%;
        }      
                
#content h2.history{ 
      
        font-family: Franklin Gothic Medium, Verdana, Sans-serif;
        font-size: small;
        font-weight: 400;
        font-style: normal;
        text-decoration: none;
        text-transform: capitalize;
        font-variant: small-caps;
        color: #000000;
        background: #ffffff;
        text-indent: 2%;
        margin: 0em 12em 1em 12em;
        border-bottom:1pt ridge #000000;
        padding-left:0em;
        padding-right: 0%;
        padding-top: 3%;
        padding-bottom: 1%;
        }        
#content h3{ 
        
        font-family: Franklin Gothic Medium, Verdana, Sans-serif;
        font-size: medium;
        font-weight: 400;
        font-style: normal;
        text-decoration: none;
        text-transform: capitalize;
        font-variant: small-caps;
        color: #000000;
        background: #FFFFaa;
        text-indent: 2em;
        margin: 0em 0em 1em 5em;
        border-bottom:3pt ridge #000000;
        padding-left:1em;
        padding-right: 5em;
        padding-top: 1em;
        padding-bottom: 1em;
        }
#content h4{ 
        
        font-family: Franklin Gothic Medium, Verdana, Sans-serif;
        font-size: small;
        font-weight: 400;
        font-style: normal;
        text-decoration: none;
        text-transform: capitalize;
        font-variant: small-caps;
        color: #000000;
        background: #FFFFaa;
        text-indent: 2em;
        margin: 0em 0em 1em 5em;
        border-bottom:3pt ridge #000000;
        padding-left:1em;
        padding-right: 5em;
        padding-top: 1em;
        padding-bottom: 1em;
        }
 #content h5{ 
        
        font-family: Franklin Gothic Medium, Verdana, Sans-serif;
         font-style: normal;
        text-decoration: none;
        text-transform: none;
        font-variant: none;
        color: #000000;
         text-indent: 2em;
        margin: 0em 0em 1em 1em;
        padding-left:1em;
        padding-right: 1em;
        padding-top: 1em;
        padding-bottom: 1em;
        }
         }
#content p		{
		font-family: Verdana, Andale Sans, Sans-serif;
		font-size: normal;
		font-weight: 400;
		font-style: normal;
		text-decoration: none;
		text-transform: none;
		font-variant: normal;
		color: #000000;
		background: #ffffff;
		text-indent: 0em;
		padding-left: 4em;
		padding-right: 0em;
		padding-top: 0em;
		padding-bottom: 2em;
		margin-left: 0em;
		margin-right: 0em;
		margin-top: 0em;
		margin-bottom: 0em;
        }
       
#content p.history		{
		font-family: Verdana, Andale Sans, Sans-serif;
		font-size: normal;
		font-weight: 400;
		font-style: normal;
		text-decoration: none;
		text-transform: none;
		font-variant: normal;
		color: #000000;
		background:#e1dac4;
		text-indent: 0em;
		padding-left: 2em;
		padding-right: 0em;
		padding-top: 1em;
		padding-bottom: 0em;
		margin-left: 8em;
		margin-right: 0em;
		margin-top: 0em;
		margin-bottom: 0em;
        }
       
        
#content li.list		{
		font-family: Verdana, Andale Sans, Sans-serif;
		font-size: normal;
		font-weight: 400;
		font-style: normal;
		text-decoration: none;
		text-transform: none;
		font-variant: normal;
		color: #000000;
		background: #ffffff;
		text-indent: 0em;
		padding-left: 0em;
		padding-right: 0em;
		padding-top: 0em;
		padding-bottom: 0em;
		margin-left:8em;
		margin-right: 0em;
		margin-top: 0em;
		margin-bottom: 0em;
        }
#content li.list2		{
		font-family: Arial, Andale Sans, Sans-serif;
		font-size: normal;
		font-weight: 400;
		font-style: normal;
		text-decoration: none;
		text-transform: none;
		font-variant: normal;
		color: #000000;
		background: #ffffff;
		text-indent: 0em;
		padding-left: 0em;
		padding-right: 0em;
		padding-top: 0em;
		padding-bottom: 0em;
		margin-left:12em;
		margin-right: 0em;
		margin-top: 0em;
		margin-bottom: 0em;
        }                       
#content ul.history		{
		font-family: Verdana, Andale Sans, Sans-serif;
		font-size: normal;
		font-weight: 400;
		font-style: normal;
		text-decoration: none;
		text-transform: none;
		font-variant: normal;
		color: #000000;
		background: #FFFFAA;
		text-indent: 0em;
		padding-left: 1em;
		padding-right: 0em;
		padding-top: -2em;
		padding-bottom:-2em;
		margin-left: 8em;
		margin-right: 0em;
		margin-top: 0em;
		margin-bottom: 0em;
        }           
#content li.history	{
		font-family: Verdana, Andale Sans, Sans-serif;
		font-size: normal;
		font-weight: 400;
		font-style: normal;
		text-decoration: none;
		text-transform: none;
		font-variant: normal;
		color: #000000;
		background: #ffffff;
		text-indent: 0em;
		padding-left: 1em;
		padding-right: 0em;
		padding-top: 0em;
		padding-bottom:1em;
		margin-left: 6em;
		margin-right: 0em;
		margin-top: 0em;
		margin-bottom: 0em;
        list-style-position:inside;
        }       
#content li.history2		{
		font-family: Verdana, Andale Sans, Sans-serif;
		font-size: normal;
		font-weight: 400;
		font-style: normal;
		text-decoration: none;
		text-transform: none;
		font-variant: normal;
		color: #000000;
		background: #ffffff;
		text-indent: 0em;
		padding-left: 1em;
		padding-right: 0em;
		padding-top: -2em;
		padding-bottom:-2em;
		margin-left: 8em;
		margin-right: 0em;
		margin-top: 0em;
		margin-bottom: 0em;
        list-style-position:inside;
        }           
                
#content span.quote {
        
        font-family: Monotype Corsiva; 
		font-size:12pt;
		font-weight:200;
		font-style: normal;
		text-decoration:none;
		text-transform:none;
		font-variant:normal;
        
		color:#0000cd;
		margin:0;
        }
#content span.quote2 {
        
        font-family: Monotype Corsiva; 
		font-size:12pt;
		font-weight:200;
		font-style: normal;
		text-decoration:none;
		text-transform:none;
		font-variant:normal;
		color:#mauve;
		margin:0;
        } 
/* Year Division*/        
#year	{
		background-color:#ffffff;
        font-family: Verdana, Andale Sans, Sans-serif;
		font-size:small;
		font-weight:200;
		font-style: normal;
		text-decoration:none;
		text-transform:none;
        font-variant:normal;
		color:#000000;
		margin:0;
		padding:0;
		
		}
#year p		{
		font-family: Verdana, Andale Sans, Sans-serif;
		font-size: normal;
		font-weight: 400;
		font-style: normal;
		text-decoration: none;
		text-transform: none;
		font-variant: normal;
		color: #000000;
		background: #ffffff;
		margin-left: 3.1em;
		margin-right: 4em;
		margin-top: -1.5em;
		margin-bottom: 2%;
		padding-left: 5.5em;
		padding-right: 5em;
		padding-top: 0em;
		padding-bottom: 4em;
        } 
#year p.hand	{
		font-family: "Monotype Corsiva", Andale Sans, Sans-serif;
		font-size: 12pt;
		font-weight: 400;
		font-style:normal;
		text-decoration: none;
		text-transform: none;
		font-variant: normal;
		color: #000000;
		background:#e1dac4;
		text-indent: 0em;
		padding-left: 2em;
		padding-right: 0em;
		padding-top: 1em;
		padding-bottom: 0em;
		margin-left: 8em;
		margin-right: 4em;
		margin-top: 0em;
		margin-bottom: 0em;
        }         
#year h1{ 
        margin-top:0em;
        font-family: Franklin Gothic Medium, Verdana, Sans-serif;
        font-size: medium;
        font-weight: 400;
        font-style: normal;
        text-decoration: none;
        text-transform: capitalize;
        font-variant: small-caps;
        color: #000000;
        background: #FFFFaa;
        text-indent: 2%;
        margin: 0em 0em 1em 2em;
        border-bottom:3pt ridge #000000;
        padding-left:0em;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        }                    
#year h2.year{ 
       
        font-family: Franklin Gothic Medium, Verdana, Sans-serif;
        font-size: medium;
        font-weight: 400;
        font-style: normal;
        text-decoration: none;
        text-transform: capitalize;
        font-variant: small-caps;
        color: #ffffff;
        background: #000000;
        text-align:center;
        margin-top:2em;
        margin_bottom:1em;
        margin-left:10em;
        margin-right:10em;
        border:3pt ridge #e6dac4;
        padding-left:1em;
        padding-right: 1em;
        padding-top: 1em;
        padding-bottom: 1em;
        } 
#year h3{ 
       
        font-family: Franklin Gothic Medium, Verdana, Sans-serif;
        font-size: medium;
        font-weight: 400;
        font-style: normal;
        text-decoration: none;
        text-transform: capitalize;
        font-variant: small-caps;
        color: #ffffff;
        background: #735689;
        text-align:center;
        margin-top:2em;
        margin_bottom:1em;
        margin-left:10em;
        margin-right:10em;
        border:3pt ridge #e6dac4;
        padding-left:1em;
        padding-right: 1em;
        padding-top: 1em;
        padding-bottom: 1em;
        }         
#year li.list		{
		font-family: Verdana, Andale Sans, Sans-serif;
		font-size: normal;
		font-weight: 400;
		font-style: normal;
		text-decoration: none;
		text-transform: none;
		font-variant: normal;
		color: #000000;
		background: #ffffff;
		text-indent: 0em;
		padding-left: 0em;
		padding-right: 0em;
		padding-top: 0em;
		padding-bottom: 0em;
		margin-left:8em;
		margin-right: 0em;
		margin-top: 0em;
		margin-bottom: 0em;
        }
#year li.list2		{
		font-family: Arial, Andale Sans, Sans-serif;
		font-size: normal;
		font-weight: 400;
		font-style: normal;
		text-decoration: none;
		text-transform: none;
		font-variant: normal;
		color: #000000;
		background: #ffffff;
		text-indent: 0em;
		padding-left: 0em;
		padding-right: 0em;
		padding-top: 0em;
		padding-bottom: 0em;
		margin-left:12em;
		margin-right: 0em;
		margin-top: 0em;
		margin-bottom: 0em;
        }                       
    
#year li.history	{
		font-family: Verdana, Andale Sans, Sans-serif;
		font-size: normal;
		font-weight: 400;
		font-style: normal;
		text-decoration: none;
		text-transform: none;
		font-variant: normal;
		color: #000000;
		background: #ffffff;
		text-indent: 0em;
		padding-left: 1em;
		padding-right: 0em;
		padding-top: 0em;
		padding-bottom:1em;
		margin-left: 6em;
		margin-right: 0em;
		margin-top: 0em;
		margin-bottom: 0em;
        list-style-position:inside;
        }       
#year li.history2		{
		font-family: Verdana, Andale Sans, Sans-serif;
		font-size: normal;
		font-weight: 400;
		font-style: normal;
		text-decoration: none;
		text-transform: none;
		font-variant: normal;
		color: #000000;
		background: #ffffff;
		text-indent: 0em;
		padding-left: 1em;
		padding-right: 0em;
		padding-top: -2em;
		padding-bottom:-2em;
		margin-left: 8em;
		margin-right: 0em;
		margin-top: 0em;
		margin-bottom: 0em;
        list-style-position:inside;
        }           
                
 
.quote {
        
        font-family: arial, verdana, serif; 
		font-size:10pt;
		font-weight:200;
		font-style: normal;
		text-decoration:none;
		text-transform:none;
		font-variant:normal;
        color:#000000;
		margin:0em 12em;
        padding:0em;
        text-indent:0em;
        }
    
.quote2 {
        
        font-size:10pt;
		font-weight:200;
		font-style: italic;
		text-decoration:none;
		text-transform:none;
		font-variant:normal;
		color:#000000;
		margin:0em;
        padding:0em;
        }

       }                       
.caption{
         display:block;
         background-color:#ffffff;
         text-align:centre;
         font-size:10pt;
         color:999999;
         padding:0em 2em;
         margin: 0em 12em;
         border:2px ridge green;
         
         }
.Click { 
         text-align:centre;
         font-size:10pt;
         font-style:italic;
         text-decoration:underline;
         color:Green;
         padding:0em 2em;
         margin: 0em 12em;
         }
                                 
/*Image generic options*/          
img {
          margin-left:2em;
          margin-right:2em;
     } 
     
 
      
img.smallp {
          width:12.5em;
          margin:0 30em 0 30em;
          border:5px ridge #6495ed;
     } 
img.smalll {
          width:25em;
          margin:0 25em 0 25em;
          border:8px ridge #6495ed;
     }      
 
img.largep {
           margin-left:2em;
           margin-right:2em;
           border:5px ridge #6495ed;
           width:40em;
    }  
img.largel{
           margin-left:12em;
           margin-right:12em;
           border:5px ridge #6495ed;
           height:45em;
    }  
           
table.summary {

      width:60%;
      cellpadding:2;
      cellspacing:0;
      bgcolor:#ffffff;
      border: 1px solid #000000;
      border-collapse:collapse;
      margin-left:15em;
       }  
th {
   background-color:blue;
   border:1px solid black;
   color:White; }
td {
   border:1px solid black;              
	font-family:"times new roman",sans-serif;
    text-align:center;
          }
#footer  {
           clear:both;
           background-color:#ffebcd;
           color:#000000;
           font-size:8pt;
           margin:0em 20em;
           padding:0.5em 1em 0em 1em;
           text-decoration:none;
           text-transform:none;
           font-variant:normal;
           font-weight:bold;
           border-style:ridge;
           border-color:#deb887;
           
           }
         
#footer   p{
           clear:both;
           background-color:#ffebcd;
           color:#000000;
           font-size:8pt;
           margin:0em 0em;
           padding:0.5em 1em 0em 1em;
           text-decoration:none;
           text-transform:none;
           font-variant:normal;
           font-weight:bold;
           
           }
/*Buttons in Content of Index.html*/
#button li{
		background-color:#696969;
		font-family: Verdana, Andale Sans, Sans-serif;
		font-size:x-small ;
		font-weight: 400;
		font-style: normal;
		text-decoration: underline;
		text-transform: capatilize;
		font-variant: normal;
		color:white;
		margin-left:2em;
		margin-right: 0;
		margin-top:0em;
		margin-bottom: 0em;
        border:ridge 4pt silver;
		padding-left: 2em;
		padding-right: 2em;
		padding-top: 1.5em;
		padding-bottom: 1.5em;
		
		} 
        
#button  li a:link, #button li a:hover, #button li a:visited {
         background-color:#000000;
		font-family: Verdana, Andale Sans, Sans-serif;
		font-size:x-small ;
		font-weight: 400;
		font-style: normal;
		text-decoration: underline;
		text-transform: capatilize;
		font-variant: normal;
		color:white;
		margin-left:2%;
		margin-right: 0;
		margin-top:3%;
		margin-bottom: 3%;
        border:ridge 4pt silver;
		padding-left: 2%;
		padding-right: 2%;
		padding-top: 0%;
		padding-bottom: 1%;
		
		} 
#button  li a:active, #button li a:hover {
         background-color:#ffffaa;
		font-family: Verdana, Andale Sans, Sans-serif;
		font-size:x-small ;
		font-weight: 400;
		font-style: normal;
		text-decoration: underline;
		text-transform: capatilize;
		font-variant: normal;
		color:#6495ed;
		margin-left:2%;
		margin-right: 0;
		margin-top:3%;
		margin-bottom: 3%;
        border:ridge 4pt silver;
		padding-left: 2%;
		padding-right: 2%;
		padding-top: 0%;
		padding-bottom: 1%;
		
		}         
        
#button li.first{
        background-color:#ffffaa;
        color:#000000;
        }