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

form { margin: 0px; }

a       { text-decoration: none; color: #FF9600; }
a:hover { text-decoration: underline; color: #E35500; }
a:visited { text-decoration: none; color: #FF9600; }
a:visited:hover { text-decoration: underline; color: #E35500; }
a:active { text-decoration: underline; color: #000000; }

img { vertical-align: middle; font-size: 1px; }

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   { background: #d0d0d0; }
.contentcell { padding: 0px; }
.footcell    { vertical-align: bottom; }

.footcell .foot { padding: 6px 8px 8px 8px; text-align: right; background: #f0b104 url('/art/pageTops/generic_cont.jpg') repeat-x 0% 100%; color: #000000; font-weight: bold; }
.footcell .foot a  { color: #000000; }
.footcell .foot a:hover { color: #ffffff; }
.footcell .foot .copy { }
.footcell .foot .terms {}
.footcell .dlm { margin-top: 8px; text-align: right; }

.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  { border: 1px solid #000000; background-color: #ffffff; font-weight: bold; padding-left: 5px; padding-right: 5px; }
.formButtons { text-align: right; padding-top: 10px; }
.formElemReplace { padding: 0px 2px 4px 2px; }

.mandatory { color: #ff4040; }

.pageTitle { font-size: 16px; font-weight: bold; color: #ffad18; padding: 2px 2px 20px 2px; }
.subHead   { font-size: 12px; font-weight: bold; color: #ffad18; padding: 2px 2px 10px 2px; }

.footcell .footer {}

/*
 *
 *  site styles
 *
 */

.activeMonth      { font-weight: bold }
.unclickableMonth { font-weight: normal }

.header1 { background-image:url('/art/header_01.jpg'); }
.header2 { background-image:url('/art/header_cont.gif'); background-repeat: repeat-x; }
.menu1 { background-image:url('/art/menu_01.gif'); padding-top: 4px; }
.menu2 { background-image:url('/art/menu_cont.gif'); background-repeat: repeat-x; }

.page1 { width: 772px; height: 76px; background-image:url('/art/pageTops/generic.jpg'); }
.page2 { height: 76px; background-image:url('/art/pageTops/generic_cont.jpg'); background-repeat: repeat-x; }

.content { padding: 0px 0px 8px 8px; }
.dotdotdot { background-image:url('/art/dotdotdot.gif'); background-repeat: no-repeat; height: 1px; font-size: 1px; line-height: 1px; }
.dotdot { background-image:url('/art/dotdot.gif'); background-repeat: repeat-y; }
.heading { color: #FFA800; font-weight: bold; padding: 3px 3px 3px 6px; }
.main { padding: 0px 0px 0px 7px; }
.chartDateSelect { width: 120px }
.chartListT { background-image:url('/art/chartList_top.gif'); }
.chartListB { background-image:url('/art/chartList_btm.gif'); }
.chartList1 { background-image:url('/art/chartList_1.gif'); }
.chartList2 { background-image:url('/art/chartList_2.gif'); }
.more2      { padding-top: 3px; }
.centreIt	{ text-align: center; vertical-align: middle; }
.chartPublisher	{ font-size: 10px; }
.chartTitle		{ font-weight: bold; }

.chartNum		{ text-align: center; vertical-align: middle; color: #FFFFFF; font-weight: bold; }
.chartNumTW		{ background: url('/art/orangeBullet.gif') no-repeat; text-align: center; padding-top: 2px; font-weight: bold; }
.chartNumLW		{ background: url('/art/orangeBullet.gif') no-repeat; text-align: center; padding-top: 2px; }

.chartTopTW		{ color: #ffad18; }
.chartTopLW		{ color: #ffad18; }
.chartTopTitle		{ color: #ffad18; }
.chartTopPublisher	{ color: #ffad18; }
.col1ODD,  .col2ODD,  .col3ODD,  .col4ODD  { padding-left: 5px; vertical-align:middle; }
.col1EVEN, .col2EVEN, .col3EVEN, .col4EVEN { padding-left: 5px; background-color: #FFF8E5; vertical-align:middle }

.imageR         { float: right; margin-right: 5px; margin-left: 15px; }
.image2         { float: left; margin-right: 5px; margin-bottom: 5px; margin-top: 5px; }
.imageico       { float: left; margin-right: 5px; margin-bottom: 5px; }

.selectSub {}
.selectSub td { vertical-align: middle; }

.dateSelect td { vertical-align: middle; }

/*
 *  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; }
.date          { margin: 0px; font-size: 9px; color: #AAAAAA; }
.standfirst    { margin: 0px; }
.body          { 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       { text-align: right; margin-right: 5px; }
.item .standfirst {}
.item .body       {}
.item .image      {}

.more          { display: block; text-align: right; padding-top: 3px; }
.more a        {}
.more a:hover  {}

.view          { padding-top: 3px; }
.view a        {}
.view a:hover  {}

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

#formListHolder { position: relative; }
#darkBack { position: absolute; top: 0px; left: 0px; background: #000000; text-align: center; opacity: 0.7; }

.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 .activeMonth { font-weight: bold }
.news .unclickableMonth { font-weight: normal }

.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 {}