/*
	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.8em 1em;
          background-color:#FFF;
          color:#000000;
          border:2px solid #000;
          border-bottom:none;
          font-weight:bold;
          }
#navlinks ul{
          list-style:none;
          margin:0em;
          padding:0em;
          
          }
                    
#navlinks li{
          display:inline;
          
          }
          
#navlinks a:link, #navlinks a:visited {
          padding: 0.4em 1em ;
          color:#FFF;
          background-color:#6495ed;
          text-decoration:none;
          border: 1px solid #711515;
          border-bottom:none;
          }

#navlinks a:hover{
          color:#6495ed;
          background-color:#FFF;
          } 
          
#navlinks a:active{
          color:#6495ed;
          background-color:#FFFAAA;
          }          

 /*Content Index, Home pages, Galleries*/
#content	{
		float:left;
		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: 19em;
		padding-top: 0m;
		padding-bottom: 4em;
		Border:none;
		/*overflow:auto;*/ 
		}


#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: 3%;
        padding-bottom: 1%;
        }
        
#content h2.history{ 
        margin-top:0em;
        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: 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{ 
        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 5em;
        border-bottom:3pt ridge #000000;
        padding-left:1%;
        padding-right: 5%;
        padding-top: 3%;
        padding-bottom: 1%;
        }

         }
#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: 4em;
		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: #FFFFAA;
		text-indent: 0em;
		padding-left: 8em;
		padding-right: 0em;
		padding-top: 1em;
		padding-bottom: 0em;
		margin-left: 0em;
		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: #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 img{
         Float:left;
         margin:0.5em 1em 0.5em 1em;
         } 
/*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;
        }
                
                 
/* Sidebar for Index.html*/
#sidebar   {
           float:right;
           width:16em;
           margin: -2em 1em 4em -19em;
           background:#e1dac4;
           font-size:x-small;
           border-left:single 2em black;
           border-right:ridge 3pt #ffffff;
           }
           
#sidebar a:link, #sidebar a:visited {
          
          color:#ffffff;
          background-color:#6495ed;
        
          
          }

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

#announcement h3{
               color:#ffffff;
               background-color:#6495ed;
               font-size:11pt;
               font-family:Verdana,sans-serif;
               padding:1em 1em 0.5em 0.5em;
               margin:0em;
               border:3pt ridge #6495ed;
               } 

#announcement h5{
                border:ridge 3pt #ffffff;
                border-bottom:none;
                border-right:none;
                text-decoration:underline;
                } 
                
#announcement h4{
                border-bottom:none;
                }                 
                                  
#coming p.list,  #announcement h5{
                background-color:#696969;
                color:#ffffaa;
                font-style:italic;
                margin:0em;
                padding: 0.5em 1em;
                font-size:7pt;
                border:ridge 3pt #ffffff;
                border-right:none;
                border-top:none;
                } 
#announcement p,{
                background-color:#000000;
                color:#ffffaa;
                font-style:italic;
                margin:0em;
                padding: 0.5em 1em;
                font-size:7pt;
                border:ridge 3pt #ffffff;
                border-right:none;
                border-top:none;
                }
#content p.quote {
        font-family:Monotype corsiva;sans-serif;
        text-transform:capatalize;
        font-size:small;
        }
#content p.quotehigh{
                background-color:#000000;
                color:#009999;
                font-style:italic;
                margin:0em;
                padding: 0.5em 1em;
                font-size:7pt;
                border:ridge 3pt #ffffff;
                border-right:none;
                border-top:none;
                }               
             
#coming h4,#announcement h4{
               background-color:#696969;
               color:#ffffff;
               margin:1em 0em 0em;
               padding:0.5em;
               border:ridge 3pt #ffffff;
               border-right:none;
               font-size:8pt; 
               } 
#coming a:link, #coming a:visited {
         color:#ffffff;
              }

#coming a:hover{
          color:#6495ed;
         
          } 
          
#coming a:active{
          color:#6495ed;
         
          }                  
/*For footer with columns above*/
#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;
           
           }

           
         
/*For footer with no columns above*/           
 #footerclean         {
              
                margin:1em 8em 1em 0em;
             
 }                             
#footerclean   p{
           
           background-color:#ffffff;
           color:#000000;
           font-size:8pt;
           margin:0em 1em ;
           padding:0.5em 1em;
           
           }          
/*For Photos.html*/
table    {
         border-collapse:collapse;
         background-color:inherit;
         border:solid 2px black;
         margin-left:10%;
         margin-right: 10%}
th       {
         text-align:center;
         background-color:#6495ed;
         border-collapse:separate;
         color:#ffffff;
         padding:0.2em }
td       {
         border: 1px solid black;
         padding:0.2em }                      

/*For History.html*/
#content h2{ 
        margin-top:0em;
        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: 2%;
        margin: 0em 4em 1em 4em;
        border:2pt ridge #000000;
        padding-left:2em;
        padding-right: 2em;
        padding-top: 0em;
        padding-bottom: 0em;
        } 
.tblehead {
background-color:#001100; 
color:#ffffaa;
font-family:verdana, sans-serif;
} 

.hullname {
background-color:#ffffaa;
color:#3366FF;
text-transform: capitalize; }    

/*For Hullbridge Center*/
.floatbox{
 text-indent: 5%;
 vertical-align: middle;
 border: 6px ridge #FF6600;
  float:left;
 width:75%;
 padding:2%
 }
 
/*To display adsverts*/ 
   #advert{
   
   font-family:verdana,arial ;
   font-size: medium;
   font-style: normal;
   color: #000000;
   background: #ffffff;
   border-left: 7px groove #3366FF;
   border-right: 7px groove #0000FF;
   border-top: 7px groove #3366FF;
   border-bottom: 7px groove #0000FF;
   }

  #advert h5{
  font-family: Verdana, Agent Orange, Fantasy;
  Font-size: large;
   font-style: normal;
    text-transform: capitalize;
   font-variant: normal;
   color: #000080;
   background: #ffffff;
   text-indent: 4%;
   padding-left: 5pt;
   padding-right: 3pt;
   padding-top: 0px;
   padding-bottom: 0px;
   border-left: 7px inset #33CCCC;
   border-right: 7px inset #00CCFF;
   border-top: 7px inset #00FFFF;
   border-bottom: 7px inset #008080;
   }
/*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;
        }
.image_center{

 border:vertical-align: middle;text-align: center;clear: both;border-left: 4px solid #3366FF;border-right: 4px solid #3366FF;border-top: 4px solid #33CCCC;border-bottom: 4px solid #33CCCC;}