

*{
	margin:0px;
	padding:0px;
	outline:none;
}

html, body{		
	height:100%;
	min-height: 100%;
}

#wrapper, #contentWrapper, #contentRight, #contentFull{	
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

body{
	background:url(/site/images/hex_05.jpg) repeat;
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	font-size: 12px;
	line-height: 1.5;
}

a img{
	border:0px;	
	
}

hr {
	padding-top:1px;
	height:5px;
	background:;
	border:none;
	border-bottom:5px solid #E9ECF7;
	margin:12px 0px 8px 0px;
	
	clear:both;
}

hr + h2, hr + p{
	margin-top: 20px;	
}

h1{
	color: #0a7381;
	font-size: 2em;
	margin-bottom:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:-0.5px;
}



h2{
	font-size: 1.4em;	
	color:#384474;
	margin-bottom:14px;
	line-height:1.2;
}

h3{
	font-size: 1.2em;
	margin-top:10px;
	margin-bottom:10px;
	color:#0a7381;
}

h2 + h3, p + h3, p + a h3, p+h2{
	margin-top: 30px;	
}

a{
	color:#039;		
}

a:hover{
	color: #0A7381;
	text-decoration:none;	
}

h2 a{
	color:#384474;
}


h4{
	font-size: 1.1em;
	color: #384474;
	font-style: italic;
	margin-bottom: 25px;
	
	padding-bottom: 10px;
	display:inline-block;
	width:100%;
	border-bottom:5px solid #E9ECF7;
	
}

p{
	color:#151515;
	line-height: 1.7;
	margin-bottom: 15px;
}

li p{
	margin-bottom: 10px;	
}


#wrapper{
	background:url(/site/images/background_02.jpg)  top center repeat-x;	
	width: 100%;
	min-width: 960px;	
}

#backgroundLight{
	width: 100%;
	background:url(/site/images/bglight_02.jpg) top center no-repeat; 
	height: 900px; 
	margin-bottom: -900px;	
}

#topnavbar{
	background:url(/site/images/topnavbar-bg.png)	top center no-repeat;
	width: 683px;
	height: 43px;	
	padding-top: 10px;
	float:right;
	text-align:center;
	margin-bottom: -60px;
	margin-right: -30px;
	padding-left:20px;
}

#topnavbar ul, #topnavbar ul li{
	list-style: none;
	display: inline;

}

#topnavbar a{
	color:#84cdd7;
	padding: 5px 10px 0px 10px;
	text-decoration:none;
}

#topnavbar a:hover{
	color:#f8fbac;
}



#contentWrapper ul, #contentWrapper ol{
	color:#026C79;
	list-style-position:outside;	
	margin-left:25px;
	margin-bottom: 25px;

}


#contentWrapper ul p li, #contentWrapper ol p li{
	color:#000;
	margin-bottom: 10px;	

}

#contentWrapper ul p a, #contentWrapper ol p a{
	color:#384474;
	text-decoration: underline;
}

#contentWrapper ul p a:hover, #contentWrapper ol p a:hover{
	color:#026C79;
	text-decoration: none;
}


#contentWrapper ol.alphabeticList{
	list-style-type:upper-alpha;
	margin-left:35px;
	font-weight:bold;
}

#contentWrapper ol.alphabeticList li a{
	font-weight:normal;	
}



#topContent  {
	width: 960px;
	margin:auto;
}


a.contactBtn{
	display:block;
	width:150px;
	height: 49px;	
	background:url(/site/images/contactus-button.png) top center no-repeat;
	float:right;
	margin-top: -60px;
}


a.contactBtn:hover{
	opacity:0.4;
	filter:alpha(opacity=40);
	
}

a.contactBtn span{
	display:none;
}


#logos{
	padding-top: 60px;	
	width: 704px;
	height: 69px;
	background:url(/site/images/stjude-logo.png) left bottom no-repeat;
	
}

a.linkStJude{
	display:block;
	width: 190px;
	height: 76px;
	float:left;
	cursor:pointer;
	


}

a.linkStJudeResearch{	
	display:block;
	width:250px;
	height: 76px;
	float:left;
	cursor:pointer;	
	

}


#topBox{
	width: 100%;
	height: 267px;
	margin-top: 15px;
}

