@media print {
  #left-col {
    display: none;
  }
}
/* Menu printing now suppressed */

@media print {
  #header {
    display: none;
  }
}
/* Page header printing now suppressed */

@media print {
  #footer {
    display: none;
  }
}
/* Footer printing now suppressed */

body, td {
  font-family: Arial, Verdana, sans-serif;
  margin: 0px;
  background: #CCCC99;
  color: #000000;
  text-align: center;
  line-height: 130%;
  padding: 0;
}

#wrapper {
  text-align: left;
  width: 775px;
  margin: auto;
}

#header {
  height: 75px;
  background: #FFFFFF;
  color: #000000;
}

#bodyarea {
  position: relative;
  background: #FFFFCC;
  color: #FFFFFF;
  width: 775px;
  padding: 0px;
}

#left-col {
  float: left;
  font-family: Arial, Verdana, sans-serif;
  font-size: 95%;
  font-weight: normal;
  line-height: 130%;
  background: #FFFFCC;
  color: #000000;
  width: 125px;
  padding: 8px;
}

#content {
  width: 610px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 95%;
  line-height: 130%;
  background: #FFFFFF;
  color: #000000;
  text-align: left;
  padding: 8px;
}

#footer {
  text-align: center;
  font-size: 80%;
  height: 20px;
  font-family: Arial, Verdana, sans-serif;
  background: #990000;
  color: #FFFFFF;
  margin: 0px;
}

h3, p {
  margin: 0px;
  padding: 4px;
}

h4 {
  margin: 0px;
  padding: 5px 0;
}

