/* Style Sheet for REF Page - overrides existing styles
-------------------------------------------------------------------*/
a {color:#42abe2;}
#content a { color: #176791;}
.mission {color:#176791; font-weight:bold;}
#content hr {height:0; color:#fff; border-bottom: solid 2px #186791; width: 100%; margin: 16px auto;}
thead th {background:#176791; color:#fff;}
thead th a {color:#fff!important;}

#masthead {
	position:relative;
	height:118px;
}

#masthead h1 {
	position:absolute;
	top:17px;
}

#masthead h1 a {
	background:url('../images/logo_ref.gif') 0px 0px no-repeat;
	width:333px;
	height:86px;
	text-indent:-9999px;
	display:block;
}

/* Utility Nav */

#nav_utility {
position: absolute;
right: 0;
top: 32px;
}

#nav_utility li {
	float:left;
}

#nav_utility li a {
	font-size:.85em;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
	padding:0 10px;
	border-right:1px solid #000;
}

#nav_utility li.last a {
	border-right:none;
	padding-right:0px;
}

#nav_utility li a:hover {
	text-decoration:underline;
}

/* Search */


#input_search {
	position:absolute;
	top:24px;
	right:30px;
	border:1px solid #ccc;
	padding:3px 5px;
	color:#666;
}


#input_submit {
	position:absolute;
	right:0px;
	top:24px;
}

#content input.submit:hover{ 
	cursor:pointer;
	font-weight:bold; 
	background:#42ABE2; 
}



/* GLOBAL NAVIGATION
-------------------------------------------------------------------*/

#nav_global {
	z-index:1000;
	height:38px;
	position:relative;
}

#nav_global ul {
	background:#0c3950 url('../images/nav_global2.gif') 0px 0px no-repeat;
	width:940px;
	height:38px;
	position:relative;
}

#nav_global li {
	position:absolute;
	top:0px;
}

#nav_global li,
#nav_global li a {
	display:block;
	height:38px;
}

#nav_global li a {
	text-indent:-9999px;
}

/* Position the li elements */

#nav_global li.nAboutUs {
	width:158px;
	left:0px;
}

#nav_global li.nAwardsAndGrants {
	width:154px;
	left:163px;
}	

#nav_global li.nResearch {
	width:154px;
	left:323px;
}	

#nav_global li.nWaysToGive {
	width:154px;
	left:483px;
}	

#nav_global li.nPatientsFamilies {
	width:158px;
	left:644px;
}	


#nav_global li.nACRHomepage {
	width:154px;
	left:807px;
}	


#donate {margin-top:20px; 	position:relative;
}

#donate ul {
	width:220px;
	height:215px;
		position:relative;

	background: url('../images/donate_sprite_082011.gif') 0px 0px no-repeat; /*previous image with WOR (donate_sprite_april_2010.jpg)*/
}

#donate li{
position:absolute;
	top:0px;
}

#donate li a {
	text-indent:-9999px;
}

#donate li a {
	display:block;
	height:59px;
}

#donate li.nDontaeNow {
	width:220px;
	left:0px;
	height:59px;
}

#donate li.nBuyPrint {
	width:220px;
	left:0px;
	top: 78px;
	height:59px;
}
/* Deactivated -----------------
#donate li.nWithinReach {
	width:220px;
	left:0px;
	top:156px;
	height:59px;
}
 -----------------------------*/
/* Donate Hover States *******/

#donate li.nDontaeNow a:hover{
	background:url('../images/donate_sprite_april_2010.jpg') -220px 0 no-repeat;
}

 #donate li.nBuyPrint a:hover{
	background:url('../images/donate_sprite_april_2010.jpg') -220px -78px no-repeat;
 }
/* Deactivated -----------------
 #donate li.nWithinReach a:hover{
	background:url('../images/donate_sprite_april_2010.jpg') -220px -156px no-repeat;
 }
  -----------------------------*/
 
 

/* And now, the rollovers	*/

#nav_global li.nAboutUs a:hover {
	background:url('../images/nav_global2.gif') 0px -38px no-repeat;
}	

#nav_global li.nAwardsAndGrants a:hover {
	background:url('../images/nav_global2.gif') -163px -38px no-repeat;
}				

#nav_global li.nResearch a:hover {
	background:url('../images/nav_global2.gif') -323px -38px no-repeat;
}		

#nav_global li.nWaysToGive a:hover {
	background:url('../images/nav_global2.gif') -483px -38px no-repeat;
}		

#nav_global li.nPatientsFamilies a:hover {
	background:url('../images/nav_global2.gif') -644px -38px no-repeat;
}	

#nav_global li.nACRHomepage a:hover {
	background:url('../images/nav_global2.gif') -807px -38px no-repeat;
}		


/* Banner Sprite control from body tags */