#contentWrapper{
	background:url(/site/images/contentboxbg_15.png) repeat-y; 
	padding: 15px 10px 0px 25px;
	min-height: 300px;
	overflow:hidden; 
}

#contenttopBG{
	background:url(/site/images/contentboxbg_13.png) top left no-repeat;
	height: 20px;
	margin-bottom: -20px;
}


#contentLeft {	
	float:left; 
	width: 580px;
}

#contentFull{
	width: 97%;
	border:0px;
	padding-left: 10px;
}


#relatedinfo{
	width: 300px;
	float:right;
	padding-left: 15px;
	margin-left:10px;
	border-left:1px dashed #999;
	border-bottom:1px dashed #999;
}



#contentRight, #contentFull{
	padding-bottom: 20px;
	margin-bottom: 35px;
}


#contentRight{
	float:right;
	margin-left: 15px;
}

#footer{
	background:url(/site/images/contentboxbg_19.png) bottom left no-repeat;
	height: 37px;
	width: 100%;
	position:relative;
	bottom: 0px;
	color:#bcbcbc;
	font-size: 0.8em;
	padding-left:25px;	
}

#footer a{
	color:#465282	
}


#searchSiteBox{
	width: 190px;	
	height: 40px;
	background:url(/site/images/searchboxBg.png) top right no-repeat;
	padding:13px 13px 0px 15px;
	margin-top: 75px;
	
	float:right;

}

#searchSiteBox:hover{
	background:url(/site/images/searchboxBgR.png) top right no-repeat;	

}

#searchSiteBox:hover input{
	color:#384474;	
}

div.googlePowered{
	margin-top: 10px;
	color:#888fac;
	font-size: 0.8em;
	float:right;
}


div.searchPaginationLinks{
	margin-bottom: 20px;
	
}

div.searchPaginationLinks a{
	padding: 3px;	
}

div.searchPaginationLinks a:hover{
	background:#888fac;	
	color:white;
}

div.searchPaginationLinks .currentPage{
	padding: 3px;
	border:1px solid #888fac;
	color:#026C79;
	font-weight:bold;
	margin-right: 3px;
}

input#q{
	font-size: 1.2em;
	border:0px;
	background:none;
	color:#fff;	
	width:158px;
	
	

}

input#q:focus{
	color:#384474
}

input#searchSiteSubmit{
	float:right;	
	width: 25px;
	height:28px;
	background:none;
	border:none;
	cursor:pointer;

}

/*##### alphabet  PI list styling ###*/


/*##### alphabet  PI list styling ###*/


h2.piHeading{
	color:white;
	font-size: 1em;
	padding-top:10px;
	margin-left: 15px;
	margin-bottom:20px;
	text-align:left;
	overflow:auto;

}

h2.piHeading span{
	font-size: 0.8em;
	color:#DADDEB;
	background:url(/site/images/greenarrow.gif) center left no-repeat;
	width: 105px;
	display:block;
	float:left;
	padding-left:5px;
}

h2.piHeading a{
	font-size: 0.9em;
	color:#fff;	
	background:#303756;
	padding:0px 6px;
	text-decoration:none;
	margin-right: 2px;
	margin-bottom:2px;
	width: 8px; 
	height: 22px; 
	text-align:center;
	float:left;
	line-height: 2;
	display:inline-block;	
}

h2.piHeading a.clicked{
		background:#026C79
}


h2.piHeading a:hover{
	background:#026C79
}

h2.piHeading a.fullList{
	background:none;
	width:auto;


}



div.PInamelist ul{
	display:none;
	padding-top: 3px;
	padding-bottom: 10px;
	border-top:1px dotted #026C79;
	background:#303756
}

div.PInamelist ul li{
	padding-left:1%;	
	font-size: 0.9em;
}


/*//////////////////Breadcrumbs Stlyle //////////////////////*/

div.breadcrumbs {
	font-size: 0.9em;
	color:#ADBCBC;
	margin-bottom: 15px;	
}

div.breadcrumbs a{
	color:#026C79;
	text-decoration: none;
}

div.breadcrumbs a:hover{
	color:#384474	;
	text-decoration:underline;
}


/*///////////////Corner Picture Header ////////////////////*/

