/* Main Part */

body    
   {       
   background-color: #ffffff;
   margin: 5px; padding: 0px;
   font-family: Georgia, serif; 
   font-size: 80.5%;
   text-align: justify;
   border: 2px solid #aaaaaa;
   }


#navigation /* Format for Menu */
    {        
    float: left;         
    width: 160px;
    background-color: #ffffff;
    border-left: 1px solid #aaaaaa;
    border-right: 2px solid #aaaaaa;
    }

#navhist {
         font-weight:bold; 
         height:65px;
         margin-bottom: 0px;
         padding-left: 10px;
         margin: 0px 10px 5px 0px;
         }

#navhist1 
         {
          float:left; width:24%;
         }

#navhist2 
         {
          float:left; width:24%; left:25%; margin-top: 3px;                       padding-left: 20px;
         }

#navhist3 
         {
          float:left; width:24%; left:50%; margin-top: 3px;           padding-left: 10px;
         }

#navhist a { color: #fff; text-decoration: none;}

#navhist a:hover { color: #000000; padding: 0px 3px 0px 3px;}


.navLogo	/* Format for images in Menu */
    {
    margin: 10px 10px 10px 10px;
    border: solid 2px #aaaaaa;
    }

#content
    {   
    background: #ffffff url(pic/cover1.jpg) repeat-y;
    padding: 0px 0px 9px 9px;
    margin-left: 160px;
    }

#content2
    {
    background: #999999 url(pic/sea.jpg) repeat-y;
    padding: 0px 0px 9px 9px;
    margin-left: 160px;
    }

#content3 /* Sandown Castle page */
    {
    background: #ffffff url(pic/castle.jpg) no-repeat;
    padding: 0px;
    margin: 0px;
    }

#content4
    {
    background: #999999 url(pic/castle4.jpg) repeat-y top right;
    padding: 0px 0px 9px 9px;
    margin-left: 160px;
    }





table   /* Format for tables */
           { 
            
             font-size: 1.3em;
             color: #000000;
             background: #e1dcd8 url(pic/castle_back.jpg) no-repeat;
             border: 2px solid #888888;
             margin: auto;
             border-collapse: collapse;

           }

table li  /* Format for lists in the table */
          { 
              
               color: #000000;
               font-size: 90%;
               
           }


table th  /* Format for table heading */
          { 
               border: 1px solid #888888;
               padding: 5px;
               font-style: italic;
               color: #999966;
               text-align: center;
           }


table td   /* Format for table cells */
              { 
               border: 1px solid #888888;
               padding: 5px 20px 5px 20px;
              }
 
 
table caption   /* Format for table caption */
              { 
               font-size: 1.4em;
               font-style: italic;
               
               color: #CC9900;
               padding: 25px 5px 20px 5px;
              }




.castlelink2 /* Sandown Castle icon */
    {
     position: absolute;
     top: 35px;
     left: 20px;

    }

.castlelink3 /* Sandown Castle icon */
    {
     position: absolute;
     top: 0px;
     left: 50px;
    }

.castlelink4 /* Sandown Castle icon */
    {
     position: absolute;
     top: 0px;
     left: 100px;
    }

.castlelink5 /* Sandown Castle icon */
    {
     position: absolute;
     top: 0px;
     left: 150px;
    }

.castlelink1 a /* Sandown Castle page */
               {
                display: block; 
                background: url(pic/castle1a.jpg); 
                width: 34px;
                height: 36px;
                margin: 0px 0px 5px 0px;

               }

.castlelink1 a:hover /* Sandown Castle icon */
                     { 
                      display: block; 
                      background: url(pic/castle2a.jpg); 
                      width: 34px;
                      height: 36px;
                     }




 p   
     {
     font: 95% Verdana, serif;
     margin: 10px 15px 10px 50px;
     color: #000066;
     line-height: 1.5em;

     }

.centerImage    
   {       
   margin: auto;
   
   }

.center    
   {       
   font-size: 110%;
   text-align: center;
   }


.border2
     {border: 1px solid #222;
     }

/* Temp removed
.scroll 
    {
    scrollbar-3dlight-color: #cccccc;
    scrollbar-arrow-color: #666666;
    scrollbar-base-color: #333333;
    scrollbar-darkshadow-color: #000000;
    scrollbar-face-color: #999999;
    scrollbar-highlight-color: #cccccc;
    scrollbar-shadow-color: #333333;
    text-align: right;
    margin-right: 10px;
    }

*/



.floatLeft /* no border text float around */
    {
     float: left;
     margin: 20px;
    }



.floatRight /* no border */
    {
     float: right;
     margin: 0px 10px 0px 10px;
    }

