                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
/* CSS Document */

/*
TABLE OF CONTENTS:

	RESET
	GLOBAL
		LEFT NAV
		CONTENT
		BOTTOM
	FLUFF
	
	
NOTES:

Last Update By: RR
Date of Update: 9/28
Comment:
** Added a margin-bottom of 10 to .content ul li to space out the li in the Links page
** Added a anchor style to h2
*/


/*----------------------------------------------
	RESET	RESET	RESET	RESET	RESET
-----------------------------------------------*/

*{
	padding:0;
	margin:0;
	border:0px none;
}

body{
	background:url(/assets/root/images/bg_body.jpg) repeat top left;
	text-align:center;
	font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:160%;
}

form, body, html{
	height:100%;
}

.field #btnStep3Next{
width:195px;
}

h1{
	color:#00535e;
	font-size:17px;
	line-height:1.5em;
}

h2{
	font-size:14px;
	line-height:1.2em;
	color:#6eb43f;
margin:0px 0 5px;
}

.content h2 a:link,
.content h2 a:visited,
.content h2 a:active,
.content h2 a:hover{
color:#6eb43f;

}

p{
	line-height:1.3em;
font-size:11px;
}

hr{
 border-bottom:1px dashed grey;
margin: 10px 0 5px;
}

/*----------------------------------------------
	END RESET	END RESET	END RESET	
-----------------------------------------------*/


/*-----------------------------------------------
	GLOBAL	GLOBAL	GLOBAL	GLOBAL	GLOBAL
-------------------------------------------------*/
table.wrap{
	height:100%;	
	width:100%;
}

.margBtm{
margin-bottom:4px;
}

#wrap-rt{
	background:transparent url(/assets/root/images/bg_bodyRt.jpg) no-repeat scroll right top;
	height:100%;
}
	#wrap{				
		position:relative;
		text-align:left;
		margin:0 auto;
		width:984px;
		height:100%
	}

.header-img{
	background: url(/assets/root/images/pageImages/brf-final-1.gif) no-repeat top right;
	min-height:300px;
	padding:60px 0 0;
	z-index:2;
}
* html .header-img{
height:300px;
}

#flash-logo{
margin:0 0 0 4px;
}

#body{
	width:563px;
	z-index:3;
	float:left;
	display:inline;
}

#body .content-top{
	background:transparent url(/assets/root/images/bg_body_2.png) no-repeat scroll -1px -2px;
	margin:150px 0 0 11px;
	padding:5px 0 0 0;
	width:563px;
}
#body .content{
	background:url(/assets/root/images/bg_body-rpt.png) repeat-y center top;
	margin:0 0px 0 3px;
	padding:14px 95px 25px 35px;
min-height:337px;

}
* html #body .content{
height:337px;
}

.content ul{
padding:0 0 0 40px;
}
.content ul li { /* Added 9/28 RR */
margin:0 0 10px;
}

* html height{337px;}

.tr-top{
	background:transparent url(/assets/root/images/bg_tr-top-rpt.jpg) repeat-y scroll left top;
}


