/* basic elements */

/* NB NB NB Note change of logo for 700th anniversary in 2011 */
body         {
font-family: 'Palatino Linotype', 'Times New Roman', Times, serif; font-size:  86%;
background-color: #FFFFFF;  background-image: url(../img/bgr06.gif)
}

  h1           { font-size:
               2.5em }
  h2           { font-size:
               2.1em }
  h2.italic    {
  font-style: italic
  }

  h3           { font-size:
               1.7em }
  h4           { font-size:
               1.4em }
  h5 {     font-size:
            1.25em;  }
  h6 {     font-size:
            1.1em;  }
  h4.italic    {
  font-style: italic
  }

  h1.pageheader        { text-align: center;
  font-size: 2.0em; }
  h1.pagehdr_small {
     font-size: 2.0em;
     text-align: center
  }


  /* Make sure font sizes work in all browsers */
  input, select, th, td {
    font-size: 1em;
  }

  li li, li p, td p, blockquote p {
    font-size: 1em;
  }

  div {
    font-size: 1.0em;
  }

 /* Use this for when the word Alpha is to be advertised */
  span.alpha {
     color: red;
  font-size: larger;
  font-style: italic }

 p.bigger {
    font-size: 1.25em;
   }
 p.statement {
    text-align: justify;
  }

p.subheader {
   font-size: 1.3em; font-weight: bold;
   font-style: oblique
}
p.nospace {
   padding-top: 0em;
   margin-top: 0em;
}


/* Use these for the main document layout structure */
 #container {
      width: 730px
}

/* The main section will normally hold the navigation and content divisions */
/*  A background image allows a vertical dividing line, if wanted. */
/* Note that height=1% is the Holly Hack to get around the IE Peek-a-Boo bug */
#mainsection {
   background-image: url(../img/navigationborder.jpg);
   background-repeat: repeat-y;

}
/* Logo changed just for 7ooth anniversary in 2011  */
/* div height change from 121px to 130px for the new logo.  Put it back to 121pc */
/* Logo must be put back to logo_col_tenth.jpg  */
div.logo {
   width: 150px;
   margin-top: 16px;
   background-image: url(../logo_col_tenth_700.jpg);
   background-repeat: no-repeat;
   background-color: transparent;
   height: 130px;
   float: left
}


div.pageheader {
  margin-left: 158px;
  padding-top: 6px;
  padding-left: 15px;
  padding-right: 15px
}

/* Use topmenu for the top menu bar */
/* Note the use of clear to ensure correct positioning */
/* Previous class topmenu now redundant, but still requested on all pages */
div.topmenu
{
    clear: both;
    }
#top_menu {
   clear: both;
   margin-left: 170px;
   width: 550px;
   background-color: #FFCC66;
   padding-top: 4px;
   padding-right: 10px;
   padding-bottom: 4px;
   font-size: 0.9em;
   }
#top_menu ul {
   margin: 0;
   padding: 0;
   text-align: right;
}
#top_menu li {
   display: inline;
   padding-left: 0;
   margin-left: 0;
}
#top_menu a {
   text-decoration: underline;
}

.clear {
  clear: left;
}
.smallitalic {
   font-size: smaller;
   font-style: italic
}
 .indent {
   margin-left: 30px
}
  .dropcap {
float:left;
color:#f60;
font-size:2.7em;
line-height:0.9em;
padding-top:1px;
margin-right: 2px;
}

/* Use navigation for the left hand side navigation menu */
#navigation
{
float:left;
width:153px;
position: relative;
height: 1%;
}

#navigation ul {
   margin: 0;
   padding: 0;
   list-style: none;
}
#navigation li {
   padding-bottom: 2px;
}

#navigation li p {
   margin-left: 10px;
   padding-left: 10px;
   margin-bottom: 2px;
   padding-bottom: 2px;
   font-weight: bold;
  }
#navigation p {
   padding-top: 0;
   padding-bottom: 2px;
   margin-top: 0;
   margin-bottom: 2px;
}
#navigation li.thispage {
   color: gray;
}


/* The main content of the page */
div.content
{
margin-left:168px;
  padding-left: 6px
}

/* The extra height for the footer division is to cater for when user chooses
 a large font size. Note that background is currently better supported than
 background-color, and background should always be specified with color to
 avoid conflict with user style sheets.*/
div.footer
{
     clear: both;
  padding-left:1px;
  padding-top: 1px;
  padding-bottom: 1px;
  margin-left: 40px;
   margin-top: 20px;
   margin-bottom: 4px;
   border-bottom-color: #ff9966;
   background-color: #FFFFFF;
   border-bottom-width: 15px;
   border-bottom-style: solid;
   width: 720px;
}

/* The next division is only used for placing a link to return to the top of the page */
div.return
{
padding-left:5px;
clear: left;
  padding-top: 6px;
  width: 165px
}
#updateinfo {
   margin-left: 190px
}

.bigger_text {
   font-size: 1.3em;
}


/* Use of hr for horizontal lines only gives uncoloured line in Firefox */
 div.hrlong { border-top: solid medium blue; margin-left: 4%; margin-right: 4% }
 div.hrshort { border-top: solid medium blue; margin-left: 20%; margin-right: 20% }

/* Box puts a nice bold border around item */
 div.box {
   border-left: medium solid #0000FF;
   border-top: medium solid #0000FF;
   border-right: medium solid #0000FF;
   margin-left: 10%;
   margin-right: 10%;
   padding-left: 5%;
   padding-right: 5%;
   border-bottom: medium solid #0000FF
}


/*  Set colours for links... (Note order:- Link Visited Hover Active) */
  a:link       { text-decoration: none; color: blue }
  a:plain      { text-decoration: none; color: blue }
  a:visited    { text-decoration: none; color: blue }
  a:hover      { text-decoration: none; color: red }
  a:active     { text-decoration: none; color: blue }