.bordLeft /* with border */
    {
     float: right;
     margin: 10px 5px 10px 10px;
     border: 2px solid #888888;
    }

.bordLeft2 /* with border */
    {
     float: left;
     margin: 0px 10px 10px -40px;
     border: 1px solid #000;
    }

.bordRight /* with border */
    {
     float: right;
     padding: 2px;
     margin: 10px;
     border-top: 1px solid #888888;
     border-left: 1px solid #888888;
     border-right: 4px solid #888888;
     border-bottom: 4px solid #888888;
    }

.gallery p /* para for gallery pages */
    {
    margin-left: 10%;
    margin-right: 20%;
    }


.gallery img /* image for gallery pages */
    {
     display: block;
     text-align: center;
     padding: 2px;
     margin: auto;
     border: 4px double #CC9900;
    }

.clear
    {
     clear: both;
    }


.ref /* format for references */
    {
     margin: 5px 10px 5px 50px;     
     color: #222;
     border: 2px dashed #aaa;
     padding: 10px;
    }

.ref p 
    {
     margin-left: 0px;
     padding-left: 10px;
     font-size: 90%;
     color: #880000;
    }



.foot /* format for footnotes in text */
     {
     color: #CC6666;
     text-align: justify;
     }

.accessstrip /* strip for page location at top of webpage */
     {
     color: #000000;
     font-size: 120%;
     line-height: 1.5em;
     padding-left: 5px;
     padding-right: 5px;
     }


.accessstrip a 
             { 
              font-size: 85%; 
              text-decoration:none;
             }

.accessstrip a:hover 
           
             { 
             background: none; 
             color: #000000;
             text-decoration: underline;
             }


.pagelink /* next and previous link and top of page link*/
     {
     color: #000000;
     font-size: 85%;
     margin: 0px 5px 0px 0px;
     line-height: 1.5em;
     padding: 0px; font-weight: normal;
     float: right;
     }



             

.pagelink a 
             { 
              font-size: 85%; 
              color: #000000;
              text-decoration: underline;

             }

.pagelink a:link 
           
             {text-decoration: underline;
              font-weight: normal; 
              color: #000000;

             }

.pagelink a:visited 
           
             { text-decoration: underline;
             color: #000000; font-weight: normal;
             
             }



.pagelink a:hover 
           
             { 
             background: none; 
             color: #000000;
             text-decoration: none;
             }


a:active
      {
       text-decoration: none;
      }

.box /* text box */
     {
    
     background-color: #fff;
     padding-top: 5px;
     margin-left: 20%;
     margin-right: 1%;
     margin-top: 1%;
     border: 3px solid #999;
     }

.box2 /* text box */
     {
     color: #fff;
     padding: 5px;
     margin-left: 2%;
     margin-right: 2%;
     margin-top: 2%;
     border: 1px dashed #999;
     background-color: #fff;
     }


.box3 /* text box */
     {
     color: #fff;
     padding: 5px;
     margin: 15px 5px 5px 5px;
     border: 3px solid #999;
     background-color: #fff;
     }

.box4   
    {
     margin: 5px 50px 5px 50px;     
     background-color: #eeeeee;
     border: 1px solid #aaa;
     padding: 10px;
     width: 600px;
    }

.box4 p /*  */
    {
     margin: 10px 60px 10px 60px;    
    }

.box5   /* Sandown Castle page */
    {
     color: #eeeeee;
     position: absolute;
     top: 200px;
     left: 80px;
     width: 200px;
     font-size: 130%;
     text-align: left;
     line-height: 1.4em;
    }

.box5  a /* Sandown Castle page */
    {
     color: #eeeeee;    
     font-size: 85%;
     text-decoration: none;
     font-weight: normal;
    }
 
.box5  a:link /* Sandown Castle page */
    {   
     font-size: 85%;
     font-weight: normal;
     color: #eeeeee; 
     text-decoration: underline;
    }

.box5 a:visited
      {
       font-size: 85%;
       color: #eeeeee;
       text-decoration: underline;
       font-weight: normal;
      }


.box5  a:hover /*  */
    {   
    font-weight: normal;
    font-size: 85%;
    text-decoration: underline;
    font-weight: normal;
    color: #000000;
    }

.box5 a:active
      {  
      font-weight: normal;
      font-size: 85%;
      text-decoration: underline;
      }

.indent    /* Indents Text */
     {
      margin-left: 15%;
     }

.indent2    /* Indents Text */
     {
      margin-left: 25%;
     }


.indent3    /* Indents Text */
     {
      margin-left: 1%;
     }