.content a:link,
.content a:visited,
.content a:active{
     color:#000;
}.content a:hover{text-decoration:none;}

		/* ~~ BEGIN @group LEFT NAV ~~ */
		
		
			.left-nav{
				background:url(/assets/root/images/bg_leftnav-repeat.jpg) repeat-y top left;
				z-index:1;
			}
			.left-nav-top{
				background:url(/assets/root/images/bg_leftnav-top.jpg) no-repeat top left;
			}
			
			.left-nav .nav{
				float:left;
				width:217px;
				display:inline;
			}
			
				.left-nav .nav ul, .left-nav .call-out{
					margin:30px 0 0 39px;
				}
			
				.left-nav .nav ul li{
					margin:0 0 12px;	
					padding:2px 0;	
					list-style:none;			
				}
				
				.left-nav .nav ul li a{
					display:block;
					height:15px;
					background-repeat:no-repeat;
					background-position:0 0;	
float:left;
					width:150px;			
				}				
				
				.left-nav .nav ul li a.exp{
					float:left;					
					background-image:url(/assets/root/images/nav_exp.gif);
					background-repeat:no-repeat;
					width:10px;
					margin:0;
				}
				
				.left-nav .nav ul li.selected a{
					background-position:0px -15px;
				}
				
				.left-nav .nav ul li a:hover{
					background-position:bottom left;
				}
				
					li.about-us a{
						background-image:url(/assets/root/images/nav_about-us.gif);
					}					
					li.current-research a{
						background-image:url(/assets/root/images/nav_current-research.gif);
					}
					li.success-stories a{
						background-image:url(/assets/root/images/nav_success-stories.gif);
					}
					li.support-research a{
						background-image:url(/assets/root/images/nav_support-research.gif);
					}
					li.resources a{
						background-image:url(/assets/root/images/nav_resources.gif);
					}
					li.events a{
						background-image:url(/assets/root/images/nav_events.gif);
					}
					li.for-researches a{
						background-image:url(/assets/root/images/nav_for-researches.gif);
					}
					li.for-board-members a{
						background-image:url(/assets/root/images/nav_for-board-members.gif);
					}
					

				
				
				.left-nav .nav ul li ul{
					display:none;
					margin:0;
				}
				
					.left-nav .nav ul li.selected ul{
						display:block;
						margin:0 0 0 15px;
					}
				
				.left-nav .nav ul li ul li{
					margin:0px 0 0;

				}
				.left-nav .nav ul li ul li a{					
					height:auto;
					color:#010101;
					background-image:none;
					font-weight:bold;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
					margin:0 0 4px;
					text-decoration:none;
					display:inline;
					padding:3px 4px;
					float:left;
					clear:both;
width:auto;line-height:13px;
				}
				.left-nav .nav ul li ul li a:hover, .left-nav .nav ul li .sub-nav li.selected a{
					background:#ccd859;
				}


.left-nav .nav ul li ul li.Private, .left-nav .nav ul li ul li.Corporate{
margin: 0 0 0 15px;
}

		/* ~~ END @group LEFT NAV ~~ */
		
		
		
		
		/* ~~ BEGIN @group CONTENT ~~ */
.call-out{
width:163px;
}
.call-out span{
color:#00535E;
background:#bbdba4;
border:1px dashed #6EB43F;
padding:10px;
display:block
}
.call-out div{
margin:10px 0 0;
font-style:italic;
}
			.btnContainer{
				position:absolute;
				right:119px;
				top:/*285px;*/ 360px;
			}
			
			.donate{
				display:block;
				background:url(/assets/root/images/btn_donate.gif) no-repeat top left;
				width:152px;
				height:97px;
			}
			.donate:hover{
				background-position:left bottom;
			}
			
			.callout{
				display:block;
				background:url(/assets/root/images/btn_donate.gif) no-repeat top left;
				width:137px;
				height:87px;
				margin-top:15px;
			}.callout:hover{background-position:left bottom;}
			
			.tac-nav, .fnt-size{
				color:#E7674B;
padding:11px 15px 0;
float:right;
			}
			.fnt-size{
background:url("/assets/root/images/bg_body-rpt.png") repeat-y scroll 4px 5px transparent;
color:#000000;
float:none;
height:28px;

			}
			
			
			.fnt-size .sm{
				font-size:11px;				
			}
			.fnt-size .med{
				font-size:14px;
			}
			.fnt-size .lg{
				font-size:16px;
			}
/*			
.tac-nav{
background:url("/assets/root/images/bg_body-rpt.png") repeat-y scroll -25px 27px transparent;
margin:0 6px 0 0;
width:292px;
height:28px;
}

*/
				.tac-nav a{
					text-decoration:none;
					color:#e7674b;
					font-size:11px;
				}
				.tac-nav a:hover{
					text-decoration:underline;
				}
				.fnt-size a{
					color:#000;										
				}.fnt-size a:hover{
					text-decoration:none;
				}

#social-search{
width:553px;
height:41px;
margin:0 0 0 4px;
padding:5px 0 0 0;
border-bottom:1 px solid #cebb6d;
background-color:#fae973;
}
#social,#search{
float:right;
width:253px;
}
.searchBox {
	float:right;
	width:250px;
	border:0px none;
	margin:8px 0 0 0;
	display:inline;
}

.searchBox legend {
	display:none;
}

.searchBox div {
	float:left;
	padding:0;
	text-align:left;
}

.searchBox div {
	position:relative;

}

