html {
overflow:auto;
}
#viewAllNews{
	font-family:Arial;
	font-size:small;
}
#modalBack {
height:600px;
max-height:600px;
position:relative;
width:100%;
}
.applyModalBack {
filter:alpha(opacity=20);
opacity:0.2;
position:relative;
width:100%;
}
.applyNormalBack {
width:100%;
}
.normal {
position:relative;
width:100%;
}
body {

background-color:white;
font-family:Verdana,Arial,Helvetica,sans-serif;

max-height:584px;
max-width:1005px;
min-width:500px;
text-align:center;
margin:0px auto;
width:100%;
z-index:10;
}
.wrapper {
border:thin transparent none;
background-color:transparent;
height:100%;
margin:0pt;
max-height:584px;
position:relative;
text-align:left;
width:100%;
z-index:20;
}

.contentWrapper {
height:400px;/*350px;*/
position:relative;
width:1005px;
z-index:50;

max-height:400px;
clear:both;
margin:auto;
}

.fullFade {
background-image:url('_layouts/images/jcf/fullFade.gif');
clear:both;
margin:auto;
margin-top:70px;
height:22px;
position:relative;
width:1005px;
}
.grayFade {

background-image:url('_layouts/images/jcf/lineGray.gif');
clear:both;
margin:auto;

margin-top:35px;
height:34px;
position:relative;
width:1005px;
}

.footerTitleImage{
z-index:100;
margin:auto;
width:1005px;
position:absolute;
height:34px;
}

.titleImage{


margin:auto;
width:1005px;
position:absolute;
/*clear:both;
margin-top:0px;*/
height:34px;
}
.modalBackground {
background-color:#999999;
height:100%;
left:0px;
opacity:0.4;
position:relative;
top:0px;
width:100%;
z-index:40;
}
.topbar {
background:url('_layouts/images/jcf/fadeBack.jpg') no-repeat;
clear:both;
margin:auto;
height:190px;
position:relative;
width:1005px;
}

.overlap{	
position:absolute;/* changed from relatve to absolute beacause relative was looking weird in ie 6 in 1024 * 768*/
font-family:"Times New Roman";
color:black;
height:34px;
max-height:34px;
margin-top:-45px;
display:block;
margin-left:230px;
width:1005px;
float:left;

}

.overlap1{	
font-family:"Times New Roman";
color:black;
height:24px;
max-height:24px;
text-transform:capitalize;
width:800px; 
margin-top:-39px;
margin-left:230px; 
clear:both; 
position:absolute;

/* commented because it should now be H1 header
width:500px; 
margin-top:-39px;
margin-left:350px; 
height:40px; 
clear:both; 
position:absolute;*/
}

.searchTitle1{
clear:both;
margin:auto;
position:relative;
/*background-color:#BEB5D9;*/
margin-left:335px;
vertical-align:middle;
font-family:Arial;
font-size:large;
color:gray;
}

.topbarModal {
background:#999999 url('_layouts/images/jcf/fade.jpg') no-repeat;
clear:both;
height:190px;
left:0px;
margin-top:0px;
opacity:0.4;
position:relative;
top:0px;
width:100%;
}
.jcf-contentmenu {
border:solid -1px white ;
 /* added because horizontal menu items are not showing in safafri*/

background-color:transparent;
height:100%;
margin:auto;
position:relative;
width:1005px;
z-index:600;
}
.contentLeft {
border:5px none;
float:left;
height:380px;
margin-top:-10%;
/*max-height:100%;
min-height:230px;*/
position:relative;
width:25%;
}
.contentLeftSmall {

float:left;
height:345px;/*340px;*/
margin-top:5%;
/*max-height:100%;
min-height:298px;*/
position:relative;
width:22%;
}
.contentLeftSmallAdvisors {
float:left;
height:300px;/*340px;*/
margin-top:185px;/*15%;*/
/*max-height:100%;
min-height:298px;*/
position:relative;
width:22%;
}

.contentLeftSmallWithoutCircle1{
overflow:hidden;
border:1px none white;
margin-left:65px;
margin-top:250px;/*25%;*/
height:240px;
float:left;
display:inline;
/*height:auto;
max-height:100%;
min-height:298px;*/
position:relative;
width:18%;
}
.contentLeftSmallWithoutCircle{
	overflow:hidden;
border:1px none white;
margin-left:45px;
margin-top:300px;/*25%;*/
height:200px;
float:left;
display:inline;
/*height:auto;
max-height:100%;
min-height:298px;*/
position:relative;
width:18%;

}
.contentLeftSmallWithoutCircleLastTemplate{
overflow:hidden;
border:1px none white;
margin-left:45px;
margin-top:320px;/*25%;*/
height:180px;
float:left;
display:inline;
/*height:auto;
max-height:100%;
min-height:298px;*/
position:relative;
width:18%;
}


