/*
/* Style for the web pages of Sadler's Persoanl History of HMNAO    */
/* File: nao_history_dss.css, 2008 April 10, CYH                    */
/*                                                                  */
/* css file based on CYH's NA & its Superintendents css file        */
/* Not all definitions are used.                                    */
/*                                                                  */
#pagesetup {
            width: 800px;
            margin-left: 0px;
            margin-right: 0px;
           }
/* --------------------------------------------------------------- */
/*                                                                 */
/* Titles and headings                                             */
/*                                                                 */               
/* Class spec for main title                                       */
.title {
        width: 800px;
        font-family: Arial, Helvetica, sans-serif;
        font-size:  25px;
        text-align: center;
        background-color: #2D73B9;
        color: #ffffff;
        padding: 4px 0px 8px 0px;
       }
       
.authors {
        width: 800px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 20px;
        text-align: center; 
        color: #2D73B9;
        padding: 4px 0px 8px 0px;
       }
h2 {
       font-size: 25px;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       background-color: #2D73B9;
       color: #ffffff;
    }
h3 {                                         
     font-family: Arial, Helvetica, sans-serif; 
     font-size: 20px;
     text-align: center;                            
     background-color: #ffffff;                
     color: #2D73B9;                             
     padding: 0px 0px 0px 0px;                  
   }
   
h4 {                                         
     font-family: Arial, Helvetica, sans-serif; 
     font-size: 17px;
     color: #2D73B9;  
     text-align: center;                                                        
     padding: 0px 0px 0px 0px;                  
   } 
      
h5 {                                         
     font-family: Arial, Helvetica, sans-serif; 
     font-size: 17px;
     color: #2D73B9;  
     text-align: left;                                                        
     padding: 0px 0px 0px 0px;                  
   }                                           

/* Section headings                                              */

.tableformat {
             font-family: Arial, Helvetica, sans-serif;
             font-size:15px;
             text-align: left;
            }
            
/* Main text pannel down the <div id="nao_textbox_m"> middle with    */
/* all the text                                                   */ 
#nao_textbox_m {
              width: 620px;
              float: left;
              font-family: Arial, Helvetica, sans-serif;
              padding: 0px 0px 0px 20px;
             }
/* Row of the large table of publications with old publications   */
.tcl {
      text-align: left;
      vertical-align: top;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 15px;
}
/* Row of the large table of publiations with current publication */
.tcc {
      text-align: left;
      vertical-align: top;
      background-color: #EBF4F3;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 15px;
      font-weight: bold;
}
/* Normal text size                                                */
.text { 
       font-family: Arial, Helvetica, sans-serif;
       font-size:15px;
       font-weight: normal;
      }

#nao_textbox_m a:link,  #nao_footerbox a:link  {color: #33097f;}
#nao_textbox_m a:hover,  #nao_footerbox a:hover {color: #ff0000;}
#nao_textbox_m a:visited,  #nao_footerbox a:visited {color: #005ca2;}
/*                                                                 */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*                                                                 */
/* These deal with the format of the picture boxes                 */
/* */
/* Table (ie pic + caption + copyright) borders                    */
.Tb {
     border-color: #33097f;
     border-style: ridge;
     border-width: 5px;
     margin:10px 0px 0px 0px;
}
/* Table (ie pic + caption + copyright) borders with space between */
/* text on the right and the picture                               */
.Tbr {
      border-color: #33097f;
      border-style: ridge; 
      border-width: 5px;
      margin:10px 10px 0px 0px;
     }
/*                                                                 */
/* Table (ie pic + caption + copyright) borders with space between */ 
/* text on the left and the picture                                */
.Tbl {
      border-color: #2D73B9;
      border-style: ridge;
      border-width: 5px;
      margin:10px 0px 0px 10px;
     }
/*                                                                 */
/* Cell border (ie just the picture)                               */
.cb { font-family: Arial, Helvetica, sans-serif;
      font-size:15px;
      border-color: #33097f;
      border-style: double;
      border-width: 4px;
      margin:0px 0px 0px 0px;
    }
/*                                                                 */
/* Caption format                                                  */
.caption {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          text-align: justify;
          padding: 0px 10px 0px 10px;
         }
/*                                                                 */
/* Copyright under pictures format                                 */
.copyrft {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 10px;
          text-align: right;
          padding: 0px 10px 0px 10px;
         }
/*                                                                  */
/* ---------------------------------------------------------------- */
/*                                                                  */
/* Paragraphs and text in general                                   */
/*                                                                  */
/* A general paragraph                                              */
p {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  15px;
    text-align: justify;
   }
/*                                                                  */
/* Makes the first letter (for the first paragraph) large           */
div.firstp p:first-letter {
                           width: 0.7em;
                           font-size: 400%;
                           line-height: 80%;
                           color: #33097f;
                           }
/*                                                                  */
/* Adjust height of superscripts                                    */
sup {
     font-size: smaller;
     vertical-align: baseline;
     position: relative;
     bottom: 0.5em;
    }
/*                                                      */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*                                                      */
/* Specification for the footline                       */
/*                                                      */
/*                                                      */
/* ID for footline Div                                  */
#nao_footerbox {
                width: 800px;
                padding: 0px 0px 0px 0px
               }
/*                                                      */
/* Class for table with entries                         */
.foot {
       padding: 0px;
       border-spacing: 0px;
       font-family: Arial, Helvetica, sans-serif;
       font-size:15px;
       background: #2D73B9;
       color: #ffffff;
      }
/*                                                      */
/* Class for footline-right portion                     */
.felr {
       width: 395px; 
       text-align: right;
      }
/*                                                      */
/* Class for footline-left portion                      */
.fell {
       width: 395px; 
       text-align: left;
      }
/* ----------------------------------------------------- */
/*                                                       */
/*                                                       */
/*                                                       */
#navcontainer { 
                width: 150px;     
                font-family: Arial, Helvetica, sans-serif;
                font-size:15px;
                float: left;
               }
#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px; 
}

#navcontainer a
{
display: block;
padding: 3px;
width: 150px;
background-color: #33097f;
border-bottom: 1px solid #eee;
}

#navcontainer a:link,  a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #005ca2;
color: #ffff00;
}