﻿body 
{
	background-image: url("images/CRIbodyBG.png");
	margin: 0px auto; 
}

#bg
{	
	left: 0px;
	position: absolute;
	top: 0px;
	z-index: 1;
}

#logo /*home page only as there is no hyperlink */
{	
	left: 20px;
	position:absolute;
	top: 20px;
 	z-index: 10; 	
}

.logo
{	
	left: 20px;
	position:absolute;
	top: 20px;
 	z-index: 30;
}

#divMain
{	
	background-color: #faeab1;
	border-style:outset;
	height: 800px;
	left: 3px;
	margin: 0px auto;
	position: relative;
	top: 5px;
	width: 786px;
}

#divMainShadow
{
	background-color: Gray;
	left: 0px;
	margin: 0px auto;
	position: absolute;
	top: 0px;
	width: 800px;
}
  
#divHeader
{
	height: 150px;
	left: 0px;
	margin: 0px auto;
	position: absolute;
	top: 0px;
	width: 796px;
}

#divSubTitle
{
	position: absolute;
	right: 20px;
	top: 20px;
	z-index:20
}

#divSearchBar
{
	height: 30px;
	left: 0px;
	margin: 0px auto;
	margin-bottom: 2px;
	padding-bottom: 1px;
	padding-top: 4px;
	position: absolute;
	top: 115px;
	width: 796px;
	z-index: 5;	
}

.centersearchbar /*referenced in UC only */
{
	font-size:11px;
	height: 100px;
	position: relative;
	text-align: center;	
}

#divProcessing
{	
	margin: 0px auto;
	text-align: center;
	top: 200px;
}

.ProcessingImage
{
	margin: 0px auto;
	position: absolute;
	text-align: center;
	top: 250px;
	z-index: 1;		
}	

.ProcessingAnimation
{	
	left: 50px;
	position: absolute;
	text-align:center;
	top: 270px;
	z-index: 2;
}  
  
#divLeft
{
	color: navy;
	font-family: lucida Sans unicode;
	font-size: small;
	height: 550px;
	left: 4px;
	padding: 0px 20px 0px 20px;
	position: absolute;
	top: 165px;
	width: 351px;
	z-index: 2;
	}

#divRight
{
	color: navy;
	float: left;
	font-family: lucida Sans unicode;
	font-size: small;
	height: 550px;
	left: 396px;
	padding: 0px 20px 0px 20px; 
	position:absolute;
	top: 165px;
	width: 351px;
	z-index:100;	
}

#divRightArticles
{
	color: navy;
	float: left;
	font-family: lucida Sans unicode;
	font-size: small;
	height: 591px;
	left: 400px;
	padding: 0px;
	position:absolute;
	top: 20px;
	width: 370px;
	z-index: 1;
}

 
h1,h3,h5
{
	font-size: small;
	font-weight: bold;
	margin-bottom: 0;
	text-align: left;
	
}

h2,h4,h6
{
	font-size: small;
	font-weight: bold;
	margin-bottom: 0;
	text-align: right;
	
}

div.homemenu
{
	font-size:small;
	left: 5px;
	padding-right: 0px;
	position: absolute;
	text-align: left;
	top: 0px;
	width: 355px;
	z-index: 20;	
}

div.menuholder
{ 
	height: 300px;
	left: 15px;
	position: absolute;
	top: 10px;
}

div.menu
{
	left: 10px;
	position: absolute;
	top: 0px;
	z-index: 5;
}

div.undermenuitem
{
	font-size: 11px;
	left: 150px;
	position: absolute;
	top: 10px;
	width: 211px;
	z-index: 1;
}

div.caption
{
	color: Navy;
	font-family: Verdana;
	font-size: smaller;
	left: 12px;
	position:absolute;
	text-align: right;
	top: 217px;
	width: 132px;
	z-index: 5;
}

div.captionwide
{
	color: Navy;
	font-family: Verdana;
	font-size: smaller;
	left: 25px;
	position:absolute;
	text-align: left;
	top: 355px;
	width: 305px;
	z-index: 5;
}

div.captionhowzone
{
	color: Navy;
	font-family: Verdana;
	font-size: smaller;
	left: 12px;
	position:absolute;
	text-align: right;
	top: 187px;
	width: 132px;
	z-index: 5;
}

div.narrow
{
	float: left;
	text-align: left;
	width:auto;
}

.paragraphcenter
{
	font-size: 11px;
	margin-top: 25px;
	text-align: justify;
	width:351px;
}

