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

form { margin: 0px; }

button { border: none; padding: 0px; background: transparent; }
buttom img { margin: 0px; }

a       { color: #7b1c79; text-decoration: underline; }
a:hover { text-decoration: none; }
a img   { border: none; }

.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; }
.warning { color: #ff0000; }
.clear   { clear: both; font-size: 0px; }

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

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

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

/*
 * Framework
 */

.fullPage { width: 800px; margin-left: 16px;}

.headcell    { height: 116px; margin: 16px 0px 0px 0px; }
.menucell    { height: 48px; padding: 0px 0px 0px 285px; }
.middlecell  { background: #ffffff; width: 800px; }
.panelcell   { background: #ffffff; width: 158px; float: left; margin-left: 10px; }
.contentcell { background: #ffffff; width: 618px; float: right; }
.footcell    { height: 24px; padding: 4px 0px 0px 0px; }

.footcell * { font-size: 10px; }
.footcell .copyright   { float: left; }
.footcell .copyright a { color: #000000; }
.footcell .dlmLink { float: right; margin: 0px; }


.panelTitle {}
.pageHead   { padding: 0px 0px 12px 0px; }

/*
 * Sidepanels
 */

#sideMenu     { width: 128px; }
#aboutMenu    { border: 1px solid #d6d6d6; background: #ffffff; width: 126px; }
#adviceMenu   { border: 1px solid #d6d6d6; width: 126px; }
#adviceMenu .active   { background-color: #98d6f1; }
#adviceMenu .active a { color: #000000; text-decoration: none; }

.servicesMenu           { border: 1px solid #d6d6d6; width: 126px; }
.servicesMenu .active   { background-color: #c7dfb6; }
.servicesMenu .active a { color: #000000; text-decoration: none; }

.listThin .active   { background-image: url('/art/whitebox.gif'); background-repeat: no-repeat; background-position: 92% 45%; height: 26px; padding: 8px 32px 0px 0px; text-align: right; }
.listThin .active a { background-image: url('/art/whitebox.gif'); background-repeat: no-repeat; background-position: 92% 45%; height: 26px; padding: 8px 32px 0px 0px; text-align: right; }

.listThin         { background-image: url('/art/greybox.gif'); background-repeat: no-repeat; background-position: 92% 45%; height: 26px; padding: 8px 32px 0px 0px; text-align: right; }
.listThin a       { text-decoration: none; }
.listThin a:hover { color: #000000; text-decoration: none; }

.listDeep         { background-image: url('/art/greybox.gif'); background-repeat: no-repeat; background-position: 92% 20%; height: 44px; padding: 8px 32px 0px 0px; text-align: right; }
.listDeep a       { text-decoration: none; }
.listDeep a:hover { color: #000000; text-decoration: none; }

.listTop           { height: 44px; width: 126px; padding: 0px 0px 0px 0px; text-align: right; }
.listPanel         { height: 44px; width: 126px; padding: 12px 0px 0px 0px; text-align: right; }
.listPanel a       { color: #7b1c79; text-decoration: none; }
.listPanel a:hover { text-decoration: none; }

/*
 * Homepage layout
 */

.homePage {}

.homeColumns {}
.homeColumn  { float: left; }

#homeText    { width: 488px; margin: 0px 32px 0px 0px;}
#homePanels  { float: right; width: 280px; }

/*
 * Homepage framework changes
 */

.homepage .contentcell { margin: 0px 0px 0px 0px; width: auto; clear: left; background: transparent; }
.homepage .panelcell   { display: none; }

.formLabel   { font-weight: bold; text-align: right; padding-right: 10px; }
.formElement { border: 1px solid #d6d6d6; background-color: #ffffff; padding: 4px 4px 4px 4px; }
.formButton  { border: 1px solid #000000; background-color: #ffad18; font-weight: bold; padding-left: 5px; padding-right: 5px; }
.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    { padding: 2px; }

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

/*
 * Help pop-up
 */

.helpHolder { padding-left: 8px; }

.popup    { width: 200px; position: absolute; border: 1px solid #d6d6d6; background-color: #ffffff; padding: 8px; z-index: 10; }
.popup p  { margin-bottom: 1em; }
.popup hr { height: 1px; }
.popup a  { display: block; color: #000000; }

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

.head          { font-weight: bold; }
.thinhead      {}
.title         {}
.date          {}
.standfirst    {}
.body          { margin: 16px 0px 16px 0px; }
.extrafield    {}
.image         {}

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

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

.list { margin: 4px 68px 0px 32px; }

.list .title      { font-weight: bold; }
.list .date       {}
.list .standfirst { font-weight: bold; }
.list .body       {}
.list .more       {}
.list .image      {}

.item { margin: 4px 68px 0px 32px; }

.item .title      { font-weight: bold; }
.item .date       {}
.item .standfirst { font-weight: bold; }
.item .body       {}
.item .image      {}

.more          { display: block; }
.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; }

.files         { width: 120px; border: 1px solid #d0d0d0; float: right; margin-left: 8px; }
.fileHead      { background: #d0d0d0; 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
 */

.application {}
.application .panelcell { display: none; }


.news {}

.news .list             {}
.news .list .head       {}
.news .list .title      {}
.news .list .title a    {}
.news .list .date       {}
.news .list .standfirst {}
.news .list .body       {}
.news .list .image      {}

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

.news .more         { text-align: right; }
.news .more a       {}
.news .more a:hover {}

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

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

/*
 * Application process
 */

.appProcess td { padding-bottom: 4px; }
.appProcess table table td { padding-right: 4px; }

.appProcess .progress    { font-weight: bold; }
.appProcess .saveInfo    { width: 300px; }
.appProcess .saveInfo *  { vertical-align: middle; }
.appProcess .pageNotes   { padding-bottom: 16px; }
.appProcess .pageNotes p { margin-bottom: 1em; }