.searchBox input#ctl01_btnSearch {
	border:0px none;
	background:url(/assets/root/images/btn_searchSubmit.gif) repeat-x top left;
	font-size:11px;
	height:21px;
color:#fff;
	margin:2px 0px 0px 10px;
	padding:0px 0px 5px 0px;
	width:54px;
	cursor:default;
	cursor:pointer;
}

.searchBox #ctl01_tbSearch {
	border:1px solid #000;
	color:#000;
	font-size:14px;
	width:165px;
	padding:2px;
	background:#F5F4F2
}

/* TEST  */
#search .txtSearch  {
	border:1px solid #000;
	color:#000;
	font-size:14px;
	width:165px;
	padding:2px;
	background:#F5F4F2
}


#search .btn {
	border:0px none;
	background:url(/assets/root/images/btn_searchSubmit.gif) repeat-x top left;
	font-size:11px;
	height:21px;
color:#fff;
	margin:2px 0 0 10px;
padding:0 0 5px;
	width:54px;
	cursor:default;
	cursor:pointer;
}





.searchBox label {

	
}
.searchBox #ctl01_Label1{
display:none;
}
#social-search #social{
display:none;
}

h1.search{
color:#006571;
font-size:20px;
border-bottom:1px solid #006571;
margin:0 0 10px 0;
}
h2.searchResults{
font-size:12px;
color:#006571;
}
h3.searchHeading, h3.searchHeading a:link, h3.searchHeading a:visited, h3.searchHeading a:active{
font-size:16px;
color:#75b347;
text-decoration:none;
}

ul.resultsList li{
list-style-type:none;
}
ul.resultsList{
margin:0 0 0 -40px;
}
span.searchDesc{
font-size:11px;
color:#191a1a;
}

		
.staff div {
background:white none repeat scroll 0 0;
border:1px solid #00535E;
display:block;
left:445px;
margin-top:-13px;

padding:10px;
position:absolute;
width:303px;
}
.staff div img{
float:left;
margin:5px 5px 0px 0;
}

#addToCart{
background:#00535E none repeat scroll 0 0;
color:#FFFFFF;
/*display:block;*/
padding:5px;
text-align:center;
text-decoration:none;
/*width:75px;*/
border:1px solid #00818F;
}

.e-card-container{
text-align:center;
padding:0 0 25px 7px;
}

.e-card{
	float:left;
	margin:0 20px 0 0;
}
.e-card-image{
border:1px solid #00535E;
cursor:pointer;
padding:1px;
margin:0 0 5px;
}

.pdfAlign{
vertical-align:middle;
}

.validation-summary-errors{color:red;}


		/* ~~ END @group CONTENT ~~ */
		
		
		/* ~~ END @group BOTTOM ~~ */
		
		#bottom{
			background: url(/assets/root/images/bg_footer.jpg) repeat-y left top;
		}
		
		
		#bottom div{
			font-size:10px;
			margin:0 0 0 232px;
			padding:15px 0;
			text-align:center;
			width:553px;
		}
		
		#bottom div a{
			font-size:10px;
			color:#000;
			text-decoration:none;
		}
		#bottom div a:hover{
			text-decoration:underline;
		}

		/* ~~ END @group BOTTOM ~~ */

/*-----------------------------------------------
	END GLOBAL	END GLOBAL	END GLOBAL	
-------------------------------------------------*/


/*------ MADE the call out on the left-rail a link --- RR 5/26/10 --- */
.call-out{
display:block;
} 

#Home .left-nav .call-out{
display:block;
margin:30px 0 0 39px;
text-decoration:none;
}
a.call-out{
background:url(/assets/root/images/tap-into-25.gif);
width:137px;
height:185px;
}    
a.call-out:hover{
background-position:bottom right;
}

    .call-out span{
display:none;
}
    



/*-----------------------------------------------
	FLUFF	FLUFF	FLUFF	FLUFF	FLUFF
-------------------------------------------------*/


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


.hidden{
	display:none;
}

/*-----------------------------------------------
	END FLUFF	END FLUFF	END FLUFF	
-------------------------------------------------*/
.error {
color:#FF0000;
}
    
/*--------------------------------------------
	Content font-sizes
---------------------------------------------*/	

#med{
	font-size:14px;
}
#med p{
	font-size:14px;
}
#med h2 {
font-size:16px;
}
#med h1 {
font-size:19px;
}


