.ver10blk { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none }
.ver12blk { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none }
.ver14blk { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none }
.ver16blk { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; text-decoration: none }
.ver06blk { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 6px; color: #000000; text-decoration: none }
.ver08blk { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #000000; text-decoration: none }
.ver12blkbold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none ; font-weight: bold}
.ver14blkbold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none ; font-weight: bold}
.ver16blkbold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; text-decoration: none ; font-weight: bold}
.ver12grey { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #CCCCCC; text-decoration: none ; font-weight: bold }
a:hover {  color: #FF0000; text-decoration: none}
.ver10blkbold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none ; font-weight: bold; cursor: hand}

.bodytext { color: #000; font: normal 12px Verdana, Arial, Helvetica, sans-serif; }

/*
  Font color and styles
  =====================

  Only this section needs editing
*/

/* This is the title of the page (i.e. Links Page, Recent News, Photogallery etc) */
div.wrapper h2.pagetitle { color: #000000; font: bold 18px Arial, Helvetica, sans-serif; text-decoration: none; }

/* This is the description text of the page (i.e. Please click on the photos...)*/
div.wrapper p.bodytext { color: #000; font: normal 12px Verdana, Arial, Helvetica, sans-serif; }

/* The general style to be used for categories/products/product pages */
div.category, div.product { font-family: Arial, Helvetica, sans-serif; }

/* This is the title of the category/product/news/photo etc */
div.wrapper h3 { font-size: 16px; font-weight: bold; color: #000000; }

/* This is the description of the category/product/news/photo etc and any large text within those sections */
div.wrapper p { font-size: 14px; color: #000; }

/* These are the link styles of those above titles */
div.wrapper h3 a { color: #000000; text-decoration: none; }
div.wrapper h3 a:hover { color: #000000; text-decoration: none; }

/* These are the link styles of any links within normal paragraphs */
div.wrapper p a { color: #000; text-decoration: none; }
div.wrapper p a:hover { color: #000; text-decoration: none; }

/* These are the styles of those text that is used for Return to products, Return to main news etc */
div.wrapper p.link { text-align: left; color: #000000; font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; }
div.wrapper p.link a { color: #000000; font-weight: bold; text-decoration: none; text-transform: uppercase; }
div.wrapper p.link a:hover { color: #000000; text-decoration: none; }

/* These are styles just for each of the thumbnails on the photogallery */
div.photo img { border: 2px solid #000; }
div.photo h3 { text-align: center; }
div.photo h3 a, div.photo h3 a:visited { color: #373737; text-decoration: none; }
div.photo h3 a:hover, div.photo h3 a:active { color: #000; text-decoration: none; }

#mailinglist h2 { color: #000; font: bold 12px Verdana, Arial, Helvetica, sans-serif;  }

#newssummary { margin:0 0 2em; }

#newssummary h2 { color: #000; font: bold 12px Verdana, Arial, Helvetica, sans-serif;  }
#newssummary ul, #newssummary li { list-style:none; margin: .25em; padding:0; }
#newssummary a { color: #000; font: normal 12px Verdana, Arial, Helvetica, sans-serif; text-decoration: none;  }

/* These are the styles of those text that is used for Return to products, Return to main news etc */
#newsdetail p a { color: #000000; text-decoration: none; }
#newsdetail p a:hover { color: #ccc; text-decoration: none; }

/* These are styles just for the main photo on the photogallery */
#photo { text-align: center; }  /* This will center the image */
#photo h3, #photo p { text-align: left; }  /* This will then left align the text */

/* This is the header row on the links page (i.e. Company Description etc) */
#exlinks table th { font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-align:left; border: 1px solid #333; border-width: 0 0 1px 0; }

/* This is the style on the rest of the rows on the links page */
#exlinks table td { font: normal 12px Verdana, Arial, Helvetica, sans-serif; vertical-align: middle; }

/* This is the style used for the next/previous links on photogallery/products etc */
div.nextprev a { font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; }


/* Leave this be, this stops borders on any linked image */
a img { border-width: 0; }

/*
  Positioning, margin, padding
  ============================

  This section should not need to be edited
*/
div.wrapper { margin: 0; padding: 0; }
div.wrapper h2.pagetitle { margin: 0.25em 0.125em 0.5em; }
div.wrapper h3 { margin: 0 0.125em 0.25em; }
div.wrapper p { margin: 0.25em 0 1em; }
div.wrapper p.link { clear: both; padding-top: 1em; }
div.category, div.product { clear: both; width: 550px; margin: 1em 0.5em 0.5em 1em; }
div.wrapper img { float: left; margin: 0.33em 0.5em 0.33em 0.5em; }
div#productimages { float: left; margin: 0; }
div#productimages img { clear: both; display: block; }

div.newsitem { margin: 1.5em 2em 1em 1em; }
#newsdetail h3, #newsdetail p { margin: 1em 30px; }
#newsdetail img { float: left; margin: 0.5em; }
#newsdetail p.link a { float: right; }

#photo { margin: 2em auto; width: 75%; }
#photo img { float: left; margin: 0 1em 2em 0; border: 1px solid black; }
#photo h3 { margin: 1em 0; }
div.photo { float:left; width: 150px;  margin:0 1em; }
div.photo img { display:block; float:none; margin:0 auto; }
div.photo h3 { text-align:center; margin:0; }

#faqs ul { list-style: none; margin: 0.5em 0; }
#faqs p { padding: 0.5em 0 0.5em 1.5em; }
.faqdetail p.bodytext { text-align:center; }

#exlinks p { margin:0 0 0 0.125em; }

#exlinks table { width: 100%; margin: 1em 0; }
#exlinks table th { padding: 0 0 0.25em 0; }
#exlinks table td { padding: 0.33em 0.25em 0; }
#exlinks table th.company { width: 30%; }
#exlinks table th.desc { width: 40%; }
#exlinks table th.link { width: 30%; }

div.nextprev { clear: both; }
.previous { float: left; }
.next { float: right; }

.eveningmenu{
font-family: Georgia;
font-size: 12pt;
font-weight: normal;
}

.lunchhead{
font-family: Georgia;
font-size: 18pt;
font-weight: bold;
text-decoration: underlined;
}

.lunchcourse{
font-family: Georgia;
font-size: 12pt;
font-weight: bold;
}

.lunchsub{
font-family: Georgia;
font-size: 10pt;
font-weight: normal;
font-style: italic;
}