/* CSS for Marfan Trust website */
body {font: 76%/1.4 "lucida grande", tahoma, arial, sans-serif; background: #1F3861; color:#252525; text-align:center; padding: 18px 0 18px 0;}
html {min-height:100.2%;}
/* Kill all browser defaults */
* {margin:0; padding:0;}
/* end */

/* page container */
div#container {background:#fff; margin:0 auto; text-align:left; width:744px; border-bottom:3px solid #3E6D9C;}
/* end page container */

/* general layout rules */
div#contentholder {}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div#contentarea {float:left; width:744px; background:url(../assets/content_top.gif) repeat-x top left;padding:4px 0 0 0;}
div#content {float:left; width:480px; margin:0 0 20px 235px; display:inline; min-height:300px; height:auto !important; height:300px; }
div#homecontent {float:left; width:744px; margin:0 0 0 0; background-image: url(rotate.php); background-repeat: no-repeat; background-position: top right;}
* html div#homecontent {margin: 0 0 -4px 0;}
*:first-child+html div#homecontent {margin: 0 0 -4px 0;} /* margin adjustment for IE7 */
div#quicklinks {clear:both; background:url(../assets/homecontent_bottom.gif) repeat-x top left; padding:5px 0 0 0;}
div#subnav, div#left {float:left; width:210px; margin:0 0 35px -715px; display:inline;  background:#FFF;}
/* end general layout rules */

/* page header */
div#header {height:102px; background: url("../assets/masthead.jpg") no-repeat top right; border-top:3px solid #508EC1; border-bottom:3px solid #508EC1;} 
div#header img {margin:16px 0 0 20px; border:none;}
div#header h1, div#header p {display:none;}
/* end page header */

/* primary navigaton */
div#nav {font-size:1.1em; float:left; width:100%; margin:0 0 20px 0; background:url(../assets/menu_top.gif) repeat-x top left #CEE5F1; font-weight:bold;}
div#nav ul {float:left; list-style-type:none; padding:2px 0 0 20px; background:url(../assets/menu_bottom.gif) repeat-x bottom left; width:744px; w\idth:724px;}
div#nav ul li {float:left;}
div#nav ul li a {padding:5px 9px 10px 10px; color:#D12E2E; text-decoration:none; display:block; white-space:nowrap;}
div#nav ul li a:hover {background:url(../assets/menu_over.gif) repeat-x bottom left; text-decoration:none;}
/* end primary navigaton */

/* secondary navigation */
div#subnav ul {font-size:1.1em; list-style-type:none;  margin:1px 0 0 0; padding:0 0 5px 0; background:url(../assets/subnav_bottom.gif) repeat-x bottom left #E3F0F7;}
div#subnav ul li {line-height:normal;}
div#subnav ul li a {border-bottom:1px solid #96C5DF; padding:7px 5px 7px 25px; color:#D12E2E; text-decoration:none; display:block; width:210px; w\idth: 180px;}
div#subnav ul li a:hover, div#subnav ul li a:active, div#subnav ul li a:focus { background:#BFDDEC;}

div#subnav ul li.last a, div#subnav ul ul li.last a {border-bottom:none;}
/* end secondary navigation */

/* tertiary navigation */
div#subnav ul ul {background-image:none; padding:0; margin:0;}
div#subnav ul ul li {background:#CEE5F1; font-size:.8em;}
div#subnav ul ul li a {border-bottom:1px solid #96C5DF; text-decoration:none; padding:3px 3px 3px 40px; width:210px; w\idth: 167px;}
div#subnav ul ul li a:hover, div#subnav ul ul li a:active, div#subnav ul ul li a:focus {background:#BFDDEC; }
/* end tertiary navigation */

/* home content */
div#homecontent h2, div#homecontent h3, div#homecontent p {margin:0 422px 10px 20px;}
div#homecontent h4 a {color:#D12E2E;}
div#homecontent h4 {margin:0 422px 0 20px;}
div#homecontent h5 {margin:-6px 422px 10px 20px;}
div#homecontent ul {margin:0 422px 20px 35px;}
/* home content */

/* left column */
div#left ul {background:url(../assets/subnav_bottom.gif) repeat-x bottom left #E3F0F7; padding:0 0 5px 0; float:left;}
div#left li {list-style-type:none; width:210px; float:left; text-align:center; border-left:1px solid #96C5DF; line-height:normal;}
div#left li a {color:#D12E2E; font-size:1.2em; font-weight:bold;  background-image:url(../assets/left_heart.gif); background-repeat:no-repeat; background-position: 50% 50%;  display:block; padding: 35px 35px;}
* html div#left li a {}
div#left li a:hover {background-image:url(../assets/left_heart_over.gif); text-decoration:none;}
/* end left column */

/* homepage promoslot */
div#promoslot {float:left; widt:744px; w\idth:704px; padding:10px 20px 10px 20px; background:url(../assets/homecontent_bottom.gif) repeat-x top left #CEE5F1; font-weight:bold;}
div#promoslot p {margin:0;}
/* end homepage promoslot */

/* quicklinks */
div#quicklinks ul {float:left; padding:12px 0;}
div#quicklinks li {list-style-type:none; width:145px; float:left; text-align:center; border-left:1px solid #96C5DF; line-height:normal;}
div#quicklinks li.first {border-left:none;}
div#quicklinks li a {color:#D12E2E; font-size:1.2em; font-weight:bold;  background-image:url(../assets/home_heart.gif); background-repeat:no-repeat; background-position: 50% 0%;  display:block; padding: 5px 34px; height:75px; hei\ght:65px;}
div#quicklinks li a:hover {background-image:url(../assets/home_heart_over.gif); text-decoration:none;}
/* end quicklinks */

/* primary, secondary and tertiary 'you are here' effects */
div#nav ul li.active a:link, div#nav ul li.active a:visited {background:url(../assets/menu_active.gif) no-repeat 50% 100%; color:#252525;}
div#nav ul li.active a:hover {}
div#subnav ul li.active {background:#BFDDEC;}
div#subnav ul li.active a {color:#252525;}
div#subnav ul li.active ul li a {color:#D12E2E;}
div#subnav ul li.active ul li a:hover {background:#BFDDEC;}
div#subnav ul li.active ul li.active a {background:#BFDDEC; color:#252525;}
/* end primary, secondary and tertiary 'you are here' effects */

/* general typography */
h1 {} /* h1 is coded in the header and should not be used elsewhere on the page */
h2 {color:#D12E2E; font-size:1.4em; margin:.2em 0 .6em 0;}
h3 {font-size:1.2em;color:#D12E2E; margin:1.2em 0 .4em 0; clear:left;}
h4 {font-size:1em;color:#D12E2E; margin:1em 0 0 0;}
h5 {font-size:1em; color:#D12E2E; margin:1em 0 .8em 0;}
h6 {font-size:1em; font-weight:normal; margin:0;}
p {margin:0 0 1em 0;}
acronym {border-bottom: 1px dashed #508EC1; cursor: help;}
hr {clear:left; height:1px; color:#96C5DF; border: 0; background-color: #96C5DF; margin: .2em 0;}
p.caption {font-weight:bold; text-align:center; }
p.home img {float:left; margin: 0 20px 10px 0;}
p.home img {border:none;}
.publications p {margin:0;}
.list p {margin:0 0 2px 0;}
/* end general typography */


/* image floats */
img.leftborder, img.left {float:right; clear:left; margin:5px 0 15px 15px;}
img.leftborder {border:1px solid #508EC1;}
img.left {border:none;}
img.rightborder, img.right {float:right; clear:left; margin:5px 0 15px 15px;}
img.homeright {float:right; clear:left; margin:0px 0 0px 15px; border:none;}
img.rightborder {border:1px solid #508EC1;}
img.right {border:none;}
/* end image floats */

/* image captions */
div#content .imgcaptionright, div#content .imgcaptionleft {background:#CEE5F1;border:1px solid #508EC1;}
div#content .imgcaptionright img, div#content .imgcaptionleft img {margin:0;}
div#content .imgcaptionright p, div#content .imgcaptionleft p {font-size:.94em; padding:2px 5px 5px 5px; margin:0; clear:both; line-height:1.2;}
div#content .imgcaptionright {margin:5px 0 10px 15px; width:215px; float:right;}
div#content .imgcaptionleft {margin:5px 15px 10px 0; width:215px; float:left;}
/* end image captions */

/* christmas cards */
div#content .card {float:left; width:240px; margin:20px 0 10px 0; padding:0;}
div#content .card h3 {margin:0;}
div#content .card p {margin:0;}
div#content .card form {width:240px;} 
/* end christmas cards */

/* t-shirt */
div#content .tshirt {margin:0 0 20px 0;}
div#content .tshirt label {width:auto; margin:0 10px 0 0;}
div#content .tshirt select {width:auto; margin:0 10px 0 0; background-color:#fff;}
/* end t-shirt */

/* concert */
div#content .concert {margin:0 0 20px 0;}
div#content .concert label {width:auto; margin:0 10px 6px 0; font-weight:bold;}
div#content .concert select {width:auto; margin:0 10px 0 0; background-color:#fff; padding:2px;}
div#content .concert input {width:auto;}
/* end concert */

/* lists */
div#content ul, div#content ol {margin:0 0 1em 1.2em;}
div#content ul li {line-height:1.6;}
div#content ul span {font-weight:bold;}
div#content ol { padding:0 0 0 .8em; margin:0 0 1em 1em;}

div#content dl {margin: 0 0 1em 0;}
div#content dt {margin: 1em 0 0 0; font-weight:bold;}
div#content dd {margin: 0 0 0 0;}
/* end lists */

/* newsletter sign-up form */
div#content ul.newsletter {margin:5px 0 8px 0;}
div#content ul.newsletter li {clear:left; list-style-type:none; margin:0 10px 0 0;}
div#content ul.newsletter li label {margin:0; width:150px; float:left; cursor:pointer;}
div#content ul.newsletter input, div#content ul.newsletter select {border:1px solid #939598;  margin:2px 0 0 0; color:#1F3861;}
div#content ul.newsletter input {width:150px;}
div#content ul.newsletter select {width:152px;}
div#content ul.newsletter input.submit {width:auto; font-size:1em; border: 1px solid #96C5DF; background:#BFDDEC; color:#000; cursor:pointer; margin:2px 0 10px 150px; padding:2px;}
/* end newsletter sign-up form */

/* links */
a:link, a:visited {color:#508EC1; text-decoration:none;}
a:hover {text-decoration:underline;}
a {outline:none;}
/* end links */

/* address */
div#content address {font-style:normal; font-weight:normal; margin: 0 0 .7em 0;}
div#content address p {margin:0;}
/* end address */

/* tables */
table, th, tr, td {font-size:1em;}
table {border-right:1px solid #D2ECF6; border-top:1px solid #D2ECF6; margin: 1em 0; padding:0;}
th {background:#D2ECF6; text-align:left;}
th {padding: .2em .4em;}
td {padding: .4em .4em;}
td {border-bottom:1px solid #D2ECF6; border-left:1px solid #D2ECF6; }
table caption {text-align:left; font-size:1em; font-weight:bold; font-style:italic;}
div#content td h3 {margin:0; font-size:1em;}
div#content td p {margin:0 0 .2em 0;}
table span.highlight {color:#F9A13A; font-weight:bold;}
/* end tables */

/* sitemap */
div#sitemap {margin:0 0 2em 0;}
div#sitemap h3 {font-size:1.15em; margin:1em 0 0 0;}
div#sitemap ul {margin:.1em 0 2em 1.2em;}
div#sitemap ul li {font-weight:bold;}
div#sitemap ul li ul li {font-weight:normal;}
div#sitemap li {list-style-type:disc;}
div#sitemap ul ul {margin:0 0 .2em 4em;} 
div#sitemap ul ul ul {margin:0 0 0em 4em;}
/* end sitemap */

/* forms */
.hidden {display:none;}
.shown {display:inline;}
.error {font-size: 0.9em; font-weight:bold; color: red; margin: 0 0 2em 150px; display:none; clear:left;}

form {width:355px; margin:0 0 10px 0;}
label {display:block; width: 150px; float:left; cursor:pointer; font-weight:normal;}
input, textarea, select {width:200px; float:left; margin:0.075em 0; border: 1px solid #96C5DF; background:none; cursor:pointer;}
input.button {clear:both; border: 1px solid #96C5DF; width:auto; background:#BFDDEC; color:#000; cursor:pointer; margin: 10px 10px 0 0;}
input.image {clear:both; border:none; width:auto; cursor:pointer; margin:0; float:none;}
input.checkbox {border:none; width:auto; display:inline; float:none;}
fieldset {border:none; width:355px; clear:left;}
form p {margin:0; clear:left;}
input.basket {width:auto; clear:left; cursor:pointer; margin: 10px 10px 0 0; border:none;}
input.tshirt {width:auto; float:left; cursor:pointer; margin: 0 0 0 10px; border:none;}
/* end forms */

/* footer */
div#footer {clear:both; width:100%;  font-size:.94em; background:url(../assets/footer_top.gif) repeat-x top left;padding:4px 0 0 0;}
div#footer p {float:left; padding: 5px 0 5px 20px; margin:0;}
div#footer ul {float:right; list-style-type:none; padding: 5px 20px 5px 0;}
div#footer ul li {display:inline; padding: 0 0 0 2px;}
/* end footer */