.psaHOME
{	
	position: absolute;
	left: 2px;
	top: 105px;
	width: 348px;
 	height: 296px;	
 	text-align: center;	
}
.psa
{	
	height: 300px;
	left:10px;
	padding-right: 25px;
	position:absolute;
 	text-align:center;
	top: 180px;
	width: 348px;
}

span.videoquality
{
	color: Black;
	font-size: xx-small;
	position: relative;
	top: 5px;
}

div.Expyram
{
	font-size: 11px;
	left: 25px;
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 10px;
	position: absolute;
	text-align: left;
	top: 370px;
	width: 330px;
}

div.bottomwithscroll
{
	background-color:#F4DD92;
	font-size: 11px;
	height: 175px;
	left: 25px;
	text-align: left;
	overflow:auto;
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 10px;
	position: absolute;
	top: 355px;
	width:330px;
}

div.topwithscroll
{
	background-color:#F4DD92;
	font-size: 11px;
	height: 175px;
	left: 25px;
	overflow:auto;
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 10px;
	position: absolute;
	text-align: left;
	top: 90px;
	width:330px;
}
div.bottom
{
	width:330px;
	top: 270px;
	left: 0px;
	text-align: left;
	padding: 10px;
	position: relative;
	font-size: 11px;
}

div.bottomHOME
{
	font-family: verdana;
	font-size: 11px;
	left: 20px;
	padding-top: 10px;
	position: absolute;
	top: 220px;	
	text-align: justify;
	width:351px;
	z-index:2;
}

div.bottomBG
{
	background-color:#F4DD92;
	font-size: 11px;
	height: 140px;
	left: 30px;
	margin-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 8px;
	position: absolute;
	text-align: left;
	top: 350px;
	width: 340px;
}

div.bottomleftHOME
{
	font-family: verdana;
	font-size: 11px;
	left: 20px;
	padding-left:5px;
	padding-top: 10px;
	position: absolute;
	text-align: justify;
	top: 100px;	
	width:351px;
	z-index:2;
}

div.bottomrightHOME
{
	font-family: verdana;
	font-size: 11px;
	left: 30px; /* was 20*/
	padding-left:15px;
	padding-top: 10px;
	position: absolute;
	text-align: left;
	top: 255px;	/*was 240px*/
	width:320px;/* was 351 */
	height: 306px;/*was no height designated here */
	z-index:2;

}
div.bottomrightHOMEnew
{
	font-family: verdana;
	font-size: 11px;
	left: 10px; /* was 20*/
	padding-left:15px;
	padding-top: 10px;
	position: absolute;
	text-align: left;
	top: 255px;	/*was 240px*/
	width:348px;/* was 351 */
	height: 306px;/*was no height designated here */
	z-index:2;

}
div.bottomrightHOME2
{
	font-family: verdana;
	font-size: 11px;
	left: 30px; /* was 20*/
	padding-left:15px;
	padding-top: 10px;
	position: absolute;
	text-align: justify;
	top: 255px;	/*was 240px*/
	width:320px;/* was 351 */
	height: 306px;/*was no height designated here */
	z-index:2;
	background-image: url("images/imgkchome2.jpg");
}
div.kcupdates
{
	font-family: verdana;
	font-size: 11px;
	left: 28px;
	width:275px;
	top:119px;
	position: absolute;
	text-align: justify;
}
div.kcupdates2
{
	font-family: verdana;
	font-size: 11px;
	left: 28px;
	width:275px;
	top:28px;
	position: absolute;
	text-align: justify;
}
	

#divMissionStatement
{
	color: navy;
	font-family: verdana; 
	font-size: 11px; 
	font-style: italic; 
	left: 390px;
	position: absolute; 
	text-align: right;
	top: 40px;
	width: 380px;
	z-index: 30;
    height: 72px;
}

.messagesubscribe
{
	color: maroon;	
	font-family: verdana; 
	font-size: 11.5px; 
	font-style: italic;
	left: 460px; 
	position: absolute;
	text-align: right;
	top: -110px; 
	width: 300px; 
	z-index: 30; 
}

.headerHOME
{
	color: navy;
	font-family:Verdana;
	font-size:medium;
	padding: 2px;
	width: 351px;
}

.paragraphrightcentered
{
	color: navy;
	font-size: 11px;
	left: 10px;
	padding: 10px;
	position: relative;
	text-align: left;
	width: 330px;
}

