/* CSS Document */

#leftColumn {
float: right;
clear: both;
min-height: 1px;
background-color: none;
padding: 0px;
margin: 0px;
width: 200px;}

#lcNavigation {
 float: left;
 padding: 14px 0px 14px 0px;
 text-align: left;
 font-size: 11px;
 margin: 0px;}
 
#lcNavigation ul {
 list-style-type: none;
 margin: 0px;
 padding: 10px 0px 10px 0px;
 display: inline;}

#lcNavigation li {
 list-style-type: none;
 padding: 10px 4px 10px 4px;
 background-color: #0069AA;
 color: white;
 text-decoration: none;
 display: inline;
 border-right: 3px white solid;}
 
#lcNavigation li.on {
 list-style-type: none;
 background-color: #72C267;
 color: white;
 text-decoration: none;
 font-weight: bold;}
 
#lcNavigation li a {
list-style-type: none;
color: white;
text-decoration: none;}

#lcNavigation li a:hover {
list-style-type: none;
color: white;}

#lcNavigation li a:visited {
list-style-type: none;
color: #white;
text-decoration: none;}
 
#dh_content {
 padding: 15px 5px 0px 10px;
 font-family: Arial, Helvetica, sans-serif;
 line-height: 125%;
 font-size: 12px;
 width: 445px;
 float: left;
clear: both;
 text-align: left;}
 
#dh_content  a:link {color: #A10101;}
 
#dh_content normal {
 margin: 0px;
 padding: 5px 0px 5px 0px;
 font-size: 12px;}

#dh_content h1 {
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 14px; 
 color: #7F1017; 
 padding: 0px; 
 margin: 0px 0px 5px 0px; 
 text-align: left;}

#dh_content h2 {
 margin: 0px;
 padding-top: 0px 0px 3px 0px;
 font-size: 13px;
 font-weight: bold;
 color: #830e17;}

#dh_content h3 {
 margin: 0ps;
 font-size: 12px;
 font-weight: bold;
 color: #830e17;}
 
#dh_content .caption{
font-size: 9px;
margin-top: 10px;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding: 0px;
}

#container {
 background: url();
 background-color: white;
 padding: 0;
 width: 777px;
 text-align: left;
 margin: 10px auto;}
 
html>body #container {
 background: url();
 background-color: white;
 padding: 0;
 width: 777px;
 text-align: left;
 margin: 10px auto;}
 
#contentWellSpacer {
 width: 16px;
 float: left;
 background: url(/stjude/images/global/image4_ver1.gif) repeat top;
 clear: none;
}

/*  hide from mac IE 5 \*/ 
html>body #contentWell {
 width: 245px; 
 float: left;
 clear: none;} 

#contentWell {
 margin: 0;
 padding: 0px 0px 10px 0px;
 width: 245px;
 float: left;
 clear: none;
 background: transparent;}

#contentWell a {
 color: #830E17;
 text-decoration: underline;}
 
#contentWell a:hover {
 color: red;
 text-decoration: underline;}
 
.dh_button { 
 background-color: #D4920D; 
 padding: 5px 25px 8px 25px;
 margin: 0; 
 border:0 none;
 }

input[type="submit"].dh_button:hover {
color: HighlightText;
background: Highlight;
border: 2px green;
outline: 1px solid #000;}

 /* list styling */
/* related topics */
#relatedTopicsContainer {
 width: 290px;
 float: left;
 clear: none;
 background-color: #B8E0B3;
 padding: 10px 0px 0px 0px;
 margin: 0px 0px 20px 0px;
 font: normal 11px Arial, Helvetica, sans-serif;
 color: #5C705A;
 font-size: 9px;
 word-spacing: normal;
 background-image: none;
 font-size: 12px;}
 
#relatedTopicsContainer h5 {
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 16px; 
 color: #206249; 
 background-image: none; 
 background: url(images/) 
 no-repeat;
 margin:0 0 10px;
 }
 
#relatedTopicsContainer h5 span {
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 16px; 
 color: #206249;}
 
#relatedTopics ul li.icon {  /* Jen updated to fix related topics spacing issues */
 padding: 5px 0px 0px 0px;}

#relatedTopicsContainer li,  {
 background-image: url(none);
 background-repeat: no-repeat;
 background-position: none;
 padding-left: 0px;
 margin: 0;}
 
#relatedTopicsBorder {
 background: none; 
 background-color: #B8E0B3;
 width: auto;}
 
#relatedTopics {
 width: 225px; 
 background-color: transparent; 
 padding: 0px 20px 10px 10px; 
 font-size: 11px; 
 margin: 0px;}

#relatedTopics  li {
 padding: 3px 0px 0px 0px;
 margin: 0px 0px 0px 30px;
 background-position: 0.4em 0.8em;}
 
li.icon img {
margin-right: 5px;
border: none;}

#printIcon {
 text-align: right;
 border: none;
 font-size: 11px;
 margin: 0;
 padding: 5px 0;
 clear: both;
 width: 765px;}
 
#printIcon span {
 margin: 0;
 padding: 0;}
 
#printIcon img {
 border: none;
 padding-top: 0px;
 vertical-align: bottom;} 
  
#printIcon a {
 color: #830E17;
 text-decoration: underline;}

#printIcon a:hover {
 color: red;
 text-decoration: underline;}

html>body #leftColumn {
 width: 450px;
 padding: 0px 10px 10px 0;
 margin: 0px;
 float: left;}

#contentWell li {
background-image: url(/stjude/images/global/bullet_square.gif);
background-position:0 5px;
background-repeat: no-repeat;
padding-left: 1.3em;
margin-top: 5px;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
}

#container 
{background-color: white;
background-image: url(/stjude/images/global/dh_repeater_content_area.gif);
background-repeat: repeat-y;
background-attachment: scroll;
background-position: left top;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
width: 777px;
text-align: left;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}

#leftColumn li {
background-image: url(/stjude/images/global/none.gif);
}

#dh_content li { 
list-style: disc;
list-style-position: outside;
margin: 0px 0px 0px 30px;
padding: 0px;
}

#dh_content ul li { 
width: 395px; 
}
/* 9/7/10 updates */
#leftColumn div {
width:435px;
}
#leftColumn li a {
float: none;
display: inline;
text-decoration: none;
background-image: none;
}
#contentWellSpacer {
display:block;
}
html > body #leftColumn #lcNavigation ul {
margin-left:5px;
}
#leftNav, #leftColumn {
background-image:none;
}

#relatedTopics ul li {
line-height:1.4;
padding: 0 0 0 1.3em;

}
#leftNav a, #leftColumn a{
float:none;
}
#dh_content li a:link {text-decoration: underline;}