html { font-size: 100%; }
body {
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}

img { border: 0; }
ul, ul li { margin: 0; padding: 0; list-style: none; }
/* h1, h2, h3, h4, h5 { margin: 0;  padding: 0; } */
td, th { vertical-align: top; font-family: Arial, Helvetica, sans-serif;	font-size: 12px;}
/*p { margin: 0 0 15px 0;  padding: 0; }*/
hr { border: none 0; border-top: 1px solid #D8D8D8; width: 96%; height: 1px; }

.hide { display: none; }
.noborder { border: none !important; }
.nopadding { padding: 0px !important; }
.nomargin { margin: 0px !important; }
.clear { clear: both; }
.center { text-align: center; }
.right { text-align: right; }
.fltright { float: right; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } 
.clearfix { display: inline-block; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; }
.clearfix { display: block; } /* close commented backslash hack */

#ieclearing { display: none; }

#homebg, #bg { background-color:#4a7ead; background-image:url(/portals/stjude/skins/stjude2/bg.jpg); background-repeat: repeat-x; }
#homebg { background-position: center top; }
#bg { background-position: center -84px; }
#shell { width: 1000px; margin: 0 auto; }
#header, #main, #nav, #footer, #rightFoot { clear: both; }


/* Header
----------------------------------------------- */

#homeheader { height: 197px; background: url(/portals/stjude/skins/stjude2/logo2.jpg) no-repeat 155px 0; }
#homelogo { float: left; height: 197px; width: 155px; }
#intro { float: left; width: 455px; padding-top: 80px; padding-right: 10px; line-height: 20px; text-align: right; font-weight: bold; }
#homeImg { float: right; width: 380px; height: 197px; }

#header { height: 112px; }
#topright { float: right; display: block; width: 214px; height: 112px; background: url(/portals/stjude/skins/stjude2/topright.jpg) no-repeat; }

/* Navigation
----------------------------------------------- */

#nav { height: 43px; }
.MainMenu_MenuContainer { width: 785px; padding-top: 10px; height: 33px; }
	.MainMenu_MenuContainer > tbody > tr > td { padding-left: 6px; padding-right: 6px; }
.MainMenu_MenuBar { cursor: pointer; }
.MainMenu_MenuItem { font-size: 14px; font-weight:bold; height: 33px; color: #FFFFFF; cursor: pointer; }
.MainMenu_MenuItemSel { font-size: 14px; font-weight:bold;  height: 33px; color: #FBDF1A;  background: url(/portals/stjude/skins/stjude2/bg_nav.jpg); background-repeat: no-repeat; background-position: center -10px; cursor: pointer; }
.MainMenu_SubMenu { z-index: 1000; background: #F6D923; border: 1px #000000 solid; }
.MainMenu_SubMenu .MainMenu_MenuItem { color: #1557AE; font-size: 13px; font-weight:normal; height: 30px; border-bottom: 1px solid #1557AE; vertical-align: middle; }
.MainMenu_SubMenu .MainMenu_MenuItemSel { background: #1557AE; color: #F6D923; font-size: 13px; font-weight:normal; height: 30px; vertical-align: middle; }

#donate { float: right;	height: 43px; width: 211px; }
    #donate a { background-image: url(/portals/stjude/skins/stjude2/donate_sponsor.gif); display:block; background-repeat: no-repeat; background-position: 0 0; height: 43px; width:211px; text-indent: -9999px; overflow: hidden; }
    #donate a:hover { background-position: 0 -43px !important; }

/* Side Navigation
----------------------------------------------- */

.SideMenu_MenuContainer { width: 177px; padding: 5px 5px 0 5px; background: #FFFFFF; margin-top: 10px; }
	.SideMenu_MenuContainer > tbody > tr > td > table > tbody > tr > td { padding-top: 8px; }
.SideMenu_MenuBar { cursor: pointer; }
.SideMenu_MenuItem { font-size: 14px; height: 39px; color: #000000; cursor: pointer; background: url(/portals/stjude/skins/stjude2/bg_sidenav.gif); background-repeat: repeat-x; background-position: 0 0; cursor: pointer; }
.SideMenu_MenuItemSel { font-size: 14px; height: 39px; color: #FFFFFF; background: url(/portals/stjude/skins/stjude2/bg_sidenav.gif); background-repeat: repeat-x; background-position: 0 -39px; cursor: pointer; }
/* .SideMenu_MenuBreak { height: 5px; background: #FFFFFF; } */


/* Main
----------------------------------------------- */

#main { background: #b4d8fa url(/portals/stjude/skins/stjude2/bg_torn.jpg) repeat-y top right; border-top: #FFFFFF solid 2px; border-bottom: #FFFFFF solid 2px; border-left: #FFFFFF solid 2px; }

#leftCol { float: left; width: 177px; padding: 8px; }
#quicklinks { margin-bottom: 8px; width: 177px; background: #FFFFFF url(/portals/stjude/skins/stjude2/quicklinks_title.gif) no-repeat; }
    #quicklinks ul { padding: 34px 5px 5px 5px; }
	#quicklinks li a { padding:7px 10px 7px 10px; display:block; width:147px; border-top:#CCCCCC dotted 1px; color:#003399; text-decoration:none; }
	#quicklinks li a:hover { text-decoration: underline; color:#000000; }

#rightCol { float: right; width: 173px; padding: 8px 19px 8px 19px; }

#ozstory a { display:block; width: 98px; height: 78px; padding-left: 75px; background-image: url(/portals/stjude/skins/stjude2/ozstory_bg.jpg); background-repeat: no-repeat; background-position: 0 0; }
#ozstory a:hover { background-position: 0 -78px !important; }

#follow ul { float: left; width: 173px; height: 50px; margin: 0px; padding: 0px; }
    #follow li { position: relative; float: left; display: inline; height: 50px; }
    #follow li a { display:block; background-repeat: no-repeat; background-position: 0 0; height: 50px; text-indent: -9999px; overflow: hidden; }
    /*#follow li a:hover { background-position: 0 -50px !important; }*/
    #follow #followfb a { background-image: url(/portals/stjude/skins/stjude2/facebook.gif); width: 57px; }
    #follow #followyt a { background-image: url(/portals/stjude/skins/stjude2/youtube.gif); width: 59px; }
    #follow #followtw a { background-image: url(/portals/stjude/skins/stjude2/twitter.gif); width: 57px; }
	
dl.subscribe { display: block; padding: 0; }
    dl.subscribe dt, dl.subscribe dd { padding: 2px 0 3px 0; }
    dl.subscribe dt { clear: left; float: left; width: 40px; color: #666666; }
    dl.subscribe dd { float: left; width: 130px; margin: 0; padding-left: 2px; }
    dl.subscribe dd input { width: 110px; } 

#rightFoot { display: block; height: 31px; text-align: right; }

#content { float: left; width: 570px; padding: 8px; }
#contentWide { float: left; width: 765px; padding: 8px; }
    #content h1, #content-wide h1 { font-size: 14px; font-weight:normal; line-height:14px; color: #FFFFFF; padding:5px; border: 1px solid #FFFFFF; background-color:#2b679b; }
	#content p, #content-wide p { color:#000000; line-height:18px; padding: 5px; }

#sectionHeadMain, #sectionHeadLeft { background: #FFFFFF; padding: 5px; }
	
.leftPanel, .rightPanel, .mainPanel { margin: 10px 0 20px 0; }
    .leftPanel .actionMenu, .rightPanel .actionMenu, .mainPanel .actionMenu {  }
	.mainPanel .panelHead { padding:5px; border: 5px solid #FFFFFF; background-color:#2b679b; }
	.mainPanel .Head { font-size: 14px; font-weight:bold; line-height:16px; color: #FFFFFF; }
    .leftPanel .Head, .rightPanel .Head { display: none; }
    .leftPanel .panelContent, .rightPanel .panelContent, .mainPanel .panelContent { background: #FFFFFF; }
	.mainPanel .panelContent { padding: 5px; }

	.rightElement { border-bottom: 1px solid #D8D8D8; padding: 10px 0 15px 0; }
	.rightElement h3 { margin: 0;  padding: 0; }

.testimonial { width: 157px; padding:5px 10px 5px 10px; background-color:#FFFFFF; }
    .testimonial .photo { text-align: center; }
	.testimonial .caption { margin: 10px 0 10px 0; font-size: 12px; font-weight: bold; }

.mainPanel table.Settings span.Head { color: #000000; }


.pdfs { margin: 5px 0 10px 0; }
    .pdfs ul { padding: 5px; }
	.pdfs ul li { background: url(/portals/stjude/skins/stjude2/pdf.gif); background-repeat: no-repeat; }
	.pdfs ul li.new { background: url(/portals/stjude/skins/stjude2/new.gif); background-repeat: no-repeat; }
	.pdfs li a { padding:12px 0px 5px 50px; display:block; height:23px; width: 200px; color:#003399; text-decoration:none; }
	.pdfs li a:hover { text-decoration: underline; color:#000000; }

.utils { background: #E5F2FF; width: 560px; height: 190px; margin-top: 10px; }
	.utils ul { float: left; width:  560px; height: 170px; margin: 0px; padding: 10px 0 10px 10px; }
	.utils ul li { position: relative; float: left; display: inline; height: 170px; padding-right: 10px;}
	.utils ul li a { display:block; height: 170px; width: 170px; }

.newsFeature { width: 450px; height: 200px; padding: 10px; }
	.newsFeature a { color: #2B679B; }
	.newsFeature h3 { font-size: 16px; margin: 0 0 5px 0; padding: 0; }
	.newsFeature h3 a { text-decoration: none; }
	.newsFeature h3 a:hover { text-decoration: underline; }
	.newsFeature img { width: 150px; height: 150px; float: left; margin: 0 10px 10px 0; }
	.newsFeature p { margin: 0; padding: 0; }
	.newsFeature .credit { font-size: 11px; }
	.newsFeature .more {  }
	
ul.list { margin: 5px 5px 5px 25px; list-style: circle outside; }
ul.list li { padding: 3px; list-style: circle outside; }
	
.faq { color: #000000; }

.highlight { background: #FCED96; padding: 5px; }

#donations { margin-bottom: 20px; }
#donations .summary { height: 30px; color: #FFFFFF; font-size: 13px; background: url(/portals/stjude/skins/stjude2/bg_donationtotal.jpg); background-repeat: repeat-x; }
	#donations .summary a { display:block; float: left; width: 162px; height: 20px; padding: 7px 5px 3px 5px; background: url(/portals/stjude/skins/stjude2/bg_checkout_btn.jpg); background-repeat: no-repeat; color: #FFFFFF; text-decoration: underline; font-weight: bold;  }
	#donations .summary a.back { display:block; float: left; width: 257px; height: 20px; padding: 7px 5px 3px 40px; background: url(/portals/stjude/skins/stjude2/bg_checkoutback_lrgbtn.jpg); background-repeat: no-repeat; color: #FFFFFF; text-decoration: underline; font-weight: bold;  }
	#donations .summary a:hover { color: #FBDF1A; }
	#donations .summary .total { float: right; padding: 7px 5px 0 0; }
#donations #categories { width: 170px; float: left; }
	#donations #categories li { margin-top: 5px; }
	#donations #categories li a { padding:18px 5px; display:block; height: 16px; background: url(/portals/stjude/skins/stjude2/bg_donationcat.jpg); background-repeat: no-repeat; background-position: 0 0; color:#000000; text-decoration:none;}
	#donations #categories li a:hover, #donations #categories li.current a {background-position: 0 -52px !important; color: #FFFFFF; }
#donations #details { float: left; width: 550px; padding: 0 15px; margin-bottom: 10px; }
	#donations h2 { color: #000000; margin: 10px 0; }
	#donations h3 { font-size: 14px; line-height:16px; color: #000000; margin: 10px 0; padding:5px 0 5px 5px; background-color:#99ccff; }
	#donations #details .option { clear: both; }
		#donations #details .option .brief { float: left; width: 145px; padding-right: 5px; }
		#donations #details .option .add { float: left; width: 110px; height: 220px; padding: 30px 30px 0 260px; margin-bottom: 10px; background-repeat: no-repeat; font-weight: bold; }
#donations .tbl { width: 650px; font-size: 12px; color: #000000; margin-bottom: 10px; }
	#donations .tbl th { padding: 5px; background-color:#99ccff; }
	#donations .tbl td { padding: 5px; }


/* Footer
----------------------------------------------- */

#footer { padding: 5px 5px 20px 5px; color: #FFFFFF; }
    #footer ul { float:right; margin: 0px; }
    #footer li { display: inline; }
    #footer a { padding-right: 7px; margin-right: 4px; border-right: 1px solid #FFFFFF; text-decoration: none; color: #FFFFFF; }
	#footer a.last { border: none; }
    #footer a:hover {text-decoration: underline; }