.paragraphrightcenteredscroll
{
	background-color:#F4DD92;
	color: navy;
	font-size: 11px;
	height: 404px;
	left: 6px;
	overflow:auto;
	padding: 10px;
	position: relative;
	text-align: left;
	top: 15px;
	width: 353px;
}
/*
.paragrapharticlescroll
{
	background-color:#F4DD92;
	color: navy;
	font-size: 11px;
	height: 434px;
	left: -65px;
	overflow:auto;
	padding-left: 10px;
	padding-right: 20px;
	position: absolute;
	text-align: left;
	top: 102px;
	width:418px;
	z-index:1;
}
*/
.paragraphnewsscroll
{
	background-color:#F4DD92;
	color: navy;
	font-size: 11px;
	height: 378px;
	left: -17px;
	overflow:auto;
	padding-left: 10px;
	padding-right: 20px;
	position: absolute;
	text-align: left;
	width:369px;
}

.paragraphhalfpagescroll
{
	background-color:#F4DD92;
	color: navy;
	font-size: 11px;
	height: 265px;
	left: 10px;
	overflow:auto;
	padding-left: 10px;
	padding-right: 20px;
	position: relative;
	text-align: left;
	width:345px;
}

.paragraphwithleftpic
{
	font-size: 11px;
	left: 0px;
	padding: 5px;
	padding-left: 25px;
	padding-right: 0px;
	position: relative;
	text-align: right;
	width:340px;
}

.paragraphwithrightpic
{
	font-size: 11px;
	left: 0px;
	padding: 5px;
	padding-left: 25px;
	padding-right: 0px;
	position: relative;
	text-align: left;
	width:340px;
}

.featureoddHOME
{
	clear:right;
	font-size: 11px;
	left: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 5px;
	position: relative;
	text-align: right;
	top: 0px;
	width:340px;
}

.featureevenHOME
{
	clear: left;
	font-size: 11px;
	left: 0px;
	padding: 5px;
	padding-left: 5px;
	padding-right: 0px;
	position: relative;
	text-align: left;
	width:340px;
}

.featureHOMEwBG
{
	background-image:url('images/imgrafflebghome.gif');
	background-repeat:no-repeat;
	clear: left;
	font-size: 11px;
	height: 106px;
	left: 0px;
	margin-right: 15px;
	padding-left: 15px;
	padding-right:0px;
	padding-top: 82px;
	position: relative;
	text-align: left;
	top: 10px;
	width:340px;
}

.HOMEwithBG
{
	background-image:url("images/imgpassportbg2.jpg");
	font-size: 11px;
	left: 15px;
	margin-right: 10px;
	padding-left: 3px;
	position: absolute;
	text-align: center;
	top: 285px;
	width:360px;
}

.donationform
{
	font-size: 11px;
	padding: 50px 15px 0 0px;
	position: absolute;
	text-align:justify;
	top:90px;
	width:350px;
}

.volunteerform
{
	font-size: 11px;
	padding: 0px 15px 0 0px;
	position: absolute;
	text-align:justify;
	top:20px;	
	width:350px;
}

.volunteerform2
{
	font-size: 11px;
	left:-30px;	
	padding: 0px 15px 0 0px;
	position: absolute;
	text-align:justify;
	top:20px;
	width:400px;
}

.formsteps
{
	left:15px;
	position:absolute;
	top:-6px;	
}

.formtable
{
	color: navy;
	font-size:smaller;	
	margin-left:10px;
	
}
.formbutton
{
	float:right;
}

.messagealert
{
	background-color: #f4d982;
	border-color: Maroon;
	border-style:ridge;
	color: Maroon;
	float:left;	
	padding:10px;
	text-align:left;
	width:200px;
}

.quizanswer
{
	background-color: #f4d982;
	border-color: Maroon;
	border-style:ridge;
	color: Maroon;
	float:left;
	width: 150px;
	padding:5px;
	text-align:left;	
}
.quizanswerwide
{
	background-color: #f4d982;
	border-style:ridge;
	border-color: Maroon;
	color: Maroon;
	float:left;
	padding:5px;
	text-align:left;
	width: 320px;
}

.messagenormal
{
	color: Green;
}

.ssl
{
	font-size: 11px;
	left: 25px;
	position: absolute;
	text-align: justify;
	top: 430px;
}

.sslseal
{
	float:left;	
	margin:10px;	
}

.ssltext
{
	font-size:smaller;	
}

.formalert
{
	color: Red;
}

.centeredsubtitle
{
	padding-bottom: 5px;
	padding-left: 25px;
	padding-right: 10px;
	padding-top: 0px;
	text-align: center;
	width:320px;
}

.level2image
{
	padding: 0px 10px 10px 18px;
	text-align: left;
	width:320px;	
}

.level3subheading
{
	padding: 10px 0px 10px 0px;	
	text-align: right;
	width:370px;
}

