body { font-family: verdana,tahoma,arial,helvetica,sans-serif; font-size: 12px; background: #ffffff; margin: 0px; color: #626365; }
td   { font-family: verdana,tahoma,arial,helvetica,sans-serif; font-size: 12px; vertical-align: top; color: #626365; }

form { margin: 0px; }

a       { text-decoration: none; color: #2E83DA; }
a:hover { text-decoration: underline; color: #385D87; }

a img { border: none; }

.clear { clear: both; }

.banners {}
.banner  { display: none; }

.headbanner { width: 468px; height: 60px; }

.headbanner .banners {}
.headbanner .banner  {}

.welcomeText { font-size: 24px; font-weight: bold; color: #ffad18; }

.headcell    { padding: 0px; font-size: 24px; font-weight: bold; color: #ffad18; }
.menucell    { }
.panelcell   { }
.contentcell { padding: 0px; }
.footcell    { }

.note    { font-size: 10px; font-weight: bold; padding: 0px 2px 0px 2px; }
.error   { color: #ff0000; font-weight: bold; padding-bottom: 5px; }
.message { color: #008000; font-weight: bold; padding-bottom: 5px; }

.formLabel   { font-weight: bold; text-align: right; padding-right: 10px; }
.formElement { border: 1px solid #000000; background-color: #fffaf0; }
.formButton  { border: 1px solid #000000; background-color: #ffad18; font-weight: bold; padding-left: 5px; padding-right: 5px; }
.formButtons { text-align: right; padding-top: 10px; }

.pageTitle { font-size: 16px; font-weight: bold; color: #088E55; padding: 2px 2px 20px 2px; }
.subHead   { font-size: 12px; font-weight: bold; color: #088E55; padding: 2px 2px 10px 2px; }


/*
 *
 *    Gaz's Styles.
 *
 */


.sidebg0 { background: url('/art/bg_side_main.gif') repeat-x repeat-y; }
.sidebg1 { background: url('/art/bg_side_top.gif') no-repeat top left; }
.canvasbg1 { background: url('/art/bg_canvas_top.gif') no-repeat top center; }
.mainCell { background: url('/art/bg_main.gif') repeat-y; padding-left: 15px; padding-right: 17px; }
.headerText { font-weight: bold; font-size: 14px; color: #088E55; }
.emph1	    { font-weight: bold; font-size: 12px; color: #2E83DA; }

.titlemembers0    { margin: 0px; font-weight: bold; font-size: 11px; color: #E1BA32; }
.titlemembers1    { margin: 0px; font-weight: bold; font-size: 11px; color: #C7CFD2; }
.titlemembers2    { margin: 0px; font-weight: bold; font-size: 11px; color: #A65531; }

.imager         { float: right; margin-left: 15px; margin-bottom: 10px; }

/*
 * Site-wide defaults for the various classes, list type specific values are set below
 */

.head          { font-size: 14px; font-weight: bold; padding-top: 5px; }
.title         { margin: 0px; font-weight: bold; font-size: 11px; }
.date          { margin: 0px; font-size: 9px; color: #AAAAAA; }
.standfirst    { margin: 0px; }
.body          { margin: 0px; }
.extrafield    { margin: 0px; }
.image         { float: left; margin-right: 5px; }

.list .title      {}
.list .date       {}
.list .standfirst {}
.list .body       {}
.list .image      {}

.item .title      { font-size: 14px; font-weight: bold; }
.item .date       { margin-right: 5px; padding-bottom: 10px; }
.item .standfirst {}
.item .body       {}
.item .image      {}

.more          { display: block; padding-top: 3px; padding-bottom: 20px; }
.more a        {}
.more a:hover  {}

.view          { padding-top: 3px; }
.view a        {}
.view a:hover  {}

.files         { width: 120px; border: 1px solid #d0d0d0; }
.fileHead      { background: #d0d0d0; font-weight: bold; margin: 0px; padding-left: 2px; }
.fileSubHead   {}
.files a       {}
.files a:hover {}

/*
 * Fun stuff herein
 * Each list type has a class
 * Each list type can appear in a list of as an item
 * Each item attribute has a class
 *
 * e.g. ".news .list .standfirst" refers to the standfirst of a news story in the list context
 *
 * Also the "...read more" and "View the X page" links have a class each of their own
 *
 * Also the "Related Files" boxout has a class
 * The "Related Files" header has a class
 * The file type titles under "Related Files" have a class
 *
 * e.g. ".news .fileHead" refers to the related files header for a news story
 */

.news { width: 100%; }

.news .list .head       {}
.news .list .title      {}
.news .list .date       {}
.news .list .standfirst {}
.news .list .body       {}
.news .list .image      {}

.news .item .head       {}
.news .item .title      {}
.news .item .date       {}
.news .item .standfirst {}
.news .item .body       {}
.news .item .image      {}

.news .more         {}
.news .more a       {}
.news .more a:hover {}

.news .view         {}
.news .view a       {}
.news .view a:hover {}

.news .files       {}
.news .fileHead    {}
.news .fileSubHead {}


.jobs { width: 100%; }

.jobs .list .head       {}
.jobs .list .title      {}
.jobs .list .date       {}
.jobs .list .standfirst {}
.jobs .list .body       {}
.jobs .list .image      {}

.jobs .item .head       {}
.jobs .item .title      {}
.jobs .item .date       {}
.jobs .item .standfirst {}
.jobs .item .body       {}
.jobs .item .image      {}

.jobs .more         {}
.jobs .more a       {}
.jobs .more a:hover {}

.jobs .view         {}
.jobs .view a       {}
.jobs .view a:hover {}

.jobs .files       {}
.jobs .fileHead    {}
.jobs .fileSubHead {}


.staff { width: 100%; }

.staff .list .head       {}
.staff .list .title      {}
.staff .list .date       {}
.staff .list .standfirst {}
.staff .list .body       {}
.staff .list .image      {}

.staff .item .head       {}
.staff .item .title      {}
.staff .item .date       {}
.staff .item .standfirst {}
.staff .item .body       {}
.staff .item .image      {}

.staff .more         {}
.staff .more a       {}
.staff .more a:hover {}

.staff .view         {}
.staff .view a       {}
.staff .view a:hover {}

.staff .files       {}
.staff .fileHead    {}
.staff .fileSubHead {}


.events { width: 100%; }

.events .list .head       {}
.events .list .title      {}
.events .list .date       {}
.events .list .standfirst {}
.events .list .body       {}
.events .list .image      {}

.events .item .head       {}
.events .item .title      {}
.events .item .date       {}
.events .item .standfirst {}
.events .item .body       {}
.events .item .image      {}

.events .more         {}
.events .more a       {}
.events .more a:hover {}

.events .view         {}
.events .view a       {}
.events .view a:hover {}

.events .files       {}
.events .fileHead    {}
.events .fileSubHead {}


.proj { width: 100%; }

.proj .list .head       {}
.proj .list .title      {}
.proj .list .date       {}
.proj .list .standfirst {}
.proj .list .body       {}
.proj .list .image      {}

.proj .item .head       {}
.proj .item .title      {}
.proj .item .date       {}
.proj .item .standfirst {}
.proj .item .body       {}
.proj .item .image      {}

.proj .more         {}
.proj .more a       {}
.proj .more a:hover {}

.proj .view         {}
.proj .view a       {}
.proj .view a:hover {}

.proj .files       {}
.proj .fileHead    {}
.proj .fileSubHead {}


.contactus { width: 100%; }
.contactus .content {}

.wordsearch { width: 100%; }
.wordsearch .content {}


.plaques .border { border: 1px solid #000000; width: 350px; }