.contentLeftBig {
border:5px none;
float:left;
height:350px;
margin-top:-100px;/* it was -10%, but was dancing in ie6*/
max-height:100%;
min-height:250px;
position:relative;
width:250px;
}

#leftCircle {
background:url('_layouts/images/jcf/circle_bg.gif') no-repeat;
height:76%;
left:0px;
position:relative;
width:100%;
}
.leftCircleBig {
background:url('_layouts/images/jcf/circle_bg.gif') no-repeat;
height:286px;
left:0px;
position:relative;
width:100%;
}

.leftCircleSmall {
background:url('_layouts/images/jcf/circle_content.gif') no-repeat;
clear:both;
height:225px;
left:0px;
line-height:1.6em;
margin-top:0%;
position:relative;
width:100%;
}
.leftNav {
font-size:0.8em;
height:80%;
line-height:1.6em;
list-style-image:none;
margin-left:-10%;
padding-top:25px;
position:relative;
text-align:left;
vertical-align:middle;

}
#leftNav ul {

list-style-type:none;
position:relative;
text-align:left;
}
#leftNav ul li {
font-size:0.8em;
margin-left:-8%;
position:relative;
text-align:left;
}
.leftLogo {
background:white url('_layouts/images/jcf/logo.gif') no-repeat;
cursor:pointer;
float:left;
height:120px;
margin-left:0px;
margin-top:-5%;
position:relative;
vertical-align:top;
width:235px;
}
.topPurpleMenu {
position:relative;
z-index:200;
}
.contentRight {
border:5px none;
float:right;
margin-top:10pt;
/*max-height:100%;
min-height:250px;*/
height:290px;
position:relative;
width:70%;

}
.contentRightContent {

/*border:5px none;*/
float:right;
margin-top:0pt;
height:400px;
/*max-height:100%;
min-height:250px;*/
position:relative;
width:75%;
}
.contentRightModal {
border:5px none;
float:right;
margin-top:0pt;
max-height:100%;
min-height:250px;
opacity:0.4;
position:relative;
width:70%;
}
.jcffooter {
float:right;
font-size:12px;
height:100%;
line-height:1.3em;
padding:0px 0pt 0pt;
position:relative;
text-transform:capitalize;
width:751px;
}

.footerGray{

	margin-left:-35px;
}
.address {
font-size:0.5em;
position:relative;
text-transform:capitalize;
vertical-align:bottom;
}

.copyright {
background:url('_layouts/images/jcf/blur_bottom.jpg') no-repeat;
font-size:0.5em;
/*position:relative;*/
text-transform:capitalize;
vertical-align:bottom;
}
.copyrightModal {
background:url('_layouts/images/jcf/blur_bottom.jpg') no-repeat;
font-size:0.6em;
opacity:0.4;
position:relative;
text-transform:capitalize;
top:auto;
vertical-align:bottom;
}
#footer a {
font-size:0.9em;
font-weight:normal;
padding:0pt;
position:relative;
}
.clear {
clear:both;
font-size:1px;
height:0pt;
line-height:0pt;
margin:0pt;
}
.horzMenu {
background-color:white;
color:#D18416;
font-family:Arial;
font-size:x-small;
line-height:1.2em;
text-transform:uppercase;
}
.dynaVerticalMenu {
background-color:white;
border-bottom:thin solid gray;
border-left:thin solid gray;
border-right:thin solid gray;
font-family:Arial;
font-size:small;
line-height:1.6em;
text-transform:capitalize;
width:140px;
z-index:200;
}
.dynamicDropDownMenu {
background-color:white;
border-bottom:thin solid black;
border-left:thin solid black;
border-right:thin solid black;
}
.dynaVerticalMenu a:hover {
border-bottom:medium none;
color:white;
height:auto;
}
a:link {
background:transparent none repeat scroll 0% 50%;
color:#494949;
text-decoration:none;
}
a:visited {
color:#666666;
text-decoration:none;
}
a:hover {
color:#4E3585;
text-decoration:none;
}
.hrefHover
{
text-decoration:underline;	
}
img {
border:medium none;
position:relative;
}
.news {
font-size:small;
}
#donorStyle {
cursor:pointer;
line-height:1.2em;
width:100px;
padding-right:30px;
}
#storiesStyle {
cursor:pointer;
line-height:1.2em;
width:50px;
padding-right:30px;
}
#faqStyle {
cursor:pointer;
line-height:1.2em;
width:120px;
padding-right:30px;
}
#privateStyle {
cursor:pointer;
line-height:1.2em;
width:100px;
padding-right:30px;
}
#alternativesStyle {
cursor:pointer;
line-height:1.2em;
width:150px;
padding-right:30px;
}

