/* 
CSS for Marfan Trust
Author - 9web.co.uk 
Version - 1.0 
Last edit - 9th August 2010
*/
/* reset -------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-family:inherit; vertical-align:baseline;}

/* Body ---------------------------------------------------- */
html {overflow-y:scroll;}
body {font:13px/1.4 Verdana, sans-serif; background:#CFCDC8; color:#555;}

/* Headings ---------------------------------------------------- */
h1, h2, h3, h4, h5, h6, dt {font-weight:normal; color:#2E2E2E; font-family:'Vollkorn', arial, serif; line-height:1.1;}
h1 {margin-bottom:18px; font-size:24px;}
h2 {margin:0 0 0px 0; font-size:18px;}
h3 {margin-bottom:6px; font-size:18px;}
h4 {margin-bottom:6px; font-size:17px;}
h5, h6 {margin-bottom:0; font-size:16px;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

/* Text elements -------------------------------------------------------------- */
p {margin : 0 0 15px 0;}
a {color:#B8140D; text-decoration:none; outline:none;}
a:visited {color:#B8140D;}
a:focus, a:hover {color:#B8140D; text-decoration:underline;}
a img {border:none;}
img {display:block;}

blockquote, q {quotes : "" "";}
blockquote {margin:1.5em 1.5em 1.5em -1.5em; padding-left : 1.5em; border-left : 1px solid #666; font-style:italic;}
blockquote:before, blockquote:after, q:before, q:after {content : "";}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom : 1px dotted #666;}
address {margin:0 0 15px; font-style : italic;}
del {color:#666;}
pre, code, tt {margin:1.5em 1.5em 1.5em -1.5em; padding-left : 1.5em; border-left : 1px dotted #666; font : 1em 'andale mono', 'lucida console', monospace; 
line-height:1.5;}
pre {white-space:pre;}
code {display:block;}

div.line {border-top:1px dashed #CFCDC8; margin:20px 0; clear:both;}
div.line hr {display:none;}
hr {border:none; border-top:1px dashed #CFCDC8; clear:both; margin:12px 0;}
/* image floats */
p img {margin:0;}
a img {display:block; padding:0;}
img.left {float:left; margin:.4em 2em 1em 0;}
img.right {float:right; margin:.4em 0 1em 2em;}

/* Lists -------------------------------------------------------------- */
ul {margin:12px 0 12px 0;}
ol {margin:12px 0 12px 20px;}
ul li, ol li {margin:.4em 0; line-height:1.2;}
div#content ul li {background:url(../assets/bullet.png) no-repeat 0 5px; padding:0 0 0 20px;}
ul {list-style-type:none;}
ol {list-style-type:decimal;}
li ul, li ol {margin:.2em 0 .2em 3em;}
dl {margin-bottom:1.5em;}
dl dt {margin:.5em 0 0 0; font-size:18px;}
dd {margin:0 0 0 1em;}

/* Tables -------------------------------------------------------------- */
table {border-collapse:separate; border-spacing:0; margin-bottom:1.4em; width:100%; border-top:1px solid #CFCDC8; border-right : 1px solid #CFCDC8;}
table, td, th {vertical-align:top;}
th, thead th {font-weight:700; background:#CFCDC8; color:#fff;}
th, td {padding:5px 10px 5px 10px; text-align:left;}
th, td {border-bottom:1px solid #CFCDC8; border-left:1px solid #CFCDC8;}
tfoot {font-size:.86em;}
caption {margin:12px 0 6px 0; font-size:1.43em; line-height:1; text-align:left;}
/* end core rules -------------------------------------------------------------- */

/* page containers */
div#contentholder {background:#fff; padding:0 0 30px 0;}
div#contentholder div.inner {margin:0 auto; text-align:left; width:960px;}
div#content {float:left; padding:0 20px; margin:0 20px; width:480px; border-right:1px solid #CFCDC8; border-left:1px solid #CFCDC8; display:inline; min-height:500px;}
div#right {float:right; width:238px;}
div#subnav {width:160px;}
/* .wide .article {padding:0; width:960px; border-right:none;} */
p.skip {display:none;}
.clearfix:after, div#header:after, div.inner:after, div#contentholder:after, div#footer:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* end page containers */

/* header */
div#header {margin:0; padding:0; background-color:#EE3B33; border-bottom:1px solid #A00701;}
div#header div.inner {margin:0 auto; text-align:left; width:960px; padding:0 0 0 0;}
div.logo {float:left; padding:22px 0 18px 0;}
div.logo p {margin:0; font-size:15px;}
div.logo p a {background-image:url(../assets/logo.png); background-repeat:no-repeat; background-position:0 0; text-indent:-9999em; width:288px; height:70px; display:block;}
/* end header */

/* homepage */
.home div#contentholder {padding:30px 0 10px 0;}
.home div#content {padding:0 20px 0 0; border-left:none; width:680px; margin:0; min-height:100px;}
.home div#content p {font-size:17px; font-family:'Vollkorn', arial, serif; line-height:1.25; margin:-4px 0 12px 0;}
.home div#content p:last-of-type {margin-bottom:0;}
.home div#content p.last {margin-bottom:0;}
div.hphero {float:right; width:445px; margin:0 0 0 16px;}

/* homepage actions */
div.hpactions {float:right; margin-top:10px; font-size:17px; font-family:'Vollkorn', arial, serif;}
div#content div.hpactions ul {float:left; margin:0 0 0 0;}
div#content div.hpactions ul li {float:left; margin:0 22px 0 0; line-height:1; background-image:none; padding:0;}
div#content div.hpactions ul li a {display:block; background-repeat:no-repeat; padding:0 0 0 0; color:#fff; width:148px; border:2px solid #999; background-color:#ccc; text-align:center; padding:20px 50px 20px 10px;}
div.hpactions ul li a:visited {color:#fff;}
div.hpactions ul li a:hover {text-decoration:none; color:#fff;}
div#content div.hpactions ul li a span {display:block; font-size:13px;}
div#content div.hpactions ul li.newsletter {margin:0;}
div#content div.hpactions ul li.diagnosed a {background-image:url(../assets/sprite-home.png); background-color:#F79620; border-color:#DE8212; background-position: 163px -76px;}
div#content div.hpactions ul li.involved a {background-image:url(../assets/sprite-home.png); background-color:#13BDC6; border-color:#0EA7AF; background-position: 163px 14px;}
div#content div.hpactions ul li.newsletter a {background-image:url(../assets/sprite-home.png); background-color:#7C57C7; border-color:#6137B7; background-position: 163px -166px;}
div#content div.hpactions ul li.diagnosed a:hover {background-color:#DE8212; background-position: -49px -76px;}
div#content div.hpactions ul li.involved a:hover {background-color:#0EA7AF; background-position: -49px 14px;}
div#content div.hpactions ul li.newsletter a:hover {background-color:#6137B7; background-position: -49px -166px;}
/* end homepage actions */

/* homepage pull quote */
div.pullquote {float:right; position:relative; width:238px; min-height:97px; height:auto !important; height:97px;}
div.pullquote blockquote {border:none; font-style:normal; padding:0 80px 0 20px; background:url(../assets/quote-left.png) no-repeat 0 0; margin:8px 0 0 0; line-height:1.3; font-size:13px; color:#2e2e2e;}
div.pullquote blockquote p {background:url(../assets/quote-right.png) no-repeat bottom right; margin:0; display:inline; padding:0 20px 0 0;}
div.pullquote cite {font-style:normal; font-size:11px; margin: 8px 0 10px 0; float:left;}
div.pullquote img {position:absolute; bottom:0; right:0;}
/* end homepage pull quote */

/* primary navigation */
div#navholder {background:#EDE7D4; font-family:'Vollkorn', arial, serif;}
div#navholder div.inner {margin:0 auto; text-align:left; width:996px; padding:5px 0 6px 0;}
div#navholder ul {float:left; margin:0; padding:0 0px 0 0; list-style:none; font-size:17px;}
div#navholder li {float:left; margin:0 0 0 0; padding:0; line-height:1.1;}
div#navholder li a {float:left; display:block; padding:2px 15px; color:#424242; border-right:1px solid #C1C1C1;}
div#navholder li.last a {border-right:none;}

/* hover */
div#navholder li a:hover {text-decoration:underline; color:#B8140D;}
/* active */
div#navholder li.here a {color:#B8140D;}
/* end primary navigation */

/* breadcrumb trail */
div#crumbs {float:left; width:960px; font-size:11px; margin:4px 0 6px 0;}
div#crumbs p {float:left; margin:0; padding:4px 0; color:#424242;}
div#crumbs p a {color:#B8140D;}
/* end breadcrumb trail */

/* secondary navigation */
div#subnav {float:left; font-size:16px; margin-bottom:20px; font-family:'Vollkorn', arial, serif;}
div#subnav ul {list-style-type:none; margin:0;}
div#subnav ul li {line-height:1; padding:0; margin:0; border-bottom:1px dashed #CFCDC8;}
div#subnav ul li:last-child {border-bottom:none;}
div#subnav ul li a {padding:8px 0 8px 0; text-decoration:none; display:block; color:#424242;}
* html div#subnav ul li a {display:inline-block;}
div#subnav ul li a:hover {color:#B8140D; text-decoration:underline;}
div#subnav ul ul li a:hover,
div#subnav li.parent_here li a:hover {color:#B8140D; text-decoration:underline;}
div#subnav ul ul ul li a:hover, 
div#subnav ul li.parent_here ul li.here li a:hover, 
div#subnav ul li.parent_here ul li.parent_here li a:hover,
div#subnav ul li.parent_here ul li.parent_here ul li.here a:hover {color:#B8140D; text-decoration:underline;}

/* second level */
div#subnav ul ul {padding:0; margin:0 0 8px 0; font-size:.92em;} 
div#subnav ul ul li {border-bottom:none;} 
div#subnav ul ul li a {padding:5px 4px 5px 26px;}
/* third level */
div#subnav ul ul ul {padding:0; margin:0; font-size:.92em; border-top:none;} 
div#subnav ul ul ul li {} 
div#subnav ul ul ul li a {padding:5px 4px 5px 40px;}
div#subnav ul ul ul li.last a {padding-bottom:10px;}
/* set active state */
div#subnav li.here a, 
div#subnav li.parent_here a {color:#B8140D;}
div#subnav ul ul li.here a, 
div#subnav ul ul li.parent_here a {color:#B8140D;}
div#subnav ul ul ul li.here a, 
div#subnav ul li.parent_here ul li.parent_here ul li.here a {color:#B8140D;}

/* reset nested link background */
div#subnav li.here li a,
div#subnav li.parent_here li a, 
div#subnav li.parent_here li.here li a, 
div#subnav li.parent_here li.parent_here li a {color:#424242;}
div#subnav li.parent_here li.parent_here li a, div#subnav li.parent_here li.here li a {}
/* end secondary navigation */

/* readon action */
div.readon {float:left; font-size:17px; font-family:'Vollkorn', arial, serif; margin:20px 0 0 0;}
div.readon p {margin:0;}
div.readon p a {background-color:#F4F0E4; background-image:url(../assets/icon-readon.png); background-repeat:no-repeat; background-position:center right; border:2px solid #EDE7D4; padding:8px 12px; display:block; width:452px;}
div.readon p a span {color:#555; padding-right:10px;}
div.readon p a:hover {background-color:#EDE7D4; text-decoration:none; background-image:url(../assets/icon-readon-hover.png);}
/* end readon action */

/* FAQs */
div.faq {border-bottom:1px dashed #CFCDC8; margin:0 0 15px 0; padding:0 0 0 0;}
div.faq:last-child {border-bottom:none; margin:0;}
div.faq h2 {margin-bottom:4px;}
/* end FAQs */

/* donate action */
div.donate {float:left; font-size:22px; font-family:'Vollkorn', arial, serif;}
div.donate p {margin:0; line-height:1;}
div.donate p a {background-color:#EE3B33; background-image:url(../assets/icon-donate.png); background-repeat:no-repeat; background-position:center right; border:2px solid #B8140D; padding:8px 12px 6px; display:block; width:210px; color:#fff;}
div.donate p a:link, div.donate p a:visited {color:#fff;}
div.donate p a:hover {background-color:#B8140D; text-decoration:none; background-image:url(../assets/icon-donate-hover.png);}
/* end donate action */

/* right hand links */
div#right h3 {margin-top:20px; float:left; display:block;}
div#right ul {list-style-type:none; margin:0; padding:0; clear:left;}
div#right ul li {line-height:1;}
div#right ul li a {border-bottom:1px dashed #CFCDC8; display:block; padding:4px 0 10px 0;}
div#right ul li a[href$='.doc'], div#right ul li a[href$='.rtf'], div#right ul li a[href$='.txt'], div#right ul li a[href$='.pdf'], div#right ul li a[href$='.docx'] {background:url(../assets/download.png) no-repeat 0 4px; padding-left:20px;}
* html div#right ul li a {display:inline-block;}
div#right ul li:last-child a {border-bottom:none;}

div#right ul.news {margin-top:20px;}
div#right ul.news li a {border-bottom:none; padding-top:0;}
div#right ul.news li {border-top:1px dashed #CFCDC8; padding-top:10px;}
/* end right hand links */

/* right hand featured content link */
div#right p.featured {clear:left; margin:0;}
div#right p.featured a {background:#FAF9F4; display:block;}
div#right p.featured a:hover {background:#EDE7D4; text-decoration:none;}
div#right p.featured img {display:block;}
div#right p.featured span {padding:6px 8px; display:block; line-height:1.2;}
/* end right hand featured content link */

/* right hand video link */
div#right p.video {clear:left; margin:0; position:relative;}
div#right p.video a {display:block;}
div#right p.video a:hover {text-decoration:none;}
div#right p.video img {display:block;}
div#right p.video a span {padding:6px 8px; display:block; line-height:1.2; background:#FAF9F4;}
div#right p.video a:hover span {background:#EDE7D4;}

div#right p.video a {background-image:url(../assets/watch-video.png); background-repeat:no-repeat; background-position:0 0; padding-top:86px;}
div#right p.video a:hover {background-position:0 -86px;}
/* end right hand video link */

/* page action strip */
div#pageactions {margin:0; padding:10px 0 0 0; background:#F2F2F2;}
.home div#pageactions {padding-bottom:0;}
div#pageactions div.inner {margin:0 auto; text-align:left; width:960px; padding:0;}

div.support {float:left; width:300px; padding-bottom:20px;}
div.support h4 {margin-bottom:16px;}
div.support ul {float:left; margin:0;}
div.support ul li {float:left; margin:0 8px 0 0;}
div.support ul li a {display:block; height:34px; width:32px; text-indent:-9999em; background-image:url(../assets/footer-actions.png); background-repeat:no-repeat;}
div.support ul li.facebook a {background-position:0px 0px;}
div.support ul li.virgin a {background-position:-32px 0px;}
div.support ul li.youtube a {background-position:-64px 0px;}
div.support ul li.everyclick a {background-position:-96px 0px; width:38px;}

div.actions {float:right; font-size:17px; font-family:'Vollkorn', arial, serif;}
div.actions ul {float:left; margin:35px 0 0 0;}
div.actions ul li {float:left; margin:0 0 0 28px; line-height:1;}
div.actions ul li a {display:block; background-repeat:no-repeat; background-position: 0 2px; padding:0 0 0 38px; color:#424242;}
div.actions ul li a:visited {color:#424242;}
div.actions ul li a:hover {text-decoration:none; color:#B8140D;}
div.actions ul li.diagnosed a {background-image:url(../assets/icon-footer-diagnosed.png);}
div.actions ul li.involved a {background-image:url(../assets/icon-footer-involved.png);}
div.actions ul li.newsletter a {background-image:url(../assets/icon-footer-newsletter.png);}
/* end page action strip */

/* news */
div.newsitem {border-bottom:1px dashed #CFCDC8; margin:0 0 15px 0; padding:0 0 0 0;}
div.newsitem:last-child {border-bottom:none; margin:0;}
div.newsitem h3 {margin:4px 0 15px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
div.newsitem p {margin:0; font-size:11px;}
/* end news */

/* landing page teasers */
div.lpintro {float:left; margin:7px 0;border-bottom:1px dashed #CFCDC8; margin:0 0 15px 0; padding:0 0 0 0; width:480px;}
div.lpintro:last-child {border-bottom:none; margin:0;}
div.lpintro img {float:left; margin:0 14px 15px 0;}
div.lpintro h3 {}
div.lpintro p {margin:0 0 10px 0;}
/* widths */
div.lpin tro {width:534px;}
/* end landing page teasers */

/* searchresults */
div.searchresults {}
div.result {border-bottom:1px dashed #CFCDC8; margin:0 0 15px 0; padding:0 0 0 0;}
div.result h4 {margin-bottom:2px;}
div.result p {margin:0 0 15px 0;}
/* end news */

/* sitemap */
div#content ul#sitemap {}
div#content ul#sitemap li {padding:0; background-image:none; font-weight:700;}
div#content ul#sitemap li li {font-weight:normal;}
/* end sitemap */

/* footer layout */
div#footer {margin:0; padding:10px 0; font-size:11px;}
div#footer div.inner {margin:0 auto; text-align:left; width:920px; padding:0 20px;}
div#footer p {margin:0; float:left; line-height:0.8;}
div#footer ul {margin:0; float:right;}
div#footer ul li {float:left; margin:0; border-right:1px solid #EE3B33; padding:0 6px; line-height:0.8;}
div#footer ul li:last-child {border-right:none; padding-right:0;}
div#footer ul li.last {border-right:none; padding-right:0;}
div#footer ul li a {}
/* end footer layout */


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

/* site search */
div.search label {display:none;}
div.search {width:223px; float:right; clear:right; margin:48px 0 0 0;}
div.search input {width:178px; border:1px solid #A00701; padding:2px; color:#666; height:18px; float:left; font-family:inherit; font-size:13px;}
div.search input:focus {border-color:#fff;}
div.search input.button {background-image:none; background-color:#585858; padding:0; float:right; height:24px; width:30px; color:#fff; cursor:pointer; border:none;}
div.search input.button:hover {background-color:#A00701;}
/* end site search */

label {font-weight : bold;}
fieldset {margin:0; padding:0; border:none;}
div.article fieldset {margin:10px 0; float:left; width:100%;}
legend {font-size:1.2em; font-weight:bold; margin:0; color:#EE3B33; float:left;}

input:focus, textarea:focus, select:focus {border-color:#EE3B33; background:#fff;}

div.formholder {width:100%; float:left; margin:0 0 20px 0;}
div#content form {padding:0; margin:0;}
div#content form ul {padding:0; margin:0; width:100%;}
div#content form ul li {list-style-type:none; margin-bottom:5px; float:left; clear:left; background:none; padding:0;}
form ul li label {display:block; padding:5px 0 4px 0; cursor:pointer;}
form ul li label span {display:inline; font-weight:normal;}
form ul li input, form ul li textarea {background-image:none; padding:5px 5px; border:1px solid #CFCDC8; font-family:inherit; font-size:inherit; color:inherit; width:400px;}
form ul li textarea {}	
form ul li select {padding:5px 5px; border:1px solid #CFCDC8; width:400px; cursor:pointer;}	
form ul li input.checkbox {width:auto; cursor:pointer; padding:0; background:none; border:none; margin:4px 0;}
form ul li input#submit, form ul li input.button {background-color:#EE3B33; border:none; height:auto; width:auto; cursor:pointer; color:#fff; font-weight:700; font-size:1em; font-family:Arial, Helvetica, sans-serif; overflow:hidden;}
form ul li input#submit:hover, form ul li input.button:hover {background-color:#B8140D; color:#fff;}

form ul.checkbox {float:left; margin:10px 0;}
form ul.checkbox li {float:left; margin:0 0 6px 0;}
form ul.checkbox li label {display:block; padding:0; cursor:pointer; width:437px; margin:0 0 0 20px; float:left; font-weight:normal;}
form ul.checkbox li input {width:auto; margin:2px 0 0 -457px; float:left; background:none; padding:0;}
/* end forms */

/* admin edit link in header */
div#header div.inner {position:relative;}
div.editlink {position:absolute; top:0px; right:0px;}
div.editlink a {display:block; color:#fff; background:#B8140D; padding:5px 5px; border:2px solid #B8140D; border-top:none}
div.editlink a:hover { background:#EE3B33;}

/* Christmas cards */
div.cardframe {background:#f2f2f2; padding:10px; margin-bottom:9px;}
table.cards td {padding:10px;}