#about #banner {height: 53px; background: #76a828 url('../images/banner_sprite2.jpg') 0px 0px no-repeat;}
#awards #banner {height: 53px; background: #76a828 url('../images/banner_sprite2.jpg') 0px -53px no-repeat;}
#research #banner {height: 53px; background: #76a828 url('../images/banner_sprite2.jpg') 0px -106px no-repeat;}
#waystogive #banner {height: 53px; background: #76a828 url('../images/banner_sprite2.jpg') 0px -159px no-repeat;}
#patientsfamilies #banner {height: 53px; background: #76a828 url('../images/banner_sprite2.jpg') 0px -212px no-repeat;}


/* link active banner to active tab */
#about #nav_global li.nAboutUs {
	background:url('../images/nav_global2.gif') 0px -38px no-repeat;
}	

#awards #nav_global li.nAwardsAndGrants {
	background:url('../images/nav_global2.gif') -163px -38px no-repeat;
}				

#research #nav_global li.nResearch{
	background:url('../images/nav_global2.gif') -323px -38px no-repeat;
}		

#waystogive #nav_global li.nWaysToGive {
background:url('../images/nav_global2.gif') -483px -38px no-repeat;
}

#patientsfamilies #nav_global li.nPatientsFamilies {
	background:url('../images/nav_global2.gif') -644px -38px no-repeat;
	
	}









/* CALLOUTS
-------------------------------------------------------------------*/

/*  top */

#callout {
	position:absolute;
	top:0px;
	right:0px;
	z-index:1000;
	border-left:7px solid #fff;
	border-bottom:7px solid #fff;

}

#callout p a {
	background:url('../images/btn_callout_charity.gif') 0px 0px no-repeat;
	width:133px;
	height:62px;
	text-indent:-9999px;
	display:block;
}
#callout p a:hover{	background:url('../images/btn_callout_charity.gif') 0px 0px no-repeat;

	}


/* Carousel 
-------------------------------------------------------------------*/

#main_content{
	position: relative;
	height: 316px; 
	margin-left: 10px;
	overflow: hidden;
	width: 940px;
	background:#0e3e56 url(../images/bkgd_carousel2.gif) repeat-x 0 0;	
}
#carousel {
	height: 316px;
	position: relative;
	margin-left: 0;
	
}

.panel {
	display: block!important; 
	float: left;
	height: 316px;
	width: 940px;
	background-color: transparent;
	position:relative;
	background:#0e3e56 url(../images/bkgd_carousel2.gif) repeat-x 0 0;	
	
}

.panel .headline {
	height:250px;
	left:500px;
	margin-top:70px;
	overflow:auto;
	position:absolute;
	top:0;
	width:440px;
	
}

.panel .photos_links{
	width: 460px;
	position: absolute;
	top: 0;
	left: 0;
	height: 316px;
	overflow: hidden; 
}
.panel .photos_links a.panel_photo{
	position: absolute;
	display: block;
	top: 0;
	width:460px;
	height:292px;
	left: 0;
	 
}



.panel .headline h1 {
	font-size: 2.65em;
	letter-spacing: -2px;
	color:#ffffff;
	background-color:transparent; 
	font-weight:normal;
	text-transform:uppercase;
}

.panel .headline h1 a {
	color:#ffffff;
	text-transform:uppercase;
	background-color:transparent; 
}

.panel .headline h1 a:hover {
	color:#E9DB00;
	background-color:transparent!important; 
	text-decoration:none!important;
}

.panel .headline p {
	color: #fff;
	line-height: 2em;
	margin-bottom:6px;
	padding-right: 40px;
	font-size:.9em;
}

.panel .headline ul li, .panel .headline li a {
	color:#e9db00;
	text-decoration: none;
	font-size: .8em;
	text-transform: uppercase;
	line-height: 2em;
}

.panel .headline li a:hover {
	text-decoration: underline;
}
.panel .headline ul li {
	
	background: url(../images/bullet_yellow.png) no-repeat 0 10px;
	padding-left: 10px;
}

.panel .photos_links .learnmore {
	text-indent:-3000px;
	visibility:hidden;
}

#relatedLinks {
	position:absolute; 
	top:0;
	right:0; 
	width:180px;
	height:24px;
	z-index:1000;
}

#relatedLinks a.learnmore{
	position: absolute;
	bottom:0;
	right:0; 
	height: 24px;
	width: 180px;  
	text-indent: -3000px;
	display:block;
	background:transparent url(../images/btn_learnmore.gif) no-repeat 0 0;
} 

#relatedLinks a.learnmore:hover{
	 background:transparent url(../images/btn_learnmore_off.gif) no-repeat 0 0;	
} 



#carousel_nav {
	position: absolute;
	z-index:11;
	left: 0;
	bottom: 0;
	height: 24px; 
	width: 481px;
}

#carousel_nav a {
	display: block;
	width: 23px;
	height: 24px;
	float: left;
	background: #42abe2;
	margin: 0 21px 0 0;
	text-indent: -3000px;
}