.paragraphleftcenteredflash
{
	padding: 10px;
	text-align: center;
	width:350px;	
}

.flashHOME
{	
	left:0px;
	text-align: center;
	width:350px;
	z-index:1;
}

.paragraphrightcenteredflash
{
	padding: 10px 10px 10px 25px;
	text-align: center;
	width:320px;	
}

.paragraphrightcenteredflashsub
{
	padding: 10px 30px 10px 25px;
	text-align: center;
	width:320px;	
}

.imgleft
{	
	clear: left; 
	float:left; 
	height: auto;
	padding-left:0px;
	padding-right:10px; 
	padding-top: 5px;
	width:auto
}

.imgright
{	
	clear: right; 
	float:right; 
	height: auto;
	padding-left:10px;
	padding-right:0px; 
	padding-top: 5px;
	width: auto;
} 

#paragraphmenu
{
	float: left;
	padding-left: 0px;
	text-align: left;
	width:225px;
}

#paragraphright
{
	width:150px;
	text-align: justify;
	padding-right: 20px;
	padding-left: 15px;
	float: right;
	font-size: 11px;
}
#paragraphright2
{
	width:160px;
	text-align: right;
	padding: 0px;
	float: right;
}


#divLeftSub
{
	position:absolute;
	top: 20px;
	width: 350px;
	height: 550px;
	padding-left: 20px;
	padding-top: 0px;
	left: 0;
	font-family: lucida Sans unicode;
	color: navy;
	font-size: small;
}
#divLeftWide
{
	position:absolute;
	top: 20px;
	width: 550px;
	padding-left: 25px;
	padding-top: 0px;
	left: 0;
	font-family: lucida Sans unicode;
	color: navy;
	font-size: small;
}
.headline
{
	text-align: center;
	font-weight: bolder;
	font-size: larger;
}
.dropdownlist
{
	font-size: xx-small;
	color: Black;
	width: 370px;
	font-family: Verdana;
	margin-left: 0px;
}
.fullpageimage
{
	position: absolute;
	top:98px;
	left:10px;/* was 20px  changed on 5-12-2008 MTA*/
	z-index:1;	
}
.fullpageimageright /* was added on 6/23/09 by Jenn for under menu slide shows*/
{
	position: absolute;
	top:78px;
	left:70px;
	z-index:1;	
}

.fullpagephotocredit
{
	position:absolute;
	top:525px;
	left:50px;
	font-size:smaller;
	color:Black;
}

.photocredit2
{
	position:absolute;
	top:210px;
	left:50px;
	font-size:smaller;
	color:Black;
}
a.photocreditlink
{
	color:Black;
	text-decoration: none;	
}
 
.didyouknow
{
	position:absolute;
	top:350px;
	left:30px;	
	width:315px;
	font-size:11.5px;
	background-color: #f4d982; 
	color:navy;
	padding:10px;
	border-style:ridge;
	border-color:navy;	
	text-align:center;
}

.featuredarticlepicture
{
	width:330px;
	left:0px;
	top: 315px;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-right: 10px;
	position: absolute;
	font-size: 11px;
}

.featureleftpic
{
	padding: 5px 10px;
	width:340px;
	text-align: right;
	left: 14px;
	position: absolute;
	font-size: 11px;
	top: 391px;
}

.pagefooter
{
	top: 745px;
	left: 0px;
	width: 800px;
	position:absolute;
	text-align: left;
	font-family: arial;
	color: navy;
	font-size: 9px;
}
 A:link, A:active, A:visited
{
	text-decoration: underline;
	color:navy;
}

 A:hover
 {
	text-decoration:underline;
 } 
 
.heading
{
	font-weight: bold;
}
.btncentered
{
	padding-top: 2px;
}
.btndonatenow
{
	margin-top: 4px;
}


p:first-letter
{
	font-weight: bolder;
	font-size:x-large;
	font-family:Lucida Calligraphy;
	color: Navy;
	padding-left: 3px;
}

.getflash
{
	padding: 20px 0 0 20px;
}

.btnsearchbar
{	
	margin-bottom: 3px;
	margin-top: 4px;
}
	
.textboxhint
{
	font-family: Arial;
	color: Gray;
	font-size:small;
	text-align:center;
	margin-bottom: 4px;
	margin-top: 3px;		
}

.textboxenter
{	
	font-family: Arial;
	color: black;
	font-size:small;
	text-align:left;
	margin-bottom: 4px;
	margin-top:3px;	
}
.cartSponsor
{
 position:absolute;
 left:325px;   
 top:30px;
}	