.indent4    /* Indents Text */
     {
      margin-left: 40%;
     }



hr {    
     height:0px; 
     border:0px; 
     border-top:2px solid #aaaaaa;
   }




sup  {
     color: #CC6666;
     }

ul  /* Dark colour for unordered list on index and gallery page */
     {
     color: #CC9900;
     }

li   {
     color:  #003300;
     font: 1em Verdana, serif;
     margin: 0px 20px 0px 40px;
     line-height: 1.4em;
     }

li a   /* code for listed links at top of page */
      
     {
      text-decoration: none;
      padding: 0px 3px 0px 3px;

     }

#footer		
     {
     padding: 5px 0px 5px 0px;
     border-top: 1px solid #999999;
     text-align: center;
     background-color: #ffffff;
     margin-top: 5px;
     font-size: 11px;
     clear: both;
     }

     /* Headings */


     h1, h2, h3, h4, h5, h6  
     {
     font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
     font-weight: bold; color: #000000;
     padding-left: 170px;
     } 

 h1 /* used for Lydden Valley Research Group */
     {
      text-align: left;
      font-size: 17px;
      margin-top: 30px;
      padding-left: 0px;
      letter-spacing: 0.1em;
     } 

 h2  /* Heading at top of page */
     {
      margin: 0px 10px 3px 0px;
      padding: 5px 0px 5px 10px;
      font-size: 150%;
      color: #000;
      letter-spacing: 0.1em;
      font-style: normal;
     }


 h3   /* Heading in article */
     {
      margin-top: 2px;      
      font-size: 120%;
      letter-spacing: 0.2em;
      text-align: left;
      padding: 0px 0px 0px 5px;      
      margin-left: 0px;
      margin-bottom: 0px;
      color: #CC9900;
     }

 h4  {
      font-size: 115%;
      text-align: center;
      padding-left: 0px;
      margin-left: 20px;
      margin-right: 20px;
      margin-top: 5px;
      margin-bottom: 5px;
     }
 


#navigation h1 /* Heading 1 in menu */
     { 
     display: block;
     margin: 5px 0px 8px 17px;     
     color: #CC9900;
     font: 24px Verdana, Bold;
     font-style: oblique;
     }

#navigation h2  /* Heading 2 in menu */
     {
     display: block;
     padding: 9px;
     background-color: #777777;
     border: 3px solid #222222;
     font: bold 95% Arial, sans-serif;
     }


#navigation h3  /* Heading 3 in menu */
     {
       
       display: block;
       padding: 5px 10px 8px 10px;   
       margin: 0px 12px 0px 11px;
       background-color: #ffffff;
       color: #CC9900;
       border: 1px solid #aaaaaa;
       border-bottom: 0px;
       font: 85% Verdana;
       font-weight: bold;
     } 
   
#navigation h4  /* Heading 3 in menu */
     {
       color: #000000;
       text-align: justify;
       font-size: 80%;
     } 

#navigation p /* Text in menu bar */
     { 
       display: block;
       padding: 5px 5px 10px 10px;
       margin: 0px 12px 3px 11px;
       text-align: left;
       color: #000000;
       border: 1px solid #aaaaaa;
       font: 85% Verdana;
       background-color: #ffffff;
       line-height: 1.5em; 
      }


  /* Links in Contents page */

 a
      {
      font: 1em Verdana, serif;
      font-weight: bold;
      color: #0033cc;
      }

 a:link
      {
       font-weight: bold;
       color: #336699;
      }



 a:visited
      {
       font-weight: bold;
       color: #336699;
      }



 a:hover
      {
       font-weight: bold;
       color: #222;
       background: url(hover.jpg); 
      }

 a:active
      {
       font-weight: bold;
       color: #666;
      }

 /* Links in Menu */

#navigation a  
      {
       padding: 2px 10px 2px 10px;
       display: block;
       margin: 0px 10px;
       font: bold 95% georgia, serif;
       background-color: #ffffff;
       color: #000000;
       text-decoration: none
      }

#navigation a:link  
      {
       padding: 2px 10px 2px 10px;
       display: block;
       margin: 0px 10px;
       background-color: #ffffff;
       text-decoration: none
      }

#navigation a:visited
      {
       padding: 2px 10px 2px 10px;
       display: block;
       background-color: #ffffff;
       text-decoration: none
       }


#navigation a:hover  
       {
        background: url(hover.jpg);        
        display: block; 
        padding: 2px 10px 2px 10px;       
        color: #222;
        background-color: #eeeeee;
        text-decoration: none
       }

#navigation a:active  
       {
        padding: 2px 10px 2px 10px;
        display: block;
        text-decoration: none
       }