/* CSS Document */
/*  Copyright St.Jude Children's Research Hospital CSS Document  */

/*  GENERAL STYLES  */
body {background-image: url(/Images/rck_background.gif); margin-top: 10px;  padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
a:link, a:active, a:visited {font-family: Arial;color: #890231; text-decoration: underline;}
a:hover {font-family: Arial; color: #890231; text-decoration: none;}
#container {background-color: white; padding: 0; margin: 0; width: 750px; text-align: left; border: 1px solid #999999;}
#lcNavigation h3 {font-family: arial; text-align: left; padding-left: 20px; padding-top: 20px; color: #D43447;}
.contactustable {padding-left: 20px; padding-bottom: 20px;}
div.clear {clear: both;} 
img {border: none;} 
h3 {font-family: arial; font-size: 13px; text-align: left; padding-left: 0px; padding-top: 10px; color: #830E17;}

/*  HEADER  */
#header {border-bottom: solid 1px #CCCCCC;}
#headerMasthead {height: 90px; background-color: #ffffff; background-image: url(/Images/rck_masthead.jpg); padding: 0; text-align: center; background-repeat: no-repeat;}
#mainMenu {width: 100%; background-color: #D43447; margin: 0 0 0 0; float: left; color: white; padding: 3px 0 4px 0; clear: both; vertical-align: middle; padding-top: 8px; padding-bottom: 8px; color: #FFFFFF;}
#mainMenu a {color: #FFFFFF;}
#mainMenu a:hover {color: #FFFFFF;}
#mainMenu a:visited {color: #F5F5F5;}
#mainMenu span.pipe {color: #E27A87; padding-left: 6px; padding-right: 6px;}

/*  CONTENTWELL  */
#LZpageBody {float: left; clear: both; background-image: url(/Images/rck_contentwell_background.gif); vertical-align: top;}
#listpageBody {float: left; clear: both; vertical-align: top; background-image: url(/Images/rck_pagebody_background.gif); padding: 0px; min-height:500px; height:auto !important; height:500px;}
#detailpageBody {float: left; clear: both; vertical-align: top; background-image: url(/Images/rck_pagebody_background.gif); padding: 0px; min-height:500px; height:auto !important; height:500px;}
#pageBody {padding: 0px 0px 0px 15px;min-height:500px; height:auto !important; height:500px;}

/*  FEATURE ARTICLES  */
#featureArticlesRegion {width: 455px; float: left; clear: both; margin: 0px; padding: 12px 5px 0px 18px;}
#featureArticlesRegion h5 {clear: both; font-size: 13px; color: #830E17; font-weight: bold; padding: 0px 5px 4px 0px; margin: 0px;}
#featureArticlesRegion div.morelink {font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 15px;}
#featureArticlesRegion #featureText {clear: both; float: left; padding: 0px 5px 5px 2px;}
#featureArticlesRegion p.floatright  {width: 200px; clear: both; float: right; text-align: right; padding: 0px 7px 0px 0px;}
#featureArticlesRegion a img {}

/*  IMAGEREGION  */
#ImageRegion {margin: 0px 0px 0px 0px; float: left; text-align: center; width: 100%; padding: 0px;}
#ImageRegion h5 {padding: 10px 0px 0px 15px; font-size: 13px; clear: both; text-align: left; width: 450px; color: #830E17; font-weight: bold; margin: 0px;}
#ImageRegion div.image {margin: 0px 0px 0px 15px; text-align: left;}
#ImageRegion div.image img{border: 1px solid #CCCCCC; margin: 15px 0px 5px 0px; text-align: left;}
#ImageDetailText {clear: both; padding-right: 5px; padding-left: 18px; font-size: 12px; float: left; padding-bottom: 0px; margin: 0px; vertical-align: top; width: 455px; color: black;  padding-top: 0px; text-align: left;}


/*  RIGHTCOLUMN  */
#rightcolumn {width: 250px; float: left; clear: none;  vertical-align: top;}

/*  LZ FEATURE REGION  */
#lzFeatureRegion {float: left; clear: none; background-color: #EFDFE2; border-bottom: #CCCCCC solid 1px; border-left: #CCCCCC solid 1px; width: 249px; padding: 7px 0px 0px 0px;}
#lzFeatureRegion  h3 {font-size: 13px; font-weight: bold; margin: 0px; color: #830E17; padding: 10px 10px 7px 13px;}
#lzFeature a img.lzFeature {float: left;  border: #CCCCCC solid 1px; margin: 7px 0px 15px 13px;}
#lzFeatureText {width: 235px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.3em; padding-left: 6px; padding-top: 5px; padding-bottom: 10px; vertical-align: top;}
#lzFeatureText .floatright {clear: both; padding-left: 0px; float: right; } 
#lzFeatureText .floatright a.img {border: none;} 
#lzFeatureRegion div.more {width: 100px; clear: both; padding-left: 0px; float: left;}

/*  BULLETED LIST REGION  */
#bulletedListRegion {clear: both; float: left; background-color: #E3E9F5; border-left: #CCCCCC solid 1px; width: 249px; padding: 0px 0px 15px 0px;}
#bulletedListRegion h3 {font-size: 13px; font-weight: bold; padding-left: 20px; margin: 0px; color: #990000; padding: 10px 10px 7px 13px;}
#bulletedListRegion ul {padding-left: 15px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; margin: 0px; line-height: 1.3em; list-style-type: disc; color:#0066CC; }
#bulletedListRegion ul a:link {color: black; font-size: 12px;}
#bulletedListRegion ul a:visited {color: black; font-size: 12px;}
#bulletedListRegion li {margin: 0 0 0 14px; padding: 6px 4px 0px 1px; color: black; font-size: 11px;}
#bulletedListRegion ul div.floatright a 
{width: 108px; clear: both; padding-left: 0px; padding-top: 4px; margin: 0px; float: right; color: #890231; text-align: right;}

/*  FOOTER  */
#footerRegion {border-top: 1px solid #CCCCCC; padding: 2px 0 5px 0; background-color: white; clear: both; font-size: 11px;}
div.footerLinks {text-align: center; font-size: 11px;  padding-bottom: 7px;}
div.footerLinks a {color: #272727;}
div.footerLinks a:hover {text-decoration: none;}
div.footerCopyright {color: #660033; font-size: 11px; text-align: center; padding-top: 4px; padding-bottom: 4px; background-color: #FFFFFF;}
.pipe {color: #CCCCCC; padding-left: 2px; padding-right: 2px;}

/*  ADDITIONAL STYLES  */
#metaDataRegion {text-align: left; padding: 0px; margin:0px;}
#CSSRegion {text-align: left; padding: 0px; margin:0px;}
#JSRegion {text-align: left; padding: 0px; margin:0px;}
#reportRegion {text-align: left; padding: 0px; margin:0px;}
#ChannelMetaBodyRegion {float: left; clear: both;}

/* Begin Content Well Styling */
#contentWell {clear: none; margin: 0; padding: 15px 10px 5px 15px; width: 540px;float: left; background: white; vertical-align: top; min-height: 500px; height:auto !important; height: 500px;}
#contentWell a {color: #830E17;	text-decoration: underline;}
#contentWell a:hover {color: red;text-decoration: underline;}
#contentWell h2,#popup h2 {margin: 0; padding: 0 0 3px 0; font-size: 13px; font-weight: bold; color: #830E17;}
#contentWell h3,#popup h3 {margin: 0; padding: 10px 0 -3px 0; font-size: 13px; font-weight: bold; color: #830E17;}
#contentWell p,#popup p {margin: 0;	padding: 5px 0 5px 0; font-size: 12px;}
#contentWell td {margin: 0;	padding: 5px 0 5px 0; font-size: 12px;}
#contentWell ol li {background-image: none;	padding-left: 0;}
#contentWell img {margin: 0; padding:0;}
#contentWell img.padBottom {margin: 0px; padding: 5px 0 15px 0;}

/* Begin Left Column Styling */
#leftColumn {width: 145px; padding: 8px 15px 10px 0; margin: 0px; float: left; clear: both; background-color: #94ABD4; border-right: 1px solid #CCCCCC;}
#leftcolumn_wide {width: 498px; float: left; clear: both; vertical-align: top; margin: 0px;}

/* Left Column list styling */
#lcNavigation {padding: 0px 0px 0px 5px;}
#lcNavigation ul {list-style: none; color: #333333; line-height: 1.7em; margin-left: 0px; margin-right: 0px; padding-left: 11px; padding-right: 0px;}
#lcNavigation ul li {margin-left: 0px; padding-left: 8px; background-image: url(/Images/rck_bullet_arrow.gif); background-repeat:no-repeat; background-position: 0px 5px;}
#lcNavigation ul ul li {margin: 0px; padding-left: 8px; background-image: url(/Images/rck_bullet_arrow.gif); background-repeat:no-repeat; background-position: 0px 5px 0px 5px;}
#lcNavigation ul ul ul li {margin: 0px; padding-left: 8px; background-image: url(/Images//rck_bullet_arrow.gif); background-repeat:no-repeat; background-position: 0px 5px;}
/* for ie */
html>body #lcNavigation ul ul li {margin-left: 0px;}
html>body #lcNavigation ul ul li {margin-left: 4px;}
html>body #lcNavigation ul ul ul li {margin-left: 14px;}

#leftColumn ul li a {margin: 0px; color: #333333; text-decoration: underline;}
#leftColumn ul li a:hover {color: #333333; text-decoration: none;}
#leftColumn ul li a:visited {color: #333333;}
#leftColumn h3 {padding: 12px 0px 4px 13px; margin: 0px; font-size: 13px; font-weight: bold; color: #830E17;}

/* print icon */
#printIcon {text-align: right; border: none; font-size: 11px; margin: 0; padding: 5px 0px 10px 0px; clear: both; 
text-align: right; vertical-align: bottom;}
#printIcon span {margin: 0; padding: 0;}
#printIcon img {border: none; padding-top: 0px; margin-top: 0px; vertical-align: bottom;}

/* LIST SUTFF */
#listLayout {margin: 12px 0 0 0; padding: 0;}
div.clear {clear:both; font-size: 1px;}
div.twoColDateShadeLight, div.twoColDateShadeDark {width: 545px; clear: both;}
div.twoColDateShadeDark {background-color: #E8E9EA;}
div.twoColDateShadeLight a, div.twoColDateShadeDark a {font-weight: bold;}
div.twoColDateShadeLight div.col1, div.twoColDateShadeDark div.col1 {width: 80px; font-weight: bold; float: left;  padding: 5px; }
div.twoColDateShadeLight div.col2, div.twoColDateShadeDark div.col2 {width: 440px; float: left; padding: 5px 0 5px 10px; border-left: 2px solid white;}
#contentWell p.twoColDateAscDescription {padding: 0 0 15px 0;}
/* END Two Column Date ASC & Description LAYOUT */

 
/* RELATED TOPICS */ 
#relatedTopicsContainer {margin: 0 -5px 0 0px; border-left: solid white 10px; padding: 0 0px 0 0px; width: 190px; float: right; clear: right; font-size: 11px;} 
#relatedTopicsContainer h5 {background: url(/Images/rck_related_topics_top_background.gif) no-repeat; height: 18px; width: 190px; padding: 0; margin: 0;} 
#relatedTopicsContainer h5 span {font-size: 13px; font-family: arial, 'sans-serif'; color: #fff; font-weight: bold; padding-left: 14px;} 
#relatedTopicsBorder {background: #BCD3E9 url(/Images/rck_related_topics_border_bottom.gif) bottom left no-repeat; width: 190px;} 
#relatedTopics {border: 1px white solid; width: 190px; background-color: white; margin: 0 0 0 2px; padding: 0 0 55px 0px;} 
#relatedTopics a {margin: 0 0 20px 0px; padding: 0;} 
#relatedTopics p {margin: 10px 0 20px 0px; padding: 10px 0 0 0;}
#relatedTopics li {background-position: 0.1em 0.8em; margin: 0; padding-top: 7px; padding-left: 1.1em; background-image: url(/Images/rck_bullet_square.gif); background-repeat: no-repeat; list-style-type: none;}
#relatedTopics ul {margin: 3px 0px 0px 5px; padding: 0px;}    
#relatedTopics li.icon {padding-left: 10px; margin: 0 0 0 -10px; background: none; height: 45px;} 
#relatedTopics img {border: 1px solid gray; width: 48px; height: 48px; float: left;} 
#relatedTopics span.contentTypeText {font-weight: bold; color: #990000;}
#relatedTopics li.icon img {margin-right: 8px; margin-left: 5px;}