div.headerimage, div.labheaderimage, div.tallheaderimage, div.searchheaderimage{
	background: top right no-repeat; 	
	margin-top: -46px; 
	margin-bottom: -125px; 
	height: 170px;
	
}


div.labheaderimage{
	margin-top: -15px; 
	margin-bottom: -145px; 
	width: 705px;
	background-image:url(/site/images/Lab-header.jpg);
}

div.headerimage, div.searchheaderimage{
	width: 280px;
	float:right;
	margin-right: -23px;
	margin-bottom:0px;

}


div.searchheaderimage{
	margin-top:-15px; 
}

div.tallheaderimage{
	width: 920px;
	height: 250px; 
	margin-bottom: -210px
}

/*/////////////default table style/////////////*/

table{
	border:1px solid #bcc0d1;
	padding:3px;
	text-align:left;
	vertical-align:middle;
	width: 100%;
	margin: 15px 0px;
}

table caption{
	font-size: 1.2em;
	color:#0a7381;
	font-weight:bold;
	text-align:left;
	
}
table.tablesorter td a{
	display:block;
}

table td a:hover{
	color:#0A7381 !important;

}

table td.heading, table tr.heading td, thead tr td, thead th td, thead th{
	background:#FFD67C url(/site/images/tableheader-bg.jpg) top center repeat-x;
	height: 40px;
	padding: 5px;
	font-weight: bold;
	color:#384474;
	font-size:1.1em;
		border-bottom: 1px solid #C6C6DB;	
}

table td.h2, table tr.h2 td, table tr.h2 th, table tbody tr th{
	background:#f4fff7; /* EFF2FC*/
	height: 12px;
	padding: 5px;
	font-weight: bold;
	color:#384474;
	font-size:1.1em;	

}

table tr.h3 td, table td.h3, table tr.h3 th{
	font-weight:bold;
}

table tr{
		background-color:#e2e6f6;
}

table tr:nth-child(odd) { 
	background-color:#e2e6f6; 
}


table tr:nth-child(even) { 
	background-color:#edeef6; 
}



table td{
	padding:4px;

	border-bottom: 1px solid #C6C6DB;	
	
min-height:1px;
}

table td.grey{
	background-color:#CCC	
}


table td.yellow{
	background:#FFCC33;
}

table.table-smtxt{
	width:100%;

	font-size:8.5px;	
}

table.table-smtxt td{
	text-align:left;	
		border-left:1px solid #BCC0D1;	
}

table.table-smtxt td.heading{
	font-size: 1.2em;

}

table td img{
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	
}
table.tablesorter thead th {
	cursor:pointer;
}

th.headerSortUp div { 
    background: url(/site/images/arrowUp.gif) no-repeat top right;
	width:10px;
	height:10px;
	float:right;
} 


th.headerSortDown div{ 
    background: url(/site/images/arrowDn.gif) no-repeat top right; 
	width:10px;
	height:10px;
	float:right;
} 


tr.greenRow td, th.greenRow td{
	background:#5abfcd;
	color:white;
	
}

tr.greenRow td a, th.greenRow td a{
	color:white;
}


/*------------------------------------ Misc styles -------------------------------*/


.smallitalics {
	font-size: 0.8em;	
	color:#384474;
	font-style:italic
}

.smallerText{
	font-size: 0.75em;
}

p.blueNormal{
	color:#384474;	
}

p.greenItalics{
	font-style:italic;
	color:#0A7381;
}

p.portrait-sm{
	display:block;	
	clear:both;
	height: 130px;
}

p.portrait-sm img, img.portrait{
	float:left;
	margin-right: 15px;

	border:1px solid #85cdd6;
	background:#c0d8db;
	padding:3px;
}

p.portrait-sm img{
	width:100px;
	height: 116px;
}

img.portrait{
	margin-bottom: 15px;
	margin-right: 25px;
}


a.linkbox{
	margin-top:15px;
	border:1px solid #cae1e4;
	padding:5px;
	color:#0a7381;
	font-weight:bold;
	text-decoration:none;

	width: 200px;
	display:block;
	
	line-height: 1.2;
	overflow:auto;
}

a.linkbox:hover{
	color:	#53629B;
	background:#EEF0F7;
	border:1px solid #e3e3e3;
}

a.linkbox img{
	float:left;
	margin-right:10px;
	vertical-align: text-top;
}