#carousel_nav a.activeSlide, #carousel_nav a:hover {
	background-color: #fff200;
}
#carousel_nav #toggle {
	display: block;
	background-color: #0e3e56;
	width: 60px;
	height: 24px;
	text-indent: -3000px;
	margin:0;
}
.tab .article { 
	background-color: transparent;
} 

/* NB updated 2010-04-16 */
.tab {
	min-height: 250px;
	overflow: visible;
}

#carousel_nav .play {
	background: url(../images/btn_play2.gif) 25px 0 no-repeat;
	background-color: transparent!important;
}

#carousel_nav .pause {
	background: url(../images/btn_pause2.gif) 25px 0 no-repeat;
	background-color: transparent!important;

}
#btn_learnmore {
	position: absolute;
	bottom: 0;
	left: 280px;
	z-index: 1;
	width:180px;
	height:24px;
}



#news_resources #mission h2 {
	background: url(../images/headline_mission.gif) no-repeat 0 0;
text-indent:-9999px;
height:24px;
}

#mission p {margin: 20px 15px 10px 15px;}

#headlinenews{
	background: url(../images/headline_news_ref.gif) no-repeat 0 0;
height:24px;
width:460px;
margin-top: 20px;
}
#headlinenews h1 {margin-bottom:8px;}
#headlinenews h2{
	text-indent:-9999px;}
	
#headlinenews div {margin-top:30px;}	


#relatedLinks a.learnmore{
	position: absolute;
	bottom:0;
	right:0;
	height: 24px;
	width: 270px;  
	text-indent: -3000px;
	display:block;
	background:transparent url(../images/btn_learnmore2.gif) no-repeat 0 0;
} 

#relatedLinks a.learnmore:hover{
	 background:transparent url(../images/btn_learnmore2_off.gif) no-repeat 0 0;	
} 


#contentheader { border-bottom: solid 4px #176791; padding-bottom: 6px; margin-bottom: 12px;}
#contentheader.grid_9 { border-bottom: solid 4px #176791; padding-bottom: 6px; margin-bottom: 12px;}

#bannernav {background:#176791;}

#secondary_nav ul li {color:#0b3950; background:url('../images/bullet_triangle2.gif') 0px 3px no-repeat;	padding-left:15px;	font-family:Arial, Verdana, sans-serif;	font-size:13px;	line-height:1.3em; margin-bottom: 8px;}
#secondary_nav li.current {	background:url('../images/bullet_triangle_down2.gif') 0px 3px no-repeat;	}
#secondary_nav li a { color:#0b3950;}
#secondary_nav ul ul li.active { background:#176798; padding:2px; margin-left:0; padding-left: 30px; }




.widget {

width: 100%;

background: #fff url(../images/bkgd_tab.gif) repeat-x 0 25px;
 

margin-bottom: 15px;

/*margin-left:0!important;
*/margin-top:10px;
}



	.widget a {

	color: #222;

	text-decoration: none;

	}

	

	.widget a:hover {

	color: #009;

	text-decoration: underline;

	}

/* news_resources*/
.widget .tabnav {
	
	height: 24px;
	overflow: hidden;
	margin-top: 0;
}

.widget .tabnav li a {
	background: none;
	display: block; 
	padding-left: 0;
	height: 24px;
	color:#fff!important;
}
.widget .tabnav li {
	height: 24px;
	border-right: 5px;
	border-style: solid;
	border-color: #fff;
	float:left; 
	list-style:none!important;
	margin:0!important;
	background: #176790;
}

.tabnav {
	list-style:none;
}
	.tabnav li {

	}

	

		.tabnav li a {

		text-decoration: none;

		text-transform: uppercase;

		color: #fff;

		font-weight: normal;

		padding:7px 6px!important;

		outline: none;
		font-size:.75em;
		background:#176791;
		}

		

		.tabnav li a:hover, .tabnav li a.active, .tabnav li a:active, .tabnav li.ui-tabs-selected a {

		background: #44aadf;

		color: #222;

		text-decoration: none;
		color:#fff;

		}





#sidebar {background:#176791;}



/* FOOTER
-------------------------------------------------------------------*/

#footer {
	margin-top:50px;
	border-top:5px solid #176791;
	padding:10px;
	
}

 
.tabs table.color th, #content table.color th {background: #216C93 url(../images/gradient_blue.gif) repeat-x top; border-right:solid 1px #E3EFFD;border-bottom: solid 1px #CCC;}
.tabs table.color th, #content table.color tr {background-color:#E3EFFD; }
.tabs a {color:#176791!important;}

#bannernav .white{color:#FFF;}

.stepcurrent {
	background-color:#42ABE2;
	color:#fff;
}

/* N Bond April 19, 2010 */
#loadingScreen.ref { top:0!important; left:0!important; }