/* Global Styles *
 *****************/

   * {
      padding: 0px;
      margin: 0px;
   }


/* Layout *
 **********/

   body {
      background-color: #BDCAD7;
      font-size: 100%;
      font-family: Verdana, Arial, Helvetica, sans-serif;
   }

   .pageContainer {
      width: 780px;
      margin: 0px auto 0px auto;
   }

   .headerContainer {
      width: 780px;
      height: 120px;
      margin: 20px 0px 20px 0px;
      background-image: url(../images/header2.gif);
      background-repeat: no-repeat;
   }

   .navBlock {
      width: 80px;
      float: right;
      margin: 20px 20px 10px 10px;
   }

   .contentContainer {
      background-color: #FFFFEA;
      border: #003366 1px solid;
      margin: 20px 0px 20px 0px;
   }

   .slideshowContainer {
      float: right;
      margin: 0px 10px 0px 10px;

      width: 320px;
   }

   .slideshowContainer img {
      border: 1px solid #CCCCCC;
      margin-bottom: 10px;
   }

   .slideshowContainer p {
      margin: 10px 0px 10px 0px;
      padding-bottom: 5px;
      color: #003366;
      border-bottom: 1px solid #CCCCCC;
   }

   span.date {
     font-style: italic;
     font-size: 80%;
     margin-bottom: 25px;
   }

   .formRow {
     padding: 0px;
     margin: 20px 0px 20px 20px;
   }

   .formLabel {
     width: 100px;
     float: left;
   }

   .footerContainer {
      background-image:url(../images/footer.gif);
      background-repeat: no-repeat;
      width: 780px;
      height: 40px;
      margin: 20px 0px 20px 0px;
   }


/* Text and Headings *
 *********************/

   h1 {
      text-align: center;
      text-decoration: underline;
      font-size: 150%;
      color: #EAE998;
      padding: 20px 0px 10px 80px;
   }

   h2 {
      padding: 10px 10px 5px 10px;
      color: #003366;
      font-size: 130%;
   }

   h3 {
      padding: 10px 10px 5px 10px;
      color: #003366;
      font-size: 105%;
   }

   h3.menuTitle {
      text-align: center;
      text-decoration: underline;
      font-size: 110%;
      margin: 20px 0px 20px 0px;
   }      

   h4.menuTitle {
      padding: 10px 10px 5px 10px;
      margin: 20px 10px 10px 10px;
      color: #003366;
      font-size: 95%;
      text-align: center;
      text-decoration: underline;
      font-weight: bold;
   }

   p.strapline {
     text-align: center;
     margin: 20px;
     font-style: italic;
   }

   p.banner {
      text-align: center;
      font-size: 110%;
      color: #EAE998;
      padding: 0px 0px 0px 80px;
   }

   div.contentContainer p {
      padding: 0px 10px 10px 10px;
      font-size: 95%;
   }

   div.contentContainer p.menuDetails {
      text-align: center;
      font-weight: bold;
      margin: 15px 0px 15px 0px;
   }

   div.contentContainer p.menuItem {
      margin-top: 20px;
      margin-bottom: 0px;
      padding: 0px;
      text-align: center;
      font-weight: bold;
   }

   div.contentContainer p.menuItemDetails {
      margin: 0px;
      padding: 0px;
      text-align: center;
   }

   div.contentContainer p.menuKey {
      margin-top: 40px;
      margin-bottom: 20px;
      font-size: 60%;
      font-weight: bold;
   }

   div.contentContainer p.menuNotes {
      font-size: 60%;
      padding-top: 3px;
      padding-bottom: 3px;
   }

   p.cleared {
      clear: both;
   }


   p.formTitle {
      margin-top: 30px;
   }

   .footerText {
      font-size: 70%;
      color: #EAE998;
      text-align: center;
      padding: 10px 0px 0px 0px;       
   }


/* Main Navigation *
 *******************/

   div.navBlock ul {
      list-style: none;
   }

   div.navBlock li {
      font-size: 95%;
      text-align: center;
      padding: 2px 0px 2px 0px;
      margin: 2px 0px 2px 0px;
      color: #EAE998;
   }

   div.navBlock li.curNav {
      color: #EAE998;
      font-weight: bold;
      border-left: #EAE998 1px solid;
      border-right: #EAE998 1px solid;
   }

   div.navBlock a:link {
      color: #EAE998;
      text-decoration: none;
   }

   div.navBlock a:visited {
      color: #EAE998;
      text-decoration: none;
   }

   div.navBlock a:hover {
      color: #FF6666;
      text-decoration: underline;
   }


/* Sub Navigation *
 *******************/

   ul.submenu {
      list-style: none;
      margin: 0px 10px 0px 10px;
      padding: 10px 10px 10px 10px;
      text-align: center;
      background-color: #BDCAD7;
      border: 1px solid #003366;
   }

   ul.submenu li {
      display: inline;
      font-size: 90%;
      padding: 0px 10px 0px 10px;
   }

   .currMenu {
      color: #003366;
      background-color: #FFFFEA; 
      border: 1px solid #003366;
   }

   .submenu a:link {
      color: #003366;
      text-decoration: none;
   }

   .submenu a:visited {
      color: #003366;
      text-decoration: none;
   }

   .submenu a:hover {
      color: #FF6666;
      text-decoration: underline;
   }

/* Footer Links *
 ****************/

   .footerText a:link{
      color: #EAE998;
      text-decoration: none;
   }

   .footerText a:visited{
      color: #EAE998;
      text-decoration: none;
   }

   .footerText a:hover{
      color: #FF6666;
   }




/* Forms *
 *********/

   input {
      padding: 1px 1px 1px 1px;
      border: 1px solid #003366;
   }

   textarea {
      padding: 1px 1px 1px 1px;
      border: 1px solid #003366;
   }

   .button {
      background-color: #FFFFEA;
      color: #003366;
      font-weight: bold;
      border: #003366 1px solid;
      padding: 3px 3px 3px 3px; 
   }

   label {
      color: #003366;
      font-size: 95%;
   }


/* Tables *
 **********/

   table {
      width: 50%;
      margin: 10px auto 20px auto;
      border-spacing: 0px;
      border: 1px solid #BDCAD7;
      font-size: 90%;
   }

   caption {
      text-align: left;
      padding: 10px 10px 5px 10px;
      color: #003366;
      font-size: 105%;
      font-weight: bold;
   }

   th {
      border-spacing: 0px;
      padding: 3px;
   }

   td {
      border-spacing: 0px;
      padding: 3px;
      text-align: center;
   }

   .coloured {
      background: #E6EBF0;
      border-bottom: 1px solid #BDCAD7;
   }


/* Images *
 **********/

   img {
      border: none;
   }

   .imgRight {
      float: right;
      margin: 0px 10px 10px 10px;
   }