/*

#contentWrapper p a[rel="external"]:after{
	content: url(/site/images/external-link.gif); 
	margin-left: 2px;
}

#contentWrapper ul li p a[rel="external"]:after{
	content: none; 
}*/


#contentWrapper a[href$='.pdf'], #contentWrapper a[href$='.PDF']{
	/*because of IE can't use after/before selector*/
	/*content: url(/site/images/pdf.gif); 
	margin-left: 2px;*/
	display:inline-block;
	background: transparent url(/site/images/pdf.gif) center right no-repeat;
	padding: 0 20px 0 0;
}
#contentWrapper a[href$='.exe']{
	/*because of IE can't use after/before selector*/
	display:inline-block;
	background: transparent url(/site/images/exe-icon.gif) center right no-repeat;
	padding: 0 20px 0 0;
}

#contentWrapper a[href$='.zip']{
	/*because of IE can't use after/before selector*/
	*display:inline-block;
	*background: transparent url(/site/images/zip-icon.gif) top right no-repeat;
	*padding: 0 20px 0 0;
}


#contentWrapper a[href$='.zip']:after{
	content: url(/site/images/zip-icon.gif); 
	margin-left: 2px;
}


#contentWrapper a[href$='.xls']{
	/*because of IE can't use after/before selector*/
	display:inline-block;
	background: transparent url(/site/images/xls-icon.gif) center right no-repeat;
	padding: 0 20px 0 0;
}

#contentWrapper a[href$='.doc']{
	/*because of IE can't use after/before selector*/
	display:inline-block;
	background: transparent url(/site/images/doc-icon.gif) center right no-repeat;
	padding: 0 20px 0 0;
}

#contentWrapper a[href$='.ppt']{
	/*because of IE can't use after/before selector*/
	display:inline-block;
	background: transparent url(/site/images/ppt-icon.gif) center right no-repeat;
	padding: 0 20px 0 0;
}



#contentWrapper a[href$='.txt'], #contentWrapper a[href$='.TXT']{
	/*because of IE can't use after/before selector*/
	display:inline-block;
	background: transparent url(/site/images/txt-icon.gif) center right no-repeat;
	padding: 0 20px 0 0;
}

/*
#contentFull h1, #contentFull > h2, #contentFull > p.smallitalics{
	width:73%;	
}*/


#contentWrapper dt{
	font-weight:bold;
	color:#384474;
}

#contentWrapper dl{

}

#contentWrapper dd{
	margin-bottom: 15px;
	margin-left: 10px;	
}

.floatRight{
	float:right;
	margin-left:10px;
}

.floatleft{
	float:left;
	margin-right:10px;
}

.clear{
	clear:both	
}

.indentLeft{
	margin-left: 25px;	
	margin-right: 25px;
}


li p a.supplemental{
	color:#666  !important;
	margin-top: -5px;
	background-color:#e2e5f2;
	padding:3px 5px;
	text-decoration:none !important;
	margin-bottom: 20px;
}


img.centerImg{
	margin:auto;
	display:block;
}

div.highlightBox{
	float:right;
	margin:10px;
	font-size:1.2em;
	line-height: 1.1;
}

div.blueOutlinedBox{
	padding: 15px;
	border: 3px double #b2b6c9;
	margin-bottom: 25px;
	
}

div.fixedLinkBox{
	
	position:fixed; 
	margin-left: 650px; 
	margin-top: 60px; 
	width: 240px;
}

div.fixedLinkBox a{
	
	font-size: 0.9em;
	color:#fff;	
	background:#999;
	padding:0px 6px;
	text-decoration:none;
	margin-right: 2px;
	margin-bottom:4px;
	width: 8px; 
	height: 22px; 
	text-align:center;

	line-height: 2;
	display:inline-block;		
}

div.fixedLinkBox a:hover{
		background:#0a7381;
}

div.fixedLinkBox a.clicked{
	background:	#0A7381
}


#contentWrapper div.blueOutlinedBox ul{
	margin-bottom: 0px;	

}

.bigLetter{
	float:left;
	margin-right: 45px;
	letter-spacing:-8px;
	font-size: 10em;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	color:#0A7381;
	line-height:1;
margin-left: 10px;
	
}

.greenText{

	color:#0A7381;
}

