/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

version:   2.0
author:    Alan White (Revised / Bug fixed and generally improved by Mez Hopking)
revised:   7th April 2009
email:     info@alanwhitewebdevelopment.com (mez.hopking@headscape.co.uk)
website:   http://www.headscape.co.uk/ 
-----------------------------------------------------------------------------*/


/* =General
-----------------------------------------------------------------------------*/

/* Basic Reset
-------------------------------------------------------*/

body {padding: 0; margin: 0; font-size: 62.5%; font: 62.5%/1.6 Arial, Verdana, Helvetica, sans-serif; text-align: center; color: #000; background: url(/images/bodyBgGrad.png) top left repeat-x #fff; width: 100%;}

h1, h2, h3, h4, h5, h6, p, blockquote, address {padding: 0; margin: 0; font-size: 1.2em; font-weight: normal; font-style: normal;}
ul {list-style-type: none; padding: 0; margin: 0 0 1em 0;}
ul li, ol li {font-size: 1.2em;}
ul li li, ol li li {font-size: 1em;}


/* Class for clearing floats */
.clear {clear:both;}


/* Class for hiding supplimentary accessibility content */
.meta {position: absolute; left: -9999px;}


/* Remove border around linked images */
img {border: 0;}


/* Default link styles */ 
a {text-decoration: none; color: #e2007a;}
a:hover {text-decoration: underline;}


/* Lists  */


/* Sitemap */
ul#sitemap {margin: 0px; padding: 0px; float: left; width: 65em;}
ul#sitemap ul {margin-bottom: 15px;}
ul#sitemap ul li a {font-weight: normal; font-size: 95%}
ul#sitemap li a {display: block; border-bottom: 1px dotted #ddd;}
ul#sitemap li a:hover {border-color: #666; border-right: px solid #eee; color: #555; text-decoration: none;}


/* Bullets */
#contentMain ul li {background: url(/images/bulletSquarePink1.png) no-repeat 5px 6px ; padding-left: 20px;}
.bullet-type-1 a {background: url(images/bullet.gif) no-repeat center left; padding-left: 14px;}
.bullet-type-2 a, .bullet-type-3 li {background: url(images/bullet-list.gif) no-repeat left ; padding: 0 0 0 10px;}


/* =Typography (Global)
-----------------------------------------------------------------------------*/
h1 {font-size: 2em; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
h2 {font-size: 1.8em; font-weight: bold; margin-bottom: 0em;}
h3 {font-size: 1.6em; font-weight: bold; margin-bottom: 0em;}
h4 {font-size: 1.4em; font-weight: bold; margin-bottom: 0em;} 
h5 {font-size: 1.3em; font-weight: bold; margin-bottom: 0em;}
h6 {font-size: 1.2em; font-weight: bold; margin-bottom: 0em;}
p {margin-bottom: .8em;}

#contentMain h1 {margin-bottom: 15px;}

body.index #contentMain .module h2,
#contentSecondary .module h2 {}
acronym, abbr {border-bottom-color: #e8008b; cursor: help;}

.hide {display: none;}


/* Layout (Global)
-----------------------------------------------------------------------------*/
#container {width: 93em; margin: 0 auto; text-align: left;}
#innerContainerLeft {background: url(/images/containerBgLeft.png) bottom left repeat-y transparent; padding-left: 15px;}
#innerContainerRight {background: url(/images/containerBgRight.png) bottom right repeat-y transparent; padding-right: 15px;}
#contentContainer {position: relative; background: #fff;}
#contentMain {width: 65.5em; float: left; margin-left: 15px;}
#contentMain .inner {margin: 0; display: block;}
#contentMain .inner #innerSideLeft {margin: 0; float: left; width: 41.5em; position: relative;}
#contentMain .inner #innerSideRight {margin: 0; float: right; margin-left: 1em; position: relative;}
#contentSecondary {float: left; width: 22em; margin-bottom: 20px; margin-left: 12px}


/* Float nearly everything */
#innerContainerLeft,
#innerContainerRight,
#header,
#navigationContainer,
#contentContainer, 
#ad-panels,
body.publication #contentMain .inner,
body.publication #rsList, 
body.downloads #rsList {width: 100%; float: left;}


/* Horizontal Navigations */
ul.inline li {display: inline; padding: 0; margin: 0; line-height: 1;}
ul.inline a {border-right: 1px solid #000; padding: 0 5px; color: #000;}
ul.inline li.last a {border-right: none;}

#header {background: #fff;}
#branding {position: relative; float: left; margin: 26px 0 24px 26px;}
#branding a img {border: none;}
#branding h2 {display: none;}
#branding h2 a {}

#toolsSearchContainer {float: right; position: relative; width: 31em; background: url(/images/toolsBgLeft.png) 0px -10px no-repeat; margin: 34px 30px 0px 0; height: 8em;}
#tools {padding: 0 0 3px 0; float: right; position: relative}
#tools h3 {display: none;}
#tools ul {font-size: 100%;}
#tools ul li {display: inline; border-right: 1px solid #ee008c; padding: 0 5px 0 3px;}
#tools ul li a {color: #404040;}
#tools ul li a:hover {color: #ee008c;}
#tools ul li.last {border-right: none !important;}
#tools #stLogin a {color: #ee008c;}
#tools #stLogin a:hover {color: #404040	;}

#search {float: right; position: relative;}
#search fieldset {border: none !important}
#search legend, #search #sFieldLabel {display: none;}
#search form input#sField {width: 15em; color: #666; background: url(/images/iconSearch.png) 99% 4px no-repeat; padding: 2px 3px 3px 3px;; margin: 0 0 0 0; border: 1px solid #cdcdcd; color: #ee008c;}
#search form input#sField:focus {border-color: #ee008c; color: #404040;}
#search form input#sField:hover {border-color: #ee008c}
#search form input#sButton {border-top: 2px solid #d7d7d7; border-left: 2px solid #c7c7c7; border-right: 2px solid #c7c7c7; border-bottom: 2px solid #5f5f5f; color: #fff; cursor: pointer; background: url(/images/layout/bgSearchButton.png) bottom left repeat-x #c5c5c5; padding: 2px 3px; margin-left: 5px;}
#search form input:hover#sButton {border-bottom-color: #ab2c2c;}


/* =Main Nav
-----------------------------------------------------------------------------*/
#navigationContainer {float: left; position: relative; text-align: center; background: #fff;}
#pNavigation {margin: 0 26px 15px 26px; padding: 0 0 15px 0; float: left; position: relative; background: url(/images/pNavBgDoubleLine.png) bottom left repeat-x; width: 87.6em;}
#pNavigation ul {float: left; width: 87.4em; margin: 0 0 10px 0; background: url(/images/pNavBgGrad.png) top left repeat-x #ee008c; border-bottom: 1px solid #bd0063; border-top: 1px solid #ff7ac0; border-left: 1px solid #ff7ac0; border-right: 1px solid #ff7ac0; padding: 5px 0; text-align: center;}
#pNavigation ul li {display: inline; font-weight: bold; border-right: 1px solid #ff7ac0; padding: 7px 16px 7px 0; margin-right: 16px;}
#pNavigation ul li.lastChild {margin: 0px; padding-right: 0px; border: 0px}
#pNavigation ul li a {color: #fff; position: relative;}
#pNavigation a:hover, 
a#pnCurrent {text-decoration: underline;}


/* =Breadcrumbs 
-----------------------------------------------------------------------------*/
#breadcrumb ul {float: left; position: relative; padding: 0px;}
#breadcrumb li {display: inline; font-size: 1.2em; line-height: 2.5; list-style: none; list-style-position: inside; background-image: none !important; padding: 0px !important;}
#breadcrumb li.first {font-weight: bold;}
#breadcrumb li#bCurrent {padding-left: 5px;}
#breadcrumb a {background: url(/images/bullet-breadcrumb.gif) no-repeat right; padding: 0 15px 0 5px;}

/* Supplimentary page nagigation */
#supNavigation {width: 100%; /*border-bottom: 2px solid #8D8D8D;*/ margin-left: 0 !important; padding-bottom: 3px;}
#supNavigation li {background: none !important; padding: 0 !important;}
#supNavigation li a {color: #000;}


.inlineBox {position: relative; width: 22em;}
.inlineBox.right {float: right; margin: 0 0 10px 10px; clear: right;}
.inlineBox.left {float: left; margin: 0 10px 10px 0; clear: left;}

.inlineBox h3 {background: url(/images/inlineBoxHeadBgLeft.png) 0 0 no-repeat #6a6a6a; color: #fff;}
.inlineBox h3 span {display: block; background: url(/images/inlineBoxHeadBgRight.png) 100% 0 no-repeat; padding: 2px 0 2px 10px}

.inlineBox .container {background: url(/images/inlineBoxBgGrad.png) 0 100% repeat-x #f5f5f5; padding: 10px; position: relative;}
.inlineBox .container p {}
.inlineBox .container ul {}
.inlineBox .container ul li {background-image: url(/images/bulletArrowMiniPink.png) !important; padding-left: 16px !important}
.inlineBox .container ul li a {}
.inlineBox .container ul li a:hover {}
.inlineBox .container ul li .description {}
.inlineBox .container ul li.last {}

.inlineBox.events .container ul {}
.inlineBox.events .container ul .details {font-weight: bold; color: #444;}
.inlineBox.events .container ul .details span {font-weight: normal; color: #000}
.inlineBox.events .container ul li {padding-left: 0px !important; background-image: none !important;}

.inlineBox.documents .container ul {}
.inlineBox.documents .container ul .fileInfo {font-weight: bold; color: #444;}
.inlineBox.documents .container ul .fileInfo span {font-weight: normal; color: #000}

.inlineBox.documents .container ul li {padding-left: 27px !important; padding-top: 2px !important;}
.inlineBox.documents .container ul li.pdf {background-image: url(/images/icon-PDF.gif) !important;}
.inlineBox.documents .container ul li.doc {background-image: url(/images/icon-doc.gif) !important;}
.inlineBox.documents .container ul li.img {background-image: url(/images/icon-img.gif) !important;}
.inlineBox.documents .container ul li.xls {background-image: url(/images/icon-xls.gif) !important;}
.inlineBox.documents .container ul li.exe {background-image: url(/images/icon-exe.gif) !important;}
.inlineBox.documents .container ul li.xxx {background-image: url(/images/icon-xxx.gif) !important;}


/* Boxes (including Related links / )
-----------------------------------------------------------------------------*/
.box {margin: 15px; float: left; border: 1px solid #999; position: relative;}
.box h3 {background-color: #ccc; font-weight: bold; padding: 0 10px;}
.box p {padding: 5px 10px 0 10px; line-height: 1.3em;}
.box ul.rlList {margin: 0 10px 10px 10px; padding: 0px; float: left;}
.box ul.rlList li {}
.box ul.rlList li a {background: url(/images/bullet-arrowPink.gif) 0 6px no-repeat; display: block; padding: 0 0 0 7px}
.box ul.rlList li a:hover {background-color: #eee}
.box ul.rlList li .title {font-weight: bold;}
.box ul.rlList li .description {color: #444}
.box ul.rlList li a:hover .description  {color: #000; text-decoration: none !important;}


/* =Sub Nav
-----------------------------------------------------------------------------*/
#sNavigation {margin: 0 15px 20px 15px; padding: 10px 0;}
#sNavigation ul {margin: 0; padding: 0;}	
#sNavigation ul ul {margin: 0 0 .5em 0; padding: 0 !important; background-color: #eee;}
#sNavigation ul ul ul {background-color: #f5f5f5;}
#sNavigation ul ul ul ul {background-color: #fafafa;}
#sNavigation ul ul ul ul ul {background-color: #fff;}
#sNavigation ul ul ul ul ul ul {background-color: #fff;}
#sNavigation li {border-bottom: 2px dotted #ccc; margin: 3px 0;}
#sNavigation li li {border-bottom: none !important; margin: 1px 0;}
#sNavigation li.last {background: none; border-bottom: none;} /* This class is referenced from scripts/enhancements.js */
#sNavigation ul li.topLevel {background-color: #eee;}
#sNavigation ul ul li.topLevel {background-color: #f5f5f5;}
#sNavigation ul ul ul li.topLevel {background-color: #fafafa;}
#sNavigation ul ul ul ul ul li.topLevel a {background-color: #fafafa;}


/* Active Menus */
#sNavigation li a {}
#sNavigation li span {display: block;}
#sCurrent1, #sCurrent2, #sCurrent3, #sCurrent4, #sCurrent5 {padding: 0; margin: 0;}
li#sCurrent1 span a {border-bottom: 1px dotted #ccc; background-color: #ccc; color: #000; text-indent: 5px;} 
li#sCurrent2 span a {color: #000; background: #fff url(/image/bulletSquarePink1.png) no-repeat center left;}
li#sCurrent3 span a {background: #fff url(/images/bulletSquareGrey1.png) no-repeat center left; color: #000;}
li#sCurrent4 span a {background: #fff url(/images/bulletSquareGrey2.png) no-repeat center left; color: #000;}
li#sCurrent5 span a {background: #fff url(/images/bulletSquareGrey3.png) no-repeat center left; color: #000; background-color: #ccc !important}
li#sCurrent6 span a {background: #fff url(/images/bulletDashWhite.png) no-repeat center left; color: #000; background-color: #ccc !important}
li#sCurrent5 a {color: #000;}
#sNavigation li span {font-weight: bold; background-color: #ccc;}
#sCurrent1 ul {background-color: #eee;}	


/* Links */
#sNavigation li a {color: #000; background: url(/images/bulletSquarePink1.png) 0px 6px no-repeat; padding: 0 0 0 15px; display: block;}
#sNavigation li li a {display: block; text-indent: 15px; background: url(/images/bulletSquareGrey1.png) no-repeat 12px 6px; border-bottom: 0;}
#sNavigation li li li a {padding: 0 0 0 24px; position: relative; background: url(/images/bulletSquareGrey2.png) no-repeat 26px 6px;}
#sNavigation li li li li a {padding: 0 0 0 34px;  background: url(/images/bulletSquareGrey3.png) no-repeat 36px 6px;}
#sNavigation li li li li li a {padding: 0 0 0 34px;  background: url(/images/bulletDashGrey.png) no-repeat 38px 6px #fff; color: #333; border-bottom: px solid #eee}
#sNavigation li li li li li li a {padding: 0 0 0 34px;  background: url(/images/bulletDashGrey.png) no-repeat 38px 6px #fafafa; color: #333; border-bottom: px solid #eee;}


/* Link Hover states */
#sNavigation li a:hover {background-color: #ccc;}
#sNavigation li li a:hover {background-image: url(/images/bulletSquareWhite.png);}
#sNavigation li li li a {position: relative; background: url(/images/bulletSquareGrey2.png) no-repeat 26px 6px;}
#sNavigation li li li li a {background: url(/images/bulletSquareGrey3.png) no-repeat 36px 6px;}


/* Third level */
/*#sNavigation li ul {margin: 0;}
#sNavigation li li {
line-height: 1; font-weight: normal; background: none; font-size: 1em; 
padding: 0 !important; display: inline; position: relative; margin: 0; 
}*/
	

/* =Main Content
-----------------------------------------------------------------------------*/


/* =Index Page
-------------------------------------------*/
#panel-1 {width: 21em; float: left; margin-right: 10px;}
#panel-2 {width: 21em; float: left;}
#panel-3 {width: 21em; float: right; margin-left: 12px;}
#panel-3 ul {padding: 5px;}

body.home h2 {display: block; background: #DBDBDB; clear: both;}
body.home #contentMain {border-top: none !important;}

#latestNews, #events, #featured {border: 1px solid #000; margin: 0 0 10px 0; float: left; position: relative; width: 100%;}

#featured {border-color: #e8008b}
#featured h2 {background-color: #ee008c; color: #fff;}
#featured li .title {font-weight: bold; font-size: 110%; color: #e8008b}
#featured li .description {font-size: 100%}

#events li .title {font-weight: bold; font-size: 110%;}
#events li .keyInfo {font-weight: bold; font-size: 100%; color: #e8008b}

#panel-3 li {background: none !important; padding: 0 0 .5em 0 !important; margin: 0 0 .5em 0;}

#panel-1 h2, #panel-2 h2, #panel-3 h2 {padding-left: 5px;}
#panel-1 h2, #panel-2 h2 {background-color: #ddd; clear: both;}
#panel-1 a, #panel-2 a {color:#333333;}
#panel-1 img, #panel-2 img {margin-bottom: 1.5em; float: left;}
#panel-1 ul, #panel-2 ul {float: right; padding-right: 30px}

.panels li.moreLink {position: relative; font-weight: bold; font-size: 110%;}
.panels li.moreLink a {background: url(/images/bullet-arrowPink.gif) 0 6px no-repeat; padding: 0 0 0 7px; position: absolute; margin: 0 10px 15px 0; right: 0px; top: -5px}
body.home p.intro {font-size: 1.5em; color: #333333;}


/* =Content Page
-------------------------------------------*/
body.page #contentMain {padding-top: 15px; padding-bottom: 1.5em;}
body.vacancy dt, body.vacancy dd {font-size: 1.2em; padding: 0; margin: 0 0 1em 0;}
body.vacancy dt {font-weight: bold;}


/* Image Boxes */
.imgBox {position: relative; border: 1px solid #bbb; padding: 5px; background-color: #e3e3e3;}
.imgBox .container {position: relative;}
.imgBox .container img {border: 1px solid #ccc; padding: 3px; background-color: #fff;}
.imgBox.right {float: right; margin: 0 0 10px 10px;}
.imgBox.left {float: left; margin: 0 10px 10px 0;}


/* Image Captions */
#contentMain img.caption {padding: 3px; border: 1px solid #c1bbbb;}
#contentMain .imgLeft {float: left; margin: .5em 1em 1em 0;}
#contentMain .imgRight {float: right; margin: .5em 0 1em 1em;} 


/* Image Gallery */
ul#gallery li {display: block; float: left; padding: 0 1em 0 0; font-size: 1em;}
ul#gallery li img{padding: 3px; border: 1px solid #c1bbbb;}
ul#gallery li a {margin-bottom: 2em; display: block; width: auto;}
ul#gallery li a:hover {text-decoration: none;}


/* Blockquotes */
blockquote {background: #eee; border: 1px solid #ccc; clear: right; margin: 0 0 10px 0; position: relative; float: left;}
blockquote p {margin: 10px 20px 0px 20px; font-weight: bold; font-size: 100%; font-style: italic; color: #333; position: relative;}
blockquote p span.bqstart {display: block; position: relative; float: left; font-size: 300%; margin: -10px 10px 0 0; color: #e8008b;}
blockquote p span.bqend {display: block; position: relative; float: right; font-size: 300%; margin: -20px 0 0 10px; color: #e8008b;}
blockquote cite {font-weight: bold; padding: 0;}
.blockquoteClose {position: absolute; bottom: 10px; right: 10px; padding: 0; border: none !important;}


/* News / Events */
.recordSet {margin-bottom: 1.5em;  font-size: 1.2em; clear: both;}
.recordSet li {font-size: 1em; border-right: 1px solid #c9c7c0; padding-right: 5px; padding-left: 5px !important; background: none !important;}
.rsPrevious {border-right: 1px solid #c9c7c0; padding-right: 5px;}
a.rsNext {padding-left: 5px;}
.recordSet * {display: inline;}
.rsNumbers {margin-left: 0 !important;}
body.event span.summary {display: block;}

ul#rsList {margin: 0;}
ul#rsList li {font-size: 1em; padding-left: 0 !important; background-image: none;}
ul#rsList h2 {font-size: 1.4em; border-top: 1px dotted #c9c7c0; margin-bottom: .5em; padding-top: 1.2em;}
ul#rsList li:first-child h2, ul#rsList li.first h2 {border-top: none; padding-top: 0;}
ul#rsList h2 .date {font-weight: bold;}
ul#rsList.publications {margin-top: 1em;}
ul#rsList .details {color:#444; font-size:1.2em; font-weight:bold;}
ul#rsList .location {color:#000; font-weight:normal;}

.hrclass {color:#eee; margin: 10px 0px 15px 0px}
.vevent abbr {border: 0;}

p.postMeta {}

#filtration {border: 1px solid #ccc; padding: 10px; margin: 0 0 20px 0; background-color: #eee; width: 39.2em;}
#filtration form {border: 1px solid #ccc; padding: 10px; background-color: #f9f9f9; width: 37em;}
#filtration form option {width: 180px}
#filtration form label {font-weight: bold; font-size: 120%}
#filtration form input:hover {cursor: pointer;}
#filtration dl {}
#filtration dt {float: left; width: 150px;}
#filtration dd {clear: right; margin: 0 0 5px 0;}

.listPaginationContainer {position: relative; width: 100%; float: left;}
ul.listPagination {position: relative; margin: 10px 0 15px 0px !important; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; padding: 8px 0 8px 0; display: block; min-height: 10px; background-color: #f3f3f3}
ul.listPagination li {background-image: none !important;}
.listPagination a {color: #404040; font-weight: bold;}
.listPagination a:hover {color: #e8008b; font-weight: bold;}
.listPagination .prevPage {position: absolute; top: 5px; left: -10px}
.listPagination .prevPage a, .listPagination .prevPage span {background: url(/images/iconArrowPrev.png) 0px 0px no-repeat; padding: 0 0 0 20px;}
.listPagination .prevPage a:hover {background-position: 0 -15px;}
.listPagination .nextPage {margin-right: 10px; position: absolute; top: 5px; right: 0px}
.listPagination .nextPage a, .listPagination .nextPage span {background: url(/images/iconArrowNext.png) 100% 0px no-repeat; padding: 0 20px 0 0;}
.listPagination .nextPage a:hover {background-position: 100% -15px;}
.listPagination .page {float: left; margin: -4px 0 0 0; text-align: center; width: 100%;}
.listPagination .current {color: #e8008b; font-weight: bold;}


/* Sitemap */
#sitemap li a {font-weight: bold;}
#sitemap li li a {font-weight: normal !important;}
#sitemap ul li {margin-left: 2.5em;}
#sitemap ul ul, #sitemap ul ul ul {margin-bottom: 0;}


/* Downloads */

.fileH2 {font-size: .7em; font-weight: normal; padding-left: 10px; right: 0px;}

body.downloads ul#rsList li {margin-bottom: 1em; width: 100%; clear: both;}
body.downloads ul#rsList li p.desc {float: left;}
body.downloads ul#rsList li p.download {float: right;}


/* Publications & Downloads */
li.publication, li.download {position: relative; clear: both; margin-bottom: 1.5em;}
li.publication dl, li.download dl {font-size: 1.2em; margin-bottom: 1em; float: left; margin-left: 0;}
li.publication dt, li.download dt {font-weight: bold; float: left; clear: left; width: 10em; color: #333;}
li.publication dt.desc, li.download dt.desc {width: 100%; display: block;}
li.publication dd, li.download dd {padding: 0; margin: 0 0 .25em 0;}
li.publication ul li, li.download ul li {font-size: 1.2em !important;}

.download {padding: 4px 0 2px 20px; background-repeat: no-repeat; background-position: center left;} 

a.doc {background-image: url(/images/icon-doc.gif);}
a.exe {background-image: url(/images/icon-exe.gif);}
a.img {background-image: url(/images/icon-img.gif);}
a.pdf {background-image: url(/images/icon-pdf.gif);}
a.ppt {background-image: url(/images/icon-ppt.gif);}
a.xls {background-image: url(/images/icon-xls.gif);}
a.xxx {background-image: url(/images/icon-xxx.gif);}
a.hiddenlink{display:none}


/* Staff Listing 
body.staff ul#rsList li li {background: url(/images/bullet-list.gif) no-repeat left ; padding: 0 0 0 10px;  font-size: 1.2em;}
body.staff #contentMain .vcard {width: 100%; float: left;  border-bottom: 1px dotted #c9c7c0; padding-bottom: 1em; margin-bottom: 1em;}
body.staff #contentMain .vcard img {float: left;}
body.staff #contentMain .vcard h2 {font-size: 1.4em;}
*/


/* =Secondary Content
-----------------------------------------------------------------------------*/

body.index #contentSecondary {}  
body.page #contentSecondary  {}


/* Events listing */
ul#events li, ul#usefulLinks li {font-size: 1.15em;}
ul#events li {font-size: 1.15em; margin-bottom: 5px; padding: 0 0 8px 0; background:url(images/bg-2-tone-line.gif) repeat-x bottom left;}
ul#events li.last {background: none !important;}
ul#events li a {display: block;}


/* =Footer
-----------------------------------------------------------------------------*/

#footer {padding-top: 10px; margin: 0 26px; float: left; width: 87.7em; border-top: 2px solid #999; margin-bottom: 10px; margin-top: 15px;}
#footer p {width: auto; float: left;}
#footer ul {width: auto; float: right;}
#footer li {display: inline;}
#footer li a {color: #000; border-right: 1px solid #000; padding: 0 5px;}
#footer li.last a {border: none;}

#footer address.vcard {color: #fff !important; padding: 10px 0 15px 15px; display: block; font-size: 1.2em;  line-height: 1.1;}
#footer div.vcard {position: absolute; bottom: 15px; right: 15px; line-height: 1;}
#footer a {color: #fff3a1; font-size: 1em;}


/* =Forms
-----------------------------------------------------------------------------*/

.mForm fieldset {width: 370px; margin: 0px; padding: 0px;}
.mForm textarea, .mForm .fText, .mForm .fDrop {width: 85%; border: 1px solid #ccc; padding: 2px; vertical-align: top; }
.mForm textarea:hover, .mForm .fText:hover, .mForm .fDrop:hover {border-color: #aaa; background-color: #fafafa;}
.mForm textarea:focus, .mForm .fText:focus, .mForm .fDrop:focus {border-color: #000; background-color: #fafafa;}
.mFormdl.formCols.error textarea, .mForm dl.formCols.error .fText, .mForm dl.formCols.error .fDrop {border: 1px solid red; padding: 2px;}
fieldset {border: 0px solid transparent;padding: 0; margin: 0; border: 0;}
fieldset fieldset {width: 100%;}
fieldset legend {color:#333333; font-size: 1.4em; font-weight: bold; clear: left; float: left; position: relative; margin: 0px; padding: 0px;}
fieldset p {color: #555; clear: left; float: left;}

dl.formCols {width: 385px; clear: left; float: left; font-size: 120%; border-top: 1px solid #ccc; padding: 10px 0 0 0; margin: 5px 0 10px 0;}
.formCols dt {width: 160px; float: left; font-weight: bold; margin: 0px; padding: 0px;}
.formCols dd {width: 210px; float: right; margin: 0px; padding: 0px;}
.formCols dt label {margin: 0px; padding: 0px;}
fieldset dt {position: relative;}

dl.formCols.error {border-top-color: #f00; color: #a00; padding-top: 0px; background: #ffe8e8; padding: 0 0 10px 0;}
.formCols dd.formError {background: url(/images/iconFormError.png) 98% 3px no-repeat #ffd1d1; float: left; clear: both; width: 375px; padding: 10px; margin: 0 0 10px 0; padding: 2px 5px; font-weight: bold; color: #c00;}

#errorMessage {border: 2px solid #f00; background-color: #ffd1d1; padding: 10px; width: 365px; color: #333; margin: 0 0 20px 0;}
#success {border: 2px solid #333; background-color: #eee; padding: 10px; width: 365px; color: #333; margin: 0 0 20px 0;}
#errorMessage h3 {color: #CC0000; font-size: 140%;}
#success h3 {color: #333; font-size: 140%;}

a.info {z-index: 24; margin: 0; padding: 0; color: #000; text-decoration: none !important; float: right;}
a.info:hover, a.info.hover {z-index: 25;}
a.info span {display: none !important;}
a.info:hover span, a.info.hover span {display: block !important; position: absolute; top: 1.5em; left: 12.5em; width: 10em; padding: 5px 10px; border: 1px solid #bbb; background-color: #e3e3e3; color: #000; font-weight: normal; line-height: 1.3em; text-align: left;}
a.info img {padding: 0 5px 0 0;}

.formText, fieldset.boxForm .formText {clear: left;}


/* =Tables
-----------------------------------------------------------------------------*/
table {border-spacing: 0; border-collapse: collapse; border: 1px solid #ccc; width: 90%;}
caption, th, td {text-align: left; font-weight: normal; font-size: 1.2em; padding: 5px; border-bottom: 1px solid #ccc;}
caption {border-bottom: none;}
th {font-weight: bold; background: #DBDBDB;}
td {border-right: 1px solid #ccc;}