@charset "utf-8";
/* CSS Document for Salisbury Hospice */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0; border: 0;}
	
body {font: 80% Arial, Helvetica, sans-serif; color: #000; background: url(../images/header-bkg.jpg) repeat-x top;}

.bold {font-weight: bold;}
.lgebold {font: bold 120% Arial, Helvetica, sans-serif;}
.smltext {font: 90% Arial, Helvetica, sans-serif;}
p {margin-bottom: 15px; line-height: 16px;}
p.nomarg {margin-bottom: 0;}
h1 {font: bold 180% Arial, Helvetica, sans-serif; color: #000;}
h2 {font: 140% Arial, Helvetica, sans-serif;}
p.heading {font: bold 110% Arial, Helvetica, sans-serif; color: #000; margin-bottom: 15px;}
a {color: #000;}
a:hover {text-decoration: none;}
.clear {clear: both}
.left {float: left; margin-right: 15px; margin-bottom: 15px;}
a img {border: none;}
.right {float: right; margin-left: 15px; margin-bottom: 15px;}
.tenPoint {font-size: 11px;}
.right#fundraising {width: 212px;}
.right#fundraising img {margin-bottom: 5px;}

#wrapper {width: 994px; margin: auto auto;}

#header {height: 141px;}
#header img.logo {float: left; width: 232px; position: relative; top: 17px; left: 20px;}
#header img.quote {margin: auto auto;}
#header img.sunflower {float: right; position: relative; right: 7px; height: 141px;}
#header a img {border: none;}

ul.nav {margin-top: 7px; height: 29px; background: #FFB000; font: 13px Verdana, Arial, Helvetica, sans-serif;}
ul.nav li {list-style-type: none; display: inline; border-top: 1px solid #FF9E00; border-right: 1px solid #FF9E00; padding: 6px 0 6px 0; display: block; float: left; position: relative;}
ul.nav li a:link, ul.nav a:visited {background: #FFC000 url(../images/nav-bkg.jpg) repeat-x; border-top: 1px solid #FFEE26; border-right: 1px solid #FFEE26; padding: 5px 19px 6px 19px; color: #000; text-decoration: none; font-size: 13px;}
ul.nav li a:hover {background: #F09100;}
ul.nav li a.active {background: #F09100; border-top: 1px solid #FFEE26; border-right: 1px solid #FFEE26; padding: 5px 19px 6px 19px; color: #000; text-decoration: none; font-size: 13px;}
ul.nav li a#home:link, ul.nav li a#home:visited {padding: 5px 20px 6px 20px;}


ul.nav li ul {position: absolute; left: -2px; top: 27px; display: none;}
ul.nav li:hover ul, ul.nav li.over ul {display: block;}
ul.nav li ul li {border: 0; padding: 0; float: none; margin: 0; z-index: 3;}
ul.nav li ul a:link, ul.nav li ul a:visited {text-decoration: none; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333; padding: 3px 10px; display: block; background: #FEF2B8; text-align: left; width: 200px;}
ul.nav li ul a:hover {background-color: #333; color: #FFF;}
ul.nav li ul#waystohelp a:link, ul.nav li ul#waystohelp a:visited {width: 170px;}
ul.nav li ul#news a:link, ul.nav li ul#news a:visited {width: 100px;}
ul.nav li ul#about a:link, ul.nav li ul#about a:visited {width: 160px;}


#content {padding: 20px; clear: left; z-index: 0;}
#content .darkyellow { background: url(../images/dark-yellow-bkg.jpg) repeat-x; padding: 15px; margin-bottom: 20px; }
#content .darkyellow img {float: right; margin-left: 20px; margin-bottom: 20px; padding-right: 5px;}
#content a.darkLink:link, #content a.darkLink:visited {font-weight: bold; background: url(../images/black-arrow.gif) no-repeat right; padding-right: 10px;}

#content .twocol {width: 720px; float: left;}
#content .twocol#help .fadeborder {height: 165px; font: 85% Verdana, Arial, Helvetica, sans-serif;}
#content .twocol#help .fadeborder p.hdg {font: 180% Arial, Helvetica, sans-serif; color: #A37E03; margin-bottom: 5px;}
#content .fadeborder {width: 300px; float: left; background: url(../images/fadeborder-bkg.jpg) no-repeat top; padding: 15px 20px 5px 20px; margin-right: 20px; min-height: 141px; margin-bottom: 20px;}
#content .fadeborder#Full {width: 660px; background: url(../images/fadeborderFull-bkg.jpg) no-repeat top; margin-right: 20px;}
#content .fadeborder#Full p.year {padding: 5px; background: #A37E03; float: left; width: 70px; text-align: center; font: 140% Arial, Helvetica, sans-serif; color: #FFF; margin-bottom: 0;}
#content .fadeborder#Full p.history {margin-left: 100px;}
#content .fadeborder img.right {float: right; margin-left: 20px;}
#content .fadeborder h2 a.hdg:link, #content .fadeborder h2 a.hdg:visited {color: #000; text-decoration: none;}
#content .fadeborder a.hdg:hover {text-decoration: underline;}
#content .fadeborder p.subhdg {font: bold 100% Arial, Helvetica, sans-serif; color: #471204;}
#content .fadeborder ul {margin-bottom: 15px;}
#content .fadeborder ul li {list-style-type: none; padding-left: 15px; margin-bottom: 5px; background: url(../images/grey-arrow.gif) no-repeat left top;}
#content .fadeborder ul.team {font: 300 120% Arial, Helvetica, sans-serif; margin-top: 15px;}
#content .fadeborder ul.team li {border-bottom: 1px dotted #CCC; margin-bottom: 5px; padding-bottom: 5px;}
#content .fadeborder ul.team li span {font: 80% Arial, Helvetica, sans-serif; color: #666;}
#content .map {float: right; width: 425px;}

#content #threecol {clear: left;}
#content #threecol .paleyellow {background: url(../images/pale-yellow-bkg.jpg) repeat-x top; padding: 15px; float: left; width: 190px; margin-right: 20px;}
#content #threecol .paleyellowSml img.right {float: right; margin-left: 10px; margin-bottom: 10px;}
#content #threecol .paleyellowSml {background: url(../images/pale-yellow-bkg.jpg) repeat-x top; padding: 15px; float: left; width: 180px; margin-right: 15px;}
#content #threecol .paleyellowSml#last {margin-right: 0;}

#content p.pdf {line-height: 20px; font-size: 90%}
#content .tableCell {float: left; width: 220px;}
#content .tableCell p.hdg {background: #666; color: #FFF; padding: 5px; margin-bottom: 0; border-right: 1px dotted #FFF;}
#content .tableCell p.line {border-bottom: 1px dotted #CCC; padding: 5px; margin-bottom: 0;}
#content .tableCell p.alt {background: #F4F4F4; padding: 5px; margin-bottom: 0;}
#content .tableCell#large {width: 440px;}

#content #rightcol {width: 234px; margin-left: 720px; }
#content .donate {background: #FFB400 url(../images/donate-bkg.jpg) repeat-x; padding: 15px; margin-bottom: 20px;}
#content .donate p.hdg {font: 170% Arial, Helvetica, sans-serif;}
#content a.online:link, #content a.online:visited {background: #5B5B5B url(../images/donate-button-bkg.jpg) repeat-x; border: 1px solid #333; padding: 5px 10px; color: #FFF; text-decoration: none; font: 110% Arial, Helvetica, sans-serif;}
#content a.online:hover {background: #333;}
#content #rightcol .mailinglist {padding: 15px; margin-bottom: 20px; background: #FFD629;} 
#content #rightcol .mailinglist a.join:link, #content #rightcol .mailinglist a.join:visited {background: #333 url(../images/donate-button-bkg.jpg) repeat-x; border: 1px solid #333; padding: 3px 10px; color: #FFF; text-decoration: none; font: 90% Arial, Helvetica, sans-serif; display: block; width: 110px;}
#content #rightcol .mailinglist a.join:hover {background: #333;}
#content #rightcol .shop {border: 1px solid #FFD629; padding: 15px; margin-bottom: 15px;}

#content .feature { padding: 15px 0 2px 0; border-bottom: 1px solid #FFC81A; border-top: 1px solid #FFF; clear: left; }
#content .feature p.event {background: #A37E03; font: 300 140% Arial, Helvetica, sans-serif; color: #FFF; margin-bottom: 5px; padding: 2px;}
#content .feature p.date {color: #666; font-size: 90%;}
#content .feature p.contact {color: #666; font-size: 90%; background: url(../images/arrow-grey.gif) no-repeat; padding-left: 15px;}
#content .feature p.contact a:link, #content .feature p.contact a:visited {color: #666; border-left: 1px solid #666; padding-left: 5px; margin-left: 5px;}
#content .feature p.contact a:hover {text-decoration: none;}
#content .feature img {float: right; border-left: 15px solid #FFF;}
#content form.includepast label {font-size: 85%}
#content a.adminEvent:link, #content a.adminEvent:visited {width: 160px; background: #5B5B5B url(../images/donate-button-bkg.jpg) repeat-x; border: 1px solid #333; padding: 5px 10px; color: #FFF; text-decoration: none; display: block;}
#content img.facebook {float: left; margin-left: 0; margin-right: 5px; border: none;}
#content img.twitter {float: left; margin-left: 0; margin-right: 5px; border: none;}
#content .newsletter {border-bottom: 1px dotted #CCC; margin-bottom: 10px;}
#content .newsHdg {font-size: 120%; margin-bottom: 5px;}
#content .featureNews {padding: 15px 0 2px 0; border-top: 1px solid #FFF; clear: left;}
#content .featureNews p.event {color: #A37E03; font: 300 140% Arial, Helvetica, sans-serif; margin-bottom: 5px; padding: 2px; border-bottom: 1px solid #FFC81A;}
#content .featureNews img {float: left; border-right: 15px solid #FFF;}

#content .rightImgTxt {float: right; margin-left: 30px; width: 212px; font: 10px Verdana, Arial, Helvetica, sans-serif;}
#content .rightImgTxt img {margin-bottom: 5px;}
#content .rightImgTxt p {line-height: 14px;}

#content .imagesGroup {margin-bottom: 10px; height: 178px;}
#content .imagesGroup img {float: left; width: 200px; margin-right: 10px;}

.fields {padding: 5px; margin-bottom: 0; line-height: 14px;}
.largefields {padding: 5px 5px 45px 5px; margin-bottom: 0; line-height: 25px;}
input.formfield, textarea.formfield {position: absolute; left: 150px; border: 1px solid #FFC81A; padding-left: 2px; width: 300px;}
form.contact {position: relative;}
form.contact input.submitcontact {width: 100px; background: #5B5B5B; color: #FFF; padding: 1px; border: 1px solid #000; position: absolute; left: 150px; }

#content form.addEvent p.heading {background: #A37E03; font: 300 140% Arial, Helvetica, sans-serif; color: #FFF; margin-bottom: 0; padding: 2px; margin-bottom: 15px; margin-top: 15px;}
#content form.addEvent label {width: 300px; display: block; float: left; font-weight: bold}
#content form.addEvent label span {font-size: 85%; color: #666; font-weight: normal}
#content form.addEvent p {margin-bottom: 25px;}
#content form.addEvent input, #content form.addEvent textarea, #content form.addEvent select {border: 1px solid #666; padding: 2px; width: 450px; background: #FFF;}
#content form.addEvent input.submit {width: 100px; background: #5B5B5B url(../images/donate-button-bkg.jpg) repeat-x; color: #FFF; text-align: center; margin-left: 300px;}
#content form.addEvent input.tickbox {border: none; padding: 0; width: auto; background: #FFF;}

#footer {clear: both;}
#footer .resize {width: 120px; margin-left: 874px; font-size: 13px;}
#footer .resize span a:link, #footer .resize span a:visited {color: #FFF; text-decoration: none; background: #000; border: 2px solid #000; line-height: 25px; padding: 2px; padding-left: 5px; padding-right: 5px; position: relative; top: 8px;}
#footer .resize span a#standard:link, #footer .resize span a#standard:visited {border: 4px solid #000; line-height: 30px; position: relative; top: 6px;}
#footer .resize span a#larger:link, #footer .resize span a#larger:visited {border: 8px solid #000; line-height: 40px; position: relative; top: 2px;}
#footer .text {border-top: 1px solid #FFB400; padding: 10px; font: 80% Verdana, Arial, Helvetica, sans-serif; color: #666;}
#footer p.textleft {float: left; width: 800px;}
#footer p.textright {float: right; width: 150px; text-align: right;}
#footer .text a:link, #footer .text a:visited {color: #666;}
#footer .text a:hover {text-decoration: none;}