#contributionsStyle {
cursor:pointer;
line-height:1.2em;
width:100px;
padding-right:50px;
}
#investmentStyle {
cursor:pointer;
line-height:1.2em;
width:50px;
padding-right:50px;
}
#charitiesStyle {
cursor:pointer;
line-height:1.2em;
width:85px;
padding-right:50px;
}

#expensesStyle {
cursor:pointer;
line-height:1.2em;
width:85px;
padding-right:50px;
}
#planningStyle {
cursor:pointer;
line-height:1.2em;
width:55px;
padding-right:50px;
}
.choosingStyle {
cursor:pointer;
width:1000px;
}
.supportStyle {
padding-right:12px;

}
.receiveStyle {
padding-right:12px;

}
.programStyle {
padding-right:12px;

}
.fundStyle {
padding-right:12px;

}
.occasionsStyle {
padding-right:12px;

}
.corporationsStyle {
padding-right:12px;

}
.testimonialsStyle {
padding-right:12px;
}
.headFooter{
height:35px;
position:relative;
font-family:"Times New Roman";
color:#d18416;
z-index:100;
}
.headTemplate
{
margin-left:-10px;
position:relative;
font-family:"Times New Roman";
color:gray;
height:34px;
max-height:34px;
margin-top:0px;
z-index:500;
}
.headLastTemplate
{
position:relative;
font-family:"Times New Roman";
color:gray;
height:34px;
max-height:34px;
margin-top:0px;
z-index:500;
}

.headTemplateForDonateNow
{
margin-left:0px;
margin-top:20px;
font-family:"Times New Roman";
color:gray;
height:35px;
max-height:40px;
vertical-align:text-top;
}

.headLayout{
position:relative;
font-family:"Times New Roman";
color:gray;
height:34px;
max-height:34px;
}
.tableWP {
/*max-height:358px;*/
height:350px;
max-width:750px;
width:750px;
margin-top:40px;
}
.advisorstableWP{
height:350px;
max-width:700px;
width:650px;
margin-top:110px;
}

.lastTemplateTableWP
 {
/*max-height:358px;*/
max-width:750px;
width:750px;
margin-top:110px;
}

.footerTable{
	border:5px none;
	float:none;
	margin-top:auto;
}

.footertableWP
{
height:200px;
/*clear:both;
margin:auto;
position:relative;*/
max-height:358px;
max-width:750px;
width:720px;
margin-top:130px;
}
.lastTemplateWP
{
height:100px;
/*clear:both;
margin:auto;
position:relative;*/
max-height:258px;
max-width:750px;
width:720px;
margin-top:130px;
}
.contentWPforLastTemplate{
z-index:250;
font-family:Arial;
font-size:small;
height:350px;
margin-left:20px;
margin-top:0pt;
max-height:350px;
max-width:530px;
overflow:hidden !important;
position:relative;
width:450px;
}

.contentWP {
z-index:250;
font-family:Arial;
font-size:small;
height:350px;
margin-left:20px;
margin-top:0pt;
max-height:350px;
max-width:530px;
overflow:hidden !important;
position:relative;
width:490px;
}
.advisorscontentWP
{
z-index:250;
font-family:Arial;
font-size:small;
height:350px;
margin-left:20px;
margin-top:0pt;
max-height:300px;
max-width:530px;
overflow:hidden !important;
position:relative;
width:475px;
}

.contentWPforFooter
{
z-index:250;
font-family:Arial;
font-size:small;
height:350px;
margin-left:20px;
margin-top:0px;
max-height:350px;
max-width:530px;
overflow:hidden !important;
position:relative;
width:490px;
}
.emptyWPforFooter
 {
height:250px;
margin-top:0pt;
max-height:350px;
max-width:20px;
overflow:hidden !important;
position:relative;
width:20px;
}
.emptyWP {
height:350px;
margin-top:0pt;
max-height:350px;
max-width:20px;
overflow:hidden !important;
position:relative;
width:20px;
}
.titleWP {
height:34px;
max-height:34px;
max-width:377px;
width:377px;
position:relative;
}
.titleTextControl{
position:relative;
display:inline;
font-family:Arial;
font-size:medium;
font-weight:bold;
height:68px;
max-height:68px;
}

