/*
main blue; 205DBC
*/
body { font-family: verdana,tahoma,arial,helvetica,sans-serif; font-size: 11px; background: #ffffff; margin: 0px; }
td   { font-family: verdana,tahoma,arial,helvetica,sans-serif; font-size: 11px; vertical-align: top; color: 444444; }

form { margin: 0px; }

a       { text-decoration: none; color: #205DBC; }
a:hover { text-decoration: underline; color: #02B137; }

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; }
.menucell    {  }
.panelcell   { background: #EDEDED; width: 120px; }
.contentcell { padding: 10px; }
.footcell    { padding: 0px; height: 1px; }

.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: #F0FAFF; }
.formButton  { border: 1px solid #000000; background-color: #3EDB52; font-weight: bold; padding-left: 5px; padding-right: 5px; }
.formButtons { text-align: right; padding-top: 10px; }

.pageTitle { margin: 0px; font-size: 14px; font-weight: bold; color: #205DBC; }
.subTitle  { font-size: 11px; font-weight: bold; }
.subHead   { font-size: 12px; font-weight: bold; color: #ffad18; padding: 2px 2px 10px 2px; }
.formTable td { vertical-align: middle; }
.formTable textarea { font-family: verdana,tahoma,arial,helvetica,sans-serif; }
.header {}
.header td { vertical-align: middle; }
.logintable { background: url('/art/loginbg.gif') no-repeat; }
.secureHead { margin: 0px; font-size: 14px; font-weight: bold; color: #205DBC; background: #EEEEEE; }
.secureMore { margin: 0px; text-align: right; background: #EEEEEE; padding-right: 5px; padding-top: 2px; }

/*
 * 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; color: #000000; }
.date          { margin: 0px; font-size: 9px; color: #999999; }
.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: left; margin: 0px; font-size: 9px; color: #999999; }
.item .standfirst {}
.item .body       {}
.item .image      {}

.more          { display: block; text-align: left; padding-top: 3px; }
.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 {}





upload { font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; vertical-align: top; background-color: #ffffff; color: #000000; }
.upload td   { font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; vertical-align: top; }

.upload a       { color: #000000; text-decoration: none; }
.upload a:hover { color: #121212; text-decoration: underline; }

.upload a img { border: none; }

.upload .adminPane { margin: 10px; }

.upload .title   { font-size: 16px; font-weight: bold; color: #ffad18; padding: 2px 2px 20px 2px; }
.upload .title   { margin: 0px; font-size: 14px; font-weight: bold; color: #205DBC; padding: 2px 2px 20px 2px;}
.upload .subHead { font-size: 12px; font-weight: bold; color: #205DBC; padding: 20px 2px 10px 2px; }

.upload .note    { font-size: 8px; font-weight: bold; }
.upload .error   { color: #ff0000; font-weight: bold; padding-bottom: 5px; }
.upload .message { color: #205DBC; font-weight: bold; padding-bottom: 5px; }

.upload .welcomeMessage { padding-top: 50px; text-align: center; font-size: 12pt; font-weight: bold; }
.upload .welcomeProduct { font-size: 14pt; }
.upload .welcomeNotes   { text-align: center; font-size: 10pt; }

.upload .formLabel   { font-weight: bold; text-align: right; padding-right: 10px; }
.upload .formElement { border: 1px solid #000000; background-color: #F0FAFF; }
.upload .formButton  { border: 1px solid #000000; background-color: #3EDB52; font-weight: bold; padding-left: 5px; padding-right: 5px; }
.upload .formButtons { text-align: right; padding-top: 10px; }

.upload .listHead    { background-color: #EEEEEE; font-weight: bold; padding: 2px; }
.upload .listSubHead { background-color: #e0e0e0; font-weight: bold; padding: 1px; }
.upload .listLine0   { background-color: #f8f8f8; padding: 0px 4px 0px 4px; vertical-align: top; }
.upload .listLine0R  { background-color: #f8f8f8; padding: 0px 4px 0px 4px; vertical-align: top; text-align: right; }
.upload .listLine1   { background-color: #e8e8e8; padding: 0px 4px 0px 4px; vertical-align: top; }
.upload .listLine1R  { background-color: #e8e8e8; padding: 0px 4px 0px 4px; vertical-align: top; text-align: right; }