body { font-family: arial,helvetica,sans-serif; font-size: 12px; background: #ffffff; margin: 0px; }
td   { font-family: arial,helvetica,sans-serif; font-size: 12px; vertical-align: top; }

form { margin: 0px; }

a       { text-decoration: underline; color: #c0022a; font-weight: bold; }
a:hover { text-decoration: underline; color: #790000; font-weight: bold; }

img { vertical-align: middle; }
a img { border: none; padding: 0; margin: 0;}
.panelcell img { display: block; }

img.floatleft  { float: left;  clear: left;  margin-right: 4px; }
img.floatright { float: right; clear: right; margin-left:  4px; }

.clear { clear: both; font-size: 0px; }

.banners {}
.banner  { display: none; }

.headbanner { display: none; width: 468px; height: 60px; float: right; }

.headbanner .banners {}
.headbanner .banner  {}


.fullPage           { width: 784px; text-align: left; margin-left: auto; margin-right: auto; }
html>body .fullPage { width: 784px; text-align: left; margin-left: auto; margin-right: auto; }

.headcell    { height: 118px; }
.searchcell  { height: 30px; background-image: url("/art/bar.png"); background-repeat: no-repeat; text-align: right; vertical-align: top; }
.middlecell  { }
.panelcell   { float: left; width: 209px; line-height: 0px; padding: 0; margin: 0; }
.largecell   { float: right; width: 575px; padding:0; margin: 0px; background-image: url("/art/corner.png"); background-repeat: no-repeat; }
.contentcell { margin-top: 30px; margin-left: 30px; width: 543px; }
.menucell    { width: 780px; margin: 0px 2px 0px 2px; background: #a6a8a9; }
.pagecontent { width: 500px; }

.menucell img { padding: 0; margin: 10px 5px 10px 13px; }

.menucell *  { vertical-align: middle; }
.footcell    { width: 780px; height: 37px; margin: 0px 2px 0px 2px; color: #000000; text-align: left; }
.footcell *  { vertical-align: middle; }

.rollover        { padding: 138px 0px 37px 208px; }
.equipmentleft   { float: left; width: 235px; margin-right: 30px; }
.equipmentright  { float: left; width: 235px; }

.panelTitle {}

.homePage {}

.homeColumns { border-bottom: 1px solid #ffffff; }
.homeColumn  { width: 33%; float: left; }

.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: #ffffff; }
.formButton  {}
.formButtons { text-align: right; padding-top: 10px; }

.formList             {}
.formList a           { display: block; }
.formList a.completed { font-weight: bold; }
.formTitle            { font-weight: bold; padding: 2px; background: #f0f0f0; }
.formSubTitle         { font-weight: bold; padding: 2px; background: #f0f0f0; margin-top: 5px; }

.searchForm    { height: 27px; margin-right:63px; }
.searchForm .formElement   { border: #cecece solid 1px; border-top: #8d8d8d solid 1px; border-bottom: #e2e2e2 solid 1px; width:100px; }
.searchForm *  { vertical-align: middle; }

.searchResults { padding: 2px; margin-top: 20px; }
.searchResult  { margin-top: 5px; }

.searchResults .listLine0 { background: #f8f8f8; padding: 0px 2px 0px 2px; }
.searchResults .listLine1 { background: #f0f0f0; padding: 0px 2px 0px 2px; }

.searchResult .title     { margin-bottom: 5px; }
.searchResult .relevance { font-size: 10px; margin-left: 10px; }
.searchResult .sample    { margin-left: 10px; }

/*
 * Site-wide defaults for the various classes, list type specific values are set below
 */

.head          { font-size: 12px; font-weight: bold; }
.thinhead      {}
.title         {}
.date          {}
.standfirst    {}
.body          {}
.extrafield    {}
.image         { border: 1px solid #a6a8a9; }
.content       { padding: 24px 30px 0px 30px; }
.footertext    { font-size: 11px; font-weight: normal; }


.regFormLink { margin-top: 20px; background: #d0d0d0; }

.objectForum { border-top: 1px solid #000000; margin-top: 20px; }

.list {}

.list .title         {}
.list .title a       {}
.list .title a:hover {}
.list .date          {}
.list .standfirst    {}
.list .body          {}
.list .image         {}

.item {}

.item .title      {}
.item .date       {}
.item .standfirst {}
.item .body       {}
.item .image      {}

.more          {}
.more a        {}
.more a:hover  {}

.view          {}
.view a        {}
.view a:hover  {}

.view .prev { float: left; }
.view .next { float: right; }
.view .num  { margin-left: 2px; margin-right: 2px; }
.view .curr { font-size: 16px; font-weight: bold; }

.page       { text-align: center; margin: 0px 0px 4px 0px; }
.page .prev { float: left;  padding: 2px 4px 2px 4px; border: 1px solid #a6a8a9; }
.page .next { float: right; padding: 2px 4px 2px 4px; border: 1px solid #a6a8a9; }
.page .num  { margin: 0px 2px 0px 2px; padding: 2px 4px 2px 4px; border: 1px solid #a6a8a9; }
.page .sep  { margin: 0px 2px 0px 2px; padding: 2px 4px 2px 4px; }
.page .cur  { font-weight: bold; background: #e0e0e0; }

.files         { border: none; margin-top: 12px; float: right; clear: right; margin-left: 4px; }
.fileHead      { display: none; background: #d0d0d0; margin-bottom: 8px; padding-left: 2px; }
.fileSubHead   { display: none; margin-bottom: 4px; padding-left: 2px; }
.files img     { margin: 0px 2px 12px 12px; border: 1px solid #a6a8a9; }
.files a       { display: block; margin: 0px 0px 4px 0px; }
.files a img   { margin: 0px; }
.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 {}

.news .list             {}
.news .list .head       {}
.news .list .title      { font-weight: bold; colour: #c0022a; }
.news .list .title a    { font-weight: bold; colour: #c0022a; }
.news .list .date       { font-size: 10px; margin-bottom: 8px; }
.news .list .standfirst {}
.news .list .body       {}
.news .list .image      { float: left; border: 1px solid #a6a8a9; margin-right: 12px;}

.news .item {}

.news .item .head       {}
.news .item .title      { font-weight: bold; font-size: 14px; color: #c0022a; }
.news .item .date       { text-align: right; font-size: 10px; margin-bottom: 8px; }
.news .item .standfirst { font-weight: bold; margin-bottom: 8px; }
.news .item .body       {}
.news .item .image      { float: right; margin: 0px 2px 12px 12px; border: 1px solid #a6a8a9; }

.news .more         { margin-bottom: 16px; }
.news .more a       { margin-bottom: 16px; }
.news .more a:hover { margin-bottom: 16px; }

.news .view         {}
.news .view a       {}
.news .view a:hover {}

.news .files       {}
.news .fileHead    {}
.news .fileSubHead {}