/*
	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:#eec699;
		margin:0;
		padding:0;
		
		}

/* MASTER HEADER*/        
#masthead{ 
         height:60px;
         margin:0 0 0 0;
         padding-top:10px;
         background-color:#ccc;
         /*border:solid 1px #eec699;*/
        
         }
#masthead .webtitle {
        font-family:Monotype Corsiva,Arial, Sans serif;
        color:#000000;
        font-size:x-large;
        font-variant:normal;
        font-style:normal;
        text-align:center;
        text-decoration:underline;
        text-transform:capitalize;
        margin:0 auto 0 auto;
        padding:15px 10px;
        background:#ffffaa;
        border:ridge 1em Cornflowerblue;
        }
/* NAVIGATION LINKS */        
       
/* Display tabs in line */
                   
#navlinks li{
          display:inline;
          }

/* Display first tab same as content colour */          
#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;
          padding-top:1em;
          }

          
#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;
          }  
                  
/* CONTENT */                 

#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:1%;
		margin-right:20%;
		margin-top:15px;
		margin-bottom: 10px;
		padding: 15px;
		Border:1px solid #555;
		 
		}


#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: 10px;
        padding-bottom: 10px;
        }
        
#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: #ffffff;
        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: 0em;
		padding-top: 0em;
		padding-bottom: 2em;
		margin-left: 0em;
		margin-right: 0em;
		margin-top: 0em;
		margin-bottom: 0em;
        }  

#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:0;
		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:0;
		margin-right: 0;
		margin-top:0;
		margin-bottom: 0;
        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:0;
		margin-right: 0;
		margin-top:0;
		margin-bottom: 0;
        border:ridge 4pt silver;
		padding-left: 2%;
		padding-right: 2%;
		padding-top: 0%;
		padding-bottom: 1%;
		
		}         
.extra {
       background-color:#ffffaa;
       color:black;
       text-transform:capitalize;
       font-variant:small-caps;
       font-style:normal;
        }        
#button li.first{
        background-color:#ffffaa;
        color:#000000;
        }
.centerhead {
            text-align:center;
            }        

th       {
         text-align:center;
         background-color:#6495ed;
         border-collapse:separate;
         color:#ffffff;
         padding:0.2em }
td       {
         border: 1px solid black;
         padding:0.2em }                 
a       {
        text-decoration:none;
        }
        
a img   {
        border:none; 
        } 



/* SIDEBAR */               
#sidebar   {
           float:right;
           width:18.75%;
           background:#ffffaa;
           font-size:x-small;
           border-left:single 2em black;
           border-right:ridge 3pt #ffffff;
           padding-top:10px;
           margin-top:5%;
           } 
#sidebar .sidebarhead p{
         width:100%; 
         color:black;
         font-size:larger;
         text-decoration:underline;
         font-style:normal;
         font-weight:300;
         padding:0px 0px 0px 25px;} 
                   
#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;
          } 
 /*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;
        }         
            
/* FOOTER */                                 

#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;
           
           }