@charset "utf-8";



body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#333; background:#f2f2f2 url(/images/site_bg.jpg) 50% -10px no-repeat;
			 line-height: 1.35em; }

body,div,table,tr,td,form,hr,h1,h2,h3,h4,h5,p,ul,ol,input,select { margin: 0; padding: 0; }

h1,h2,h3,h4,h5 { color: #2C4C63; font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif; letter-spacing: +1px; }
h1 { font-size: 27px; line-height: 26px; padding-top: 15px; margin-bottom: 20px; border-bottom: solid 1px #CAE1F3; color: #0b6497; width: 100%; }
h2 { font-size: 24px !important; color: #000000; }
h3 { background: url(/images/h3bg.jpg) 0 50% no-repeat; padding-left: 20px; color: #2b7aa7; font-size: 15px; }

/*----Header Links----*/
h3 a, h3 a:visited, h3 a:link { text-decoration: none; color:#0b6497; }
	h3 a:hover { text-decoration:underline; color: #0b6497; }

ul,ol,p { margin-bottom: 15px; }
li { margin-bottom: 8px; }
a, a:visited, a:link { color: #0b6497; }

div.reset, span.reset { clear: both; font-size: 0px; height: 0px; line-height: 0px; }

#container { width:1000px; margin: 0 auto; padding: 0 0 10px 0; background:#fff; }

#navigation { width:1000px; margin: 0 auto; background:#365E78; margin: 20px auto 0 auto; color:#fff; 
	-moz-background-clip: border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	}

/* Navigation Styles */
div#navBanner { 
	/* height: 149px; background: url(images/20100122_homeTopBannerBg.jpg) top left no-repeat #FFFFFF; */
	height: 150px; background: url(/images/new-header.jpg) top left no-repeat #FFFFFF; 
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px; }
	div#navBanner #crfLogo { display: block; width: 370px; height: 149px; margin: 0 30px; float: left; }
	div#navBanner #crfLogo span { display: none; }
	
	div#navBanner #registerLinks { width: 220px; float: right; padding: 20px 20px 0 0; }
	div#navBanner #nav_registerLinks { width: 220px; float: left; text-align:center; padding: 0px 20px 0 130px; margin:0px 0 0 0; }

#navBanner #logo_link
{
    float: left;
    width:500px;
}
#navBanner #banner
{
    float: left;
    width:300px;
}
#navBanner #red_banner 
{ 
	padding:0 0 0 430px;
	margin:-95px 30px 0 0px; 
	width: 740px; 
	height: 50px; 
	line-height:30px;
	text-align: center; 
	font-size: 18px !important;
	color: rgb(255,69,88); 
	font-family: 'Vollkorn', Arial, Helvetica, sans-serif; 
	font-style:italic;
	font-weight:bold;
	float:left;
  display: block; 
}
#navBanner #red_banner_pages
{ 
 	padding: 0;
    margin:30px 0px 0 20px; 
	width: 400px; 
	height: 50px; 
	line-height:26px;
	text-align: center; 
	font-size: 20px !important;
	font-family: 'Vollkorn', Arial, Helvetica, sans-serif; 
	font-style:italic;
	font-weight:bold;
	float:left;
    display: block; 
	color: rgb(255,69,88); 
}
#navBanner a
{ 
	color: rgb(255,69,88); 
	text-decoration: none;
}

ul#mainNav { height: 34px; line-height: 34px; margin: 0px; padding: -5px 0px 0px 95px; 
	background: url(/images/navMainNav_mainBg.png) top center repeat-y #2c4d64;}
	ul#mainNav li { height: 34px; float: left; margin: 0 3px; list-style: none; font-weight: 900; }
	ul#mainNav li a:hover { background: url(/images/navMainNav_mainRolloverBg.png) repeat-x 0 0; }
		
		/* Selected States (Active Page) */

		
	ul#mainNav li a { display: block; color: rgb(255,255,255); padding: 0px 11px; text-decoration: none; font-size: 13px; letter-spacing: 1px; }
ul#subNav { height: 29px; line-height: 29px; margin: 0px; padding: 0px 0px 0px 7px; background: #3485c7; }
	ul#subNav li { height: 29px; float: left; margin: 0px 3px 0px 2px; list-style: none; font-weight: 900; }
	ul#subNav li a { display: block; color: rgb(255,255,255); padding: 0px 4px; text-decoration: none; font-size: 10px; }
		ul#subNav li a:hover { color: #ffd205; }

#homeWrapper { }
#homeFloat { }

#CCIR { 
	font-family: 'Vollkorn', Arial, Helvetica, sans-serif; 
    font-size: 26px; 
    font-weight: bold; 
    font-style:italic; 
    padding:5px 0 15px 0px; 
}
#ccir_img { float:left; padding-right:30px; }

#layoutWrapper { padding-bottom:20px; background:url(/images/layout_wrapper_bg.jpg) #fff repeat-x; /*border:solid 2px brown;*/}
#leftPics { float:left; width:236px; padding-right:20px; }
.noCols #content { width:810px; padding:0 20px 0 20px; }
.twoCols #content { float:left; width:700px; padding:0; }
#content_left { float:left; width:490px; }
#content_right { float:left; width:200px; padding-left:10px; }

span.reset, div.reset{ clear:both; width:100%; } 

/* Alertbox */
#alertBox { margin: 0 auto; width: 920px; background: url(/images/alertBox_Bg.png) top center repeat-x rgb(255,244,194); padding: 3px 40px; }
	
	#alertBox div.expand { font-size: 16px; padding: 5px 0 5px 15px; background: url(/images/alertBox_arrowR.png) left no-repeat; display: block; }
	#alertBox div.expand a { text-decoration: none !important; color: rgb(41,69,88);  }
	#alertBox div.open { background: url(/images/alertBox_arrowD.png) left no-repeat; }
	#alertBox .collapse { display: none; padding: 15px 0 15px 0; }
	
	#alertBox p { font-size: 14px; line-height: 19px; margin: 0 285px 15px 15px; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; }
	
	#alertBox a.ceebox { display: block; text-align: center; text-decoration: none; line-height: 35px; font-size: 13px; float: right; margin: 3px 0 0 0;
		color: rgb(0,0,0); }


/* Footer */
#footer { margin: 0 auto; width: 1000px; }
#footer #footerUtilityBox a, #footer #footerUtilityBox a:visited { color:#1d4666; }
#footer #footerUtilityBox { height: 88px; padding: 12px 12px 12px 12px; color: #1d4666;
	background:url(/images/20100122_footerBg.jpg) bottom right no-repeat #1d4666; 
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	}
	#footer #footerUtilityBox #connectText { padding: 38px 40px 38px 29px; }
	#footer #footerUtilityBox .connectLogo { margin: 14px 0px 11px 0px; padding: 10px 5px; }
	
#footer #footerCopyrights { padding: 10px 0; text-align: center; font-size: 10px; color: rgb(150,150,150); }

a, a:visited { text-decoration:underline; }
a:hover { text-decoration:none; }

/* Section Specific Styles */
	#content ul, #content ol { padding-left: 40px; }
	
	/* Home Page Styles */
	body#pgid1 #jqElements { padding: 10px 0 0px 70px; }
	body#pgid1 #photoSets { width: 850px; height: 162px; overflow: hidden; }
	body#pgid1 #tagLine { padding: 0 40px; height: 40px; overflow: hidden; display: block; list-style: none; }
		body#pgid1 #tagLine li.tagQuote { display: block; width: 770px; height: 40px; line-height: 40px; text-align: center; font-size: 28px !important;
			color: rgb(41,69,88); font-family: 'Vollkorn', arial, helvetica, sans-serif; font-style:italic; }

		/* Home Bottom Sections */
		body#pgid1 #sectionBlocks a:hover { color: rgb(35,71,98); }
		
		body#pgid1 #sectionBlocks { margin: 0px 40px 0px 40px; background: url(/images/20100122_homeBlocks_mainBg.png) center top repeat-x; height: 330px;
			-moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; position: relative; }
			body#pgid1 div#sectionBlocks div.sectionBlock { width: 304px; height: 320px; margin: 0px 0px 0px 4px; float: left;
				background: url(/images/20100122_homeBlocks_blockBg.png) center 30px repeat-x rgb(255,255,255); }
				body#pgid1 div#sectionBlocks div.sectionBlock .blockCopy { padding: 10px 10px 0 10px; }
				body#pgid1 div#sectionBlocks div.first { margin: 0px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; }
				body#pgid1 div#sectionBlocks div.last { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; }
				body#pgid1 div#sectionBlocks div.sectionBlock a.blockHeaderTitle { display: block; background: rgb(39,96,141); -moz-background-clip: border;
					-moz-background-inline-policy: continuous; -moz-background-origin: padding; text-decoration: none !important; text-align: center; height: 30px;
					line-height: 30px; }
				body#pgid1 div#sectionBlocks div.first a.blockHeaderTitle { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; }
				body#pgid1 div#sectionBlocks div.last a.blockHeaderTitle { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; }
				body#pgid1 div#sectionBlocks div.sectionBlock a.blockHeaderTitle h4 { display: block; padding: 0 8px 0 8px; 
					color: rgb(255,255,255); font-size: 18px; font-weight: 900; text-decoration: none; }
					
			/* Community News Block */
			body#pgid1 #sectionBlocks #blockCommunity { }
				body#pgid1 #sectionBlocks #blockCommunity ul { list-style: none; list-style-position: outside; margin: 0 0 5px 0; }
				body#pgid1 #sectionBlocks #blockCommunity ul li { font-size: 14px; line-height: 15px; margin: 0 0 5px 0; padding: 0 0 0 20px; background: url(/forums/images/buttons/lastpost-right.png) 0 3px no-repeat; }
				body#pgid1 #sectionBlocks #blockCommunity ul li a { text-decoration: none;  }
				
			/* Community Research Block */
			body#pgid1 #sectionBlocks #blockResearch a.blockHeaderTitle { background: rgb(82,130,170); }
				body#pgid1 #sectionBlocks #blockResearch ul { list-style: none; list-style-position: outside; margin: 0 0 5px 0; }
				body#pgid1 #sectionBlocks #blockResearch ul li { font-size: 14px; line-height: 15px; margin: 0 0 5px 0; padding: 0 0 0 20px; background: url(/forums/images/buttons/lastpost-right.png) 0 3px no-repeat; }
				body#pgid1 #sectionBlocks #blockResearch ul li a { text-decoration: none; }
				body#pgid1 #sectionBlocks #blockResearch #researchVid { background: url(/images/home_featuredVideosListBullet.png) no-repeat 5px 7px; display: block;
					height: 22px; margin: 0 20px; padding: 7px 0 0 30px; text-decoration: none; font-size: 15px; font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif; }

			/* Community News Block */
			body#pgid1 #sectionBlocks #blockNews { }
				body#pgid1 #sectionBlocks #blockNews .blockCopy { height: 170px; overflow: hidden; }
				body#pgid1 #sectionBlocks #blockNews ul { list-style: none; list-style-position: outside; margin: 0 0 5px 0; }
				body#pgid1 #sectionBlocks #blockNews ul li { font-size: 14px; line-height: 15px; margin: 0 0 5px 0; padding: 0 0 0 20px; background: url(/forums/images/buttons/lastpost-right.png) 0 3px no-repeat; }
				body#pgid1 #sectionBlocks #blockNews ul li a { text-decoration: none;  }

			body#pgid1 #sectionBlocks ul { list-style-position: inside; }
			body#pgid1 #sectionBlocks ul li { }
			
			body#pgid1 #sectionBlocks ul li:hover { background: url(/forums/images/buttons/viewpost.gif) 0 3px no-repeat !important; }
		
		    #sectionBlocks #videoBottomBanner {position: absolute; bottom: 5px; right: 5px; width: 596px; height: 100px;}	
					
	
	/*----Floating Login Forms----*/
	.floatingLogin { width: 200px;  padding: 0px 10px 10px 10px; float: right; }
	.floatingLoginInner { width: 180px;  padding: 5px 10px 5px 10px; border: 1px solid rgb(240,240,240); }
	.floatingLoginInner:hover { background: rgb(250,250,255); border: 1px solid rgb(230,230,230); }
	.floatingLoginHeaderText { clear: both; display: block; color: #0b6497; font-size: 16px; font-weight: 900; padding: 0px 0px 5px 0px; }
	.floatingLoginText { clear: both; display: block; color: rgb(20,20,20); font-size: 10px; line-height: 12px; text-align: center; }
	.floatingLoginFormLabel { clear: both; display: block; color: rgb(120,120,120); font-size: 12px; padding: 0px 0px 1px 0px; letter-spacing: +1px; }
	.floatingLoginTextbox { width: 171px; border: 1px solid rgb(180,180,180); padding: 2px 2px 2px 2px; color: #0b6497; }
	.floatingLoginTextbox:hover { border: 1px solid rgb(160,160,160); background: rgb(230,230,245); }
	.floatingLoginSubmit { padding: 0px 2px 2px 2px; margin: 5px 0px 0px 0px; border: 1px solid rgb(180,180,180); background: rgb(240,240,240); color: rgb(100,100,100); font-size: 12px; }
	.floatingLoginSubmit:hover { border: 1px solid rgb(120,120,120); background: rgb(180,180,180); }
	.floatingLoginError { width: 165px; clear: both; display: block; color: #FF0000; font-size: 10px; margin: 10px 0px 10px 0px; padding: 0px 5px 0px 5px; border: 1px solid red; }
	.floatingLoginError2 { width: 560px; clear: both; display: block; color: #FF0000; font-size: 10px; margin: 10px 0px 10px 0px; padding: 0px 5px 0px 5px; border: 1px solid red; }
	.floatingTextbox { border: 1px solid rgb(180,180,180); padding: 2px 2px 2px 2px; color: #0b6497; }

	.floatingErrorMessage { clear: both; display: block; color: #FF0000; font-size: 10px; margin: 10px 0px 10px 0px; padding: 0px 5px 0px 5px; 
													border: 1px solid red; }
	.floatingLabelBox { border: 1px solid rgb(180,180,180); padding: 2px 2px 2px 2px; color: #FF6497; font-weight:bold; }
			
	/*----About CRF----*/
		.aboutCrfBoD { }
			.aboutCrfBoD .itemBlockLeft { float: left; width: 222px; }
			.aboutCrfBoD .itemBlockRight { float: left; width: 222px; }
			.aboutCrfBoD .blockItem { padding: 0px 0px 10px 0px; }

	/*----Cystinosis Families----*/
		/*----Cystinosis Families : Meet Our Community----*/
		.cfCommunity { }
			.cfCommunity .itemBlock { padding: 0px 2px 10px 2px; }
			.cfCommunity .itemBlock img { padding: 0px 3px 3px 0px; }
			.cfCommunity .itemBlock a { font-size: 12px; }
				.cfCommunity .itemBlock a.moreLink { padding: 0px 0px 5px 20px; font-size: 13px; }
					.cfCommunity .itemBlock a.moreLink span.text { font-size: 10px; }
	
	/*---- 2009 Sponsorship ----*/
	.sponsorshipPDF { background: url(/images/icon/icon_pdf.gif) left no-repeat; line-height: 20px; height: 20px; padding: 2px 10px 2px 21px; text-decoration: none; }
		.sponsorshipPDF:hover { text-decoration: underline; }
	#sponsorshipPackages { margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px; border-bottom: 1px solid #CAE1F3; }
		#sponsorshipPackages .packageDetail { margin: 5px; padding: 7px; border: 1px solid #CAE1F3; }
		#sponsorshipPackages .packageOption { width: 259px; height: 75px; float: left; }
			.packageOption #packageAdditional { }
				#packageAdditional .additionalOption { line-height: 30px; height: 30px; }
		#sponsorshipPackages #packageBilling { padding: 15px 0px; }
			#packageBilling #billingInfo { float: left; width: 200px; padding: 0px 0px 0px 40px; }
			#packageBilling #billingPayment { float: right; width: 200px; padding: 0px 40px 0px 0px; }
			#packageBilling #billingCompany { padding: 10px 40px; }
			#packageBilling #billingSubmit { padding: 0px 40px 0px 40px; }

		#sponsorshipPackages .packageForeACure { width: 570px; float: left; }
		.fore_a_cure_amount { float:right; padding-right: 40px; }
		#label_player { float: left; width: 130px; padding: 0px 10px 0px 0px; text-align: right; }
			
/*----Misc----*/
.reset { clear: both; }

/* ############### THIS IS FOR THE DATAGRIDS ############### */

tr.odd { background-color: #e9f3f8; }
tr.even { background-color: #ddecf4; }
tr.odd td, tr.even td, tr.aspHead td { padding:8px;}
tr.even TD, tr.odd TD { font-size: 11px;
                        color: #4c4c4c; } /* this is for font color on search results */
tr.even:hover, tr.odd:hover, tr.over TD { background-color: #c1d9e6; }
tr.aspHead, td.aspHead { 
	color:#fff;
	text-align:left;
	background:url(/images/css/aspHead.gif);
}
tr.aspHead a,tr.aspHead a:active, tr.aspHead a:visited {
	text-decoration:underline;
	color:#fff;
}
tr.aspHead a:hover {
	text-decoration:none;
}
tr.odd td > a, tr.even td > a,tr.odd a:visited, tr.even a:visited {
	color:#333;
	text-decoration:underline;
}
tr.odd a:hover, tr.even a:hover {
	text-decoration:none;
}

/* ############### END DATAGRIDS ############### */




/* Edit Styles */

/* admin section */
#editarea {
	width:85px;
	display:inline; /*IE CSS Bug Fix*/
	background-color:#FF0000;
}
#fadeEdit {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1000;
	width: 100%;
	height:100%;
	background-color:#EEEEEE;
	visibility:hidden;
	 -moz-opacity:0.75;
	 
}
iframe#editContent_window {
	border:2px solid #000000;
	background-color: #C0C0C0;
	position: absolute;
	top:82px; left:68px;
	margin-top:105px; margin-left:425px;
	width:680px; height:650px;
	z-index:1010;
	margin:0;
	visibility:hidden;
}