.titleTextControlForDonateNow{
font-family:Arial;
font-size:small;
font-weight:bold;
height:35px;
max-height:35px;
display:inline;
}
.titleTextControlTemplate{
position:relative;
display:inline;
font-family:Arial;
font-size:medium;
font-weight:bold;
z-index:200;
}

.viewWP {
z-index:400;
height:350px;
margin-top:0pt;
max-height:350px;
overflow:hidden !important;
position:relative;
text-align:left;
vertical-align:top;
width:235px;/* changed for 100% to 235px, for advisors not shwowing in firefox*/
}

.pdfWP
{
	z-index:400;
height:350px;
margin-top:0pt;
max-height:350px;
overflow:hidden !important;
position:relative;
text-align:left;
vertical-align:top;
width:300px;
white-space:pre;
}
#ListItemsWP{
margin-left:20px;
}
#ListItemsFourthTemplateWP{
margin-left:28px;
margin-top:20px;
}

.listWP{
display:inline-table;
margin-left:60px;
height:120px;
margin-top:0pt;
max-height:350px;
overflow:hidden !important;
position:relative;
text-align:left;
vertical-align:top;
/*width:200px;*/
z-index:200;
}


.lastTemplateListWP{
display:inline-table;
margin-left:50px;
height:200px;
margin-top:0pt;
max-height:350px;
overflow:hidden !important;
position:relative;
text-align:left;
vertical-align:top;
width:170px;
z-index:500;
}
.donateNowListWP
{
display:inline-table;
margin-left:50px;
height:220px;
margin-top:-20px;
max-height:350px;
overflow:hidden !important;
position:relative;
text-align:left;
vertical-align:top;
width:200px;
z-index:500;
}

.imageWP {
height:375px;
margin-bottom:0pt;
max-height:450px;
max-width:5px;
overflow:hidden !important;
position:relative;
width:5px;
}
.aboutUsWP{
height:420px;
max-height:450px;
/*overflow:hidden !important;*/
position:relative;
text-align:left;
vertical-align:top;
margin-top:-70px;

width:219px;	
}
.listDescriptionWP{
height:420px;
max-height:450px;
/*overflow:hidden !important;*/
position:relative;
text-align:left;
vertical-align:top;
margin-top:-80px;
width:233px;
}
.moreWP {
height:18px;
margin-left:50%;
max-height:18px;
overflow:hidden !important;
position:relative;
}
.verticalBar {
border:5px none;
height:305px;
margin-top:0pt;
max-height:350px;
min-height:265px;
position:absolute;
width:1%;
}
.horizontalBar {
border:1px none;
height:5px;
margin-top:0pt;
max-height:5px;
min-height:5px;
position:absolute;
vertical-align:top;
width:auto;
}
.moreLinks {
color:#D18416;
font-family:Arial;
font-size:small;
text-decoration:none;
}
.itemSelected {
background-color:lime;
}

dl dt {
	 
	  line-height:1.6em;
	 font-family:Arial;
	 font-size:small;
	  padding: 0 0 0 0;	
 	  clear: both;
	} 
	
	dl dd {
	 
	  line-height:0.1em;	
	 font-family:Arial;
	 font-size:small;

	  padding: 0 0 0 0;	  
 	  clear: both;
	} 	

#textDialog{
	margin-left:15px;
}

#mailMessage{
	font-size:medium;
	font-family:Arial;
}

.mailMessage{
	font-size:medium;
	font-family:Arial;
}

.aboutUsText{
	cursor:pointer;
	TEXT-ALIGN:left; 
	text-indent:5px;
	font-family:arial; 
	font-size:medium; 
color:#d18416;
font-weight:bold;
text-transform:uppercase;
}

.newsText{
	cursor:pointer;
	TEXT-ALIGN:left; 
	font-family:arial; 
	font-size:medium; 
color:#d18416;
font-weight:bold;
}


.siteMapHeader{
	font-family:arial; 
	font-size:medium; 
color:#d18416;
font-weight:bold;

}

#singleNewItem{
	font-family:Arial;
	font-size:small;
}