#lg{
	font-size:16px;	
}
#lg p{
	font-size:16px;	
}
#lg h2 {
font-size:18px;
}
#lg h1 {
font-size:21px;
}

.comment{font-size:9px;}

.filebrowse{margin:0 0 4px; display:block;}


/*#RSSFeed{font-size:11px;}*/
#RSSFeed .date{font-style:italic;/*margin-top:20px;*/}
#RSSFeed h3{margin:5px 0px;}
#RSSFeed .story{margin-bottom:30px;}
#RSSFeed, #RSSFeed p{line-height:160%;}

   
#loading{
background:#00003A url(../../../assets/root/images/icons/ga-loader.gif) no-repeat scroll center center;
opacity:0.0;
filter: progidXImageTransform.Microsoft.Alpha(Opacity=0);
-ms-filter: "progidXImageTransform.Microsoft.Alpha(Opacity=0)";
height:100%;
left:0;
position:absolute;
text-align:center;
font-size:0;
top:0;
width:100%;
}

.social{
margin:10px 15px 0;
font-size:11px;
}

.social img{
margin:0 5px;
vertical-align:middle;
}

    
/*--------------------------------------------
	Event Page
---------------------------------------------*/

#event { font-size:12px; }
#event h3 { color:#00535e; margin-bottom:20px; font-size:14px; }
#event h2 { font-size:12px; }
#event p { font-size:12px; }
#event .eventImage { position:relative; margin-top:15px; }
#event .eventImage a { position:absolute; bottom:0; right:0; padding:5px; background:#fff; font-size:10px;
 opacity:0.5;  
filter:alpha(opacity=50);  
-moz-opacity:0.5;  
text-decoration:none;
 }
#event #meta { margin:15px 0; }
#event #details, #event #sponsors { padding:10px 0; }
#event #details { width:278px; float:left; border-right:2px dotted #333; padding-right:10px; }
#event #sponsors{float:right; width:110px}
#event #sponsors ul,
#event #details ul { padding:0; }
#event #sponsors ul li,
#event #details ul li { list-style:none; }
#event #details ul li span { color:#00535e; }
#event #sponsors ul li { text-align:center; }
#event #sponsors span { display:block; text-align:center; margin-bottom:15px; color:#979797; }
#event .form { background:#f5f5f5; border:1px solid #c9c9c9; clear:both; font-size:12px; padding:20px; }
#event .form .type { padding-left:10px; }
#event .form .group { margin-bottom:0px 10px 15px 10px; }
#event .form input { border:1px solid #999999; font-size:12px; padding:4px; }
#event .form input[type='checkbox'] { border:none; }
#event .form input.namebox { margin:4px 0; width:190px; float:left; }
#event .form input.skuQty { width:25px; }
#event .form span.qty { padding: 4px 0px 4px 50px; }
#event .form p label { padding:4px 0; margin:2px 0 0; float:right; width:176px; }
#event .form .item { font-style:bold; }
#event .form .item strong { width:155px; display:block; padding:4px 0; float:left; }
#event .form p.instructions { color:#616161; font-weight:bold; padding:15px 0; }

#event .form #donate { background:#686868; border:2px solid #b2b0b1; padding:15px; margin-bottom:15px; color:#fff; clear:left; }
#event .form #donate b { color:#f2e450; display:block; text-align:center; padding:5px 0; }
#event .form #donate .notes { width:270px; }
#event .form #donate .donationAmount { float:right; margin:35px 0; }
#event .form #donate .donationAmount input { margin:0 4px; }
#event .form #addToCart { padding:6px; }

.clearfix:after {
      content: "EasyClear";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}

html>body .clearfix { display: block; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }

hr.eventHR{
border:0px none;
border-bottom: 1px solid #bababa;
margin:0 10px 25px;
}    

    
#event #details ul li span.details{
display:block;
width:225px;
float:right;
color:#000;
}
    
p.comments-meta{
margin:0 0 25px;
}

    

    .callEvents .btnContainer .events, .callFuture .btnContainer .events{
display:none;
}

  .fb_edge_widget_with_comment fb_iframe_widget iframe{

display:none;
}

.comments-meta   textarea{
border:1px solid #999999;
width:75%;
height:100px;

}

    

    