p {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

h1 {
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  font-size: 130%;
  color: #000000;
}

h2 {
  margin: 5px;
  padding: 0px;
  font-size: 130%;
}

ul {
  padding-top: 3px;
  padding-bottom: 3px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 40px;
  padding-left: 15px;
}

li {
  padding-top: 4px;
  padding-bottom: 0px;
  padding-left: 2px;
  line-height: 140%;
}

table.normal {
  text-align: center;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size: 95%;
  color: #000000;
  width: 500px;
  background-color: #FFFFFF;
  border: 1px;
  border-collapse: collapse;
  border-spacing: 0px;
}

table.normal td {
  background-color: #FFFFFF;
  color: #000000;
  padding: 4px;
  text-align: left;
  vertical-align: top; /* to cater for text which rolls into multiple lines */
  border: 1px #FFCCCC solid;
}

table.normalw {
  text-align: center;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size: 95%;
  color: #000000;
  width: 550px;
  background-color: #FFFFFF;
  border: 1px;
  border-collapse: collapse;
  border-spacing: 0px;
}

table.normalw td {
  background-color: #FFFFFF;
  color: #000000;
  padding: 4px;
  text-align: left;
  vertical-align: top; /* to cater for text which rolls into multiple lines */
  border: 1px #FFCCCC solid;
}

table.normalwot {
  text-align: center;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size: 95%;
  color: #000000;
  width: 610px;
  background-color: #CC9999;
  border: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
}

table.normalwot td {
  background-color: #CC9999;
  color: #000000;
  padding: 4px;
  text-align: left;
  vertical-align: top; /* to cater for text which rolls into multiple lines */
  border: 0px #FFCCCC solid;
}

table.christmas1 {
  text-align: center;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size: 95%;
  color: #000000;
  width: 610px;
  background-color: #FFFFFF;
  border: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
}

table.christmas1 td {
  background-color: #FFFFFF;
  color: #000000;
  padding: 4px;
  text-align: left;
  vertical-align: top; /* to cater for text which rolls into multiple lines */
  border: 0px #FFCCCC solid;
}

table.christmas2 {
  text-align: center;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size: 95%;
  color: #000000;
  width: 610px;
  background-color: #FFCCCC;
  border: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
}

table.christmas2 td {
  background-color: #FFCCCC;
  color: #000000;
  padding: 4px;
  text-align: left;
  vertical-align: top; /* to cater for text which rolls into multiple lines */
  border: 0px #FFCCCC solid;
}

table.small {
  text-align: center;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size: 60%;
  color: #CC9999;
  width: 120px;
  background-color: #FFFFCC;
  border: 1px;
  border-collapse: collapse;
  border-spacing: 0px;
}

table.small td {
  background-color: #FFFFCC;
  color: #CC9999;
  padding: 2px;
  text-align: left;
  border: 1px #CC9999 solid;
}

table.smallr {
  text-align: center;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size: 80%;
  color: #000000;
  width: 120px;
  background-color: #FFFFCC;
  border: 1px;
  border-collapse: collapse;
  border-spacing: 0px;
}

table.smallr td {
  background-color: #FFFFCC;
  color: #000000;
  padding: 3px;
  text-align: left;
  border: 1px #990000 solid;
}

table.wide {
  text-align: left;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size: 95%;
  color: #000000;
  width: 500px;
  background-color: #CC9999;
  border: 1px;
  border-collapse: collapse;
  border-spacing: 1px;
}

table.wide td {
  background-color: #CC9999;
  color: #000000;
  padding: 2px;
  text-align: left;
  border: 1px #CC9999 solid;
}

table.widen {
  text-align: left;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size: 95%;
  color: #000000;
  width: 550px;
  background-color: #CC9999;
  border: 1px;
  border-collapse: collapse;
  border-spacing: 1px;
}

table.widen td {
  background-color: #CC9999;
  color: #000000;
  padding: 2px;
  text-align: left;
  border: 1px #CC9999 solid;
}

table.normaln {
  text-align: center;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size: 95%;
  color: #000000;
  width: 550px;
  background-color: #FFFFFF;
  border: 1px;
  border-collapse: collapse;
  border-spacing: 0px;
}

table.normaln td {
  background-color: #FFFFFF;
  color: #000000;
  padding: 4px;
  text-align: left;
  vertical-align: top; /* to cater for text which rolls into multiple lines */
  border: 1px #FFCCCC solid;
}

table.noborder {
  text-align: left;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size: 95%;
  color: #000000;
  width: 600px;
  background-color: #FFFFFF;
  border: 0px;
  border-collapse: collapse;
  border-spacing: 1px;
}

table.noborder td {
  background-color: #FFFFFF;
  color: #000000;
  padding: 2px;
  text-align: left;
  vertical-align: top;
  border: 0px #000000 solid;
}

/* Routine below used when a table heading is required */

table.normal td.hed {
  background-color: #CCCCCC;
  color: #000000;
  padding: 4px;
  text-align: left;
  border-bottom: 2px #FFFFFF solid;
  font-size: 95%;
  font-weight: bold;
}
/* Routine above is used when a table heading is required */
/* Routine below centres table in all browsers */

div.centered {
  text-align: center;
}

div.centered table {
  margin: 0 auto;
  text-align: left;
}
/* Routine above centres tables in all browsers */

A:link {
  COLOR: #000099;
  TEXT-DECORATION: none;
  font-weight: 500;
}

A:visited {
  COLOR: #660099;
  TEXT-DECORATION: none;
  font-weight: 500;
}

A:hover {
  COLOR: #990033;
  background-color: #CC9999;
  TEXT-DECORATION: underline;
  font-weight: 500;
}

A:active {
  COLOR: #000099;
  TEXT-DECORATION: underline;
  font-weight: 500;
}

hr {
  color: #CCCCCC;
}

blockquote {
  position: static;
  margin: 5px 5px 5px 40px;
}
/* .lotsofstyles is not an html style, but it does contain some useful styles that can be uses in the html styles above */

.rednotice {
  text-align: center;/* IE bug taken care of step 1 */
  margin: auto;
  width: 400px;
  height: auto;
  text-align: left;/* IE bug taken care of step 2 */
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 95%;
  font-style: normal;
  line-height: 130%;
  font-weight: normal;
  text-align: center;
/*  text-decoration: none; *//* Not required here, use if required */
  background-color: #FFFFFF;
/*  background-image:  url(../images/head.jpg); *//* Not required here, use if required */
/*  background-repeat: no-repeat; *//* Not required here, use if required */
/*  margin: 0px 0px 0px 0px; *//* If used this overides earlier margin line */
  padding: 8px 8px 8px 8px;
  border-top-width: 3px;
  border-right-width: 3px;
  border-bottom-width: 3px;
  border-left-width: 3px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #990000;
  border-right-color: #990000;
  border-bottom-color: #990000;
  border-left-color: #990000;
  color: #000000;
}
/*   Class rednotice now set up    */

.bluenotice {
  text-align: left;/* IE bug taken care of step 1 */
  margin: auto;
  width: 400px;
  height: auto;
  text-align: left;/* IE bug taken care of step 2 */
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 95%;
  font-style: normal;
  line-height: 130%;
  font-weight: normal;
  text-align: left;
/*  text-decoration: none; *//* Not required here, use if required */
  background-color: #FFFFFF;
/*  background-image:  url(../images/head.jpg); *//* Not required here, use if required */
/*  background-repeat: no-repeat; *//* Not required here, use if required */
/*  margin: 0px 0px 0px 0px; *//* If used this overides earlier margin line */
  padding: 8px 8px 8px 8px;
  border-top-width: 3px;
  border-right-width: 3px;
  border-bottom-width: 3px;
  border-left-width: 3px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #0000FF;
  border-right-color: #0000FF;
  border-bottom-color: #0000FF;
  border-left-color: #0000FF;
  color: #000000;
}
/*   Class bluenotice now set up    */

.rednotice2 {
  text-align: center;/* IE bug taken care of step 1 */
  margin: auto;
  width: 500px;
  height: auto;
  text-align: left;/* IE bug taken care of step 2 */
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 130%;
  font-style: normal;
  line-height: 130%;
  font-weight: normal;
  text-align: center;
/*  text-decoration: none; *//* Not required here, use if required */
  background-color: #FFD4D4;
/*  background-image:  url(../images/head.jpg); *//* Not required here, use if required */
/*  background-repeat: no-repeat; *//* Not required here, use if required */
/*  margin: 0px 0px 0px 0px; *//* If used this overides earlier margin line */
  padding: 8px 8px 8px 8px;
  border-top-width: 3px;
  border-right-width: 3px;
  border-bottom-width: 3px;
  border-left-width: 3px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #990000;
  border-right-color: #990000;
  border-bottom-color: #990000;
  border-left-color: #990000;
  color: #000000;
}
/*   Class rednotice2 now set up    */

.whitenotice {
  text-align: center;/* IE bug taken care of step 1 */
  margin: auto;
  width: 400px;
  height: auto;
  text-align: left;/* IE bug taken care of step 2 */
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 95%;
  font-style: normal;
  line-height: 130%;
  font-weight: normal;
  text-align: center;
/*  text-decoration: none; *//* Not required here, use if required */
  background-color: #FFFFFF;
  padding: 8px 8px 8px 8px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
/*  No borders on show  */
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #CC0000;
  border-right-color: #CC0000;
  border-bottom-color: #CC0000;
  border-left-color: #CC0000;
  color: #000000;
}
/*   Class "whitenotice" now set up   */

hr.thin {
height: 1px;
border: 0;
color: #990000;
background-color: #990000;
width: 100%;
} 
/*  Class "thin" now set up  */

/*  Code below (to end of file added  */
/*  to improve the menu on 1 Jul 2010 */

.buttonscontainer {width: 133px;}

.buttons a {color: #000099;
background-color: #FFFFCC;
padding: 2px;
padding-left: 0px;
display: block;
font: 14px Arial, sans-serif;
font-weight: normal;
text-decoration: none;
text-align: left;}

.buttons a:hover {color: #990033;
background-color: #CC9999;
text-decoration: underline;}

/*   end of file: layout.css   */

/*  Computer-Zen www.computer-zen.com is part of the VORD Web Design Network 
www.vordweb.co.uk. This stylesheet is, in part, adapted from the excellent
original at the address above. */