/*
-----------------------------------------------
Style Sheet

Site: jcfsandiego.com
Author:   aaryn.com
Version:  2008.5
----------------------------------------------- */


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */


/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }


/* prevent blue linked image borders */
a img, :link img, :visited img, fieldset { border:none; }

/* Remove inconsistent (among browsers) default padding or margin */
h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,button { margin:0; padding:0; }



/* global elements
 * ------------------------------------------------------------------------- */

/* Default font size in IE and FireFox is 16px. Default for Safari is 14px. */
html {
	font-size:100% /* IE has problems scaling text in ems. Using a percentage makes for better text rendering when scaled. */
	}

body {
	
	font-size:.75em; /* Read by IE only. - 75% of 16px = 12px */
	font-family:Arial, Helvetica, sans-serif;
	background:#e6f5ff;
	margin:0 auto;
	padding:12px 0 0 0;
	text-align:center;

	}

html>body {
	font-size:12px; /* overrides the font-size above in all browsers except IE. These browsers can resize text that is specified in px so this is ok. */
	}


a:link, a:visited {
	color:#216dc3;
	text-decoration:underline;
	}

a:hover, a:active {
	color:#52a4b0;
	}




/* classes
 * ------------------------------------------------------------------------- */

.clear {
	clear:both;
	height:.01em;
	overflow:hidden;
	}
	
.DNNEmptyPane {
	display:none; /* makes empty pane spacing disappear in IE */
	}
		
.normal {
	font-size:.80em;
	font-family:Arial, Helvetica, sans-serif;
	}		

.body_text {
	font-size:1.0em;
	}
	
	.body_text table {
		font-size:1.0em;
		}

#dnn_PageTitlePane h3, #dnn_PageTitlePane h2, #dnn_PageTitlePane h1, #dnn_PageTitlePane p {
		
		padding:0px 0 0 10px;
		margin-top:4px;
	
	
		font-size:1.44em;
		color:#000;
		font-family:Arial, Helvetica, sans-serif;
		background:#216dc3;
		letter-spacing:-1px;
		}

.page_title {
	background:url(images/page_title_bg.gif) no-repeat top right #216dc3;
	color:#000;
	height:27px;
	width:100%;
	font-size:1.2em;
	margin-bottom:10px;
	}
	
	.page_title h3, .page_title p, .page_title h2, .page_title h1 {

		padding:6px 0 0 10px;
		color:#000;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		background:#216dc3;
		}
		



	
.contentpane .page_title li { /*This is here to revert the text resize buttons back to original styles */
	_position:absolute;
	padding:0;
	margin:0;
	background:none;
	line-height:1.0em;
	list-style: none;
	}









.contentpane ul, .contentpane ol {
	margin:0px 0 0 10px;
	padding:0;
	}


.contentpane ul li {

	line-height:1.2em;
	list-style:disc;
	list-style-position:inside;
	background: none;
	margin-bottom:14px;
	}
	
	.short_list ul li {
		margin-bottom:5px;
		line-height:1.2em;
		}
	
.contentpane ol {
	padding:20px; 
	margin-left:20px;
	list-style:decimal;
	}
	
	.contentpane ol li {
		margin-bottom:5px;
		background:none;
		list-style:decimal;
		line-height:1.2em;
		}
	
	.contentpane ul li ul li {
		background: none;
		}
		
		.contentpane ul li ul li ul li {
			background: none;
			}
			
			contentpane ul li ul li ul li ul li {
				background: none;
				}
				
				contentpane ul li ul li ul li ul li ul li{
					background: none;
					}












.subtitle {
	background:url(images/subtitle_bg.gif) no-repeat top right #53a6ae;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	padding:2px 10px;
	margin-bottom:8px;
	font-size:.92em;
	}

.back_to_top {
	background:url(images/back_to_top.gif) no-repeat top right;
	padding-right:10px;
	font-size:.82em;
	text-align:right;
	}

/* Layout
 * ------------------------------------------------------------------------- */

#container_bg {
	background:url(images/container_bg.gif) repeat-y #fff;
	width:891px;
	margin:0 auto;
	}

#top_shadow {
	background:url(images/top_shadow.gif) no-repeat;
	width:891px;
	height:10px;
	overflow:hidden;
	}



#dnn_dnnSEARCH_txtSearch {
	border:none;
	width:160px;
	height:17px;
	}


#dnn_dnnSEARCH_cmdSearch {
	color: #ffc44a;

	}





/* Print CSS
 * ------------------------------------------------------------------------- */
#print_banner {
	display:block;
	width:847px;
	height:102px;
	}

#top_shadow {
	display:none;
	height:0px;
	}

#header {
	display:none;
	height:0px;
	}
	
#header_container {
	display:none;
	height:0px;
	}

#nav {
	height:0px;
	display:none;
	}

#news_resources_header {
	display:none;
	height:0px;
	}

#about_us_header {
	display:none;
	height:0px;
	}
	
#for_donors_header {
	display:none;
	height:0px;
	}

#left_column_print {
	display:none;
	width:0px;
	}

#right_column_print, #print_single_column {
	width:640px;
	}

.contentpane ul {
	margin:0px 0 0 10px;
	padding:0;
	}


.contentpane li {
	_position:relative;	 /*to fix the IE bullet peekaboo pug */
	padding-left: 10px;
	line-height:1.2em;
	list-style:disc;
	margin-bottom:4px;
	}


#footer {
	display:none;
	}

#bottom_text_right {
	display:none;
	}

/* --------------- Homepage styles --------------- */

.news_box {
	background:#c7defe;
	border:none;
	width:259px;
	}


.community_blurb {
	border:none;
	padding:5px 8px 8px 8px;
	background:#fff;
	}

.book_of_life {
	background:#abdfda;
	}

#flash_area {
	background:url(images/flash_section_bg.gif) repeat-y top right; 
	width:847px;
	margin:0 auto;
	}


#flash_holder {
	width:572px;
	height:333px;
	background:url(images/flash_ex.jpg) no-repeat;
	}



.donor_central_login {
	background:#ffecc4;
	border-bottom:8px solid #fff;
	width:267px;
	font-size:.80em;
	}

.donor_central_subpage_login {
	width:184px;
	background:#ffecc4;
	font-size:.80em;
	}
	
.about_the_foundation {
	background:#daf1ff;
	border:none;
	margin-bottom:10px;
	width:267px;
	}
	

#lower_home_table {
	background:url(images/home_lower_tables_bg.gif) repeat-y;
	}




.newsletter {
	background:#ffecc4;
	font-size:.80em;
	}

.white_top {
	border-top:8px solid #fff;
	}


/* --------------- News & Resources Section ---------- */
#news_resources_header {
	background:url(images/news_resources_header.jpg) no-repeat;
	width:847px;
	height:104px;
	text-indent:-5000px;
	}



/* --------------- For Donors Landing Page ---------- */
#for_donors_header {
	background:url(images/for_donors_header.jpg) no-repeat;
	width:847px;
	height:104px;
	text-indent:-5000px;
	}

#giving_stories {
	background:url(images/giving_stories.gif) no-repeat;
	width:654px;
	height:27px;
	text-indent:-5000px;
	margin-bottom:8px;
	}	

#dnn_story_big span.head, #dnn_stories_small span.head, #dnn_create_a_fund span.head, #dnn_matching_grant_opportunity span.head, #dnn_what_to_give span.head, #dnn_philanthropy_services span.head, #dnn_friends_of_foundation span.head, #dnn_investment_choices span.head {
	display:none;
	}


#create_a_fund_box {
	background:url(images/create_a_fund_box.gif) no-repeat #abe0da;
	width:321px;
	height:102px;
	}

#matching_grant_opp_box {
	background:url(images/matching_grant_opp_box.gif) no-repeat #c7defe;
	width:322px;
	height:102px;
	}

#what_to_give_box {
	background:url(images/what_to_give_box.gif) no-repeat #c7defe;
	width:321px;
	height:102px;
	}


#philanthropy_services_box {
	background:url(images/philanthropy_services_box.gif) no-repeat #ffecc4;
	width:322px;
	height:102px;
	}


#friends_of_foundation_box {
	background:url(images/friends_of_foundation_box.gif) no-repeat #ffecc4;
	width:321px;
	height:102px;
	}

#investment_choices_box {
	background:url(images/investment_choices_box.gif) no-repeat #abe0da;
	width:322px;
	height:102px;
	}





/* --------------- Create a Fund Page ---------- */
#create_a_fund_title {
	background:url(images/create_a_fund_title.gif) no-repeat;
	width:654px;
	height:27px;
	}

	#create_a_fund_title span {
		display:none;
		}


#footer {

	margin:10px 0 0 0;
	padding:0;
	text-align:center;
	}
	
	#footer ul {
    	margin: 0 0 3px 0;
   		padding: 0;
    	}

 	#footer li {
    	margin: 0;
    	padding: 0 5px 0 7px;
    	display: inline;
    	border-left: 2px solid #ffc44c;
    	font-size: .92em;
    	line-height:1.4em;
    	background: none;
		color:#206cc4;
    	}

	#footer li.first { 
    	border: none;
    	}

	#footer a:link, #footer a:visited{
		color:#206cc4;
		text-decoration:none;
		}

	 #footer a:hover, #footer a:active {
	 	color:#ffc44c;
		text-decoration:none;
		}	

	
	
#bottom_shadow {
	background:url(images/bottom_shadow.gif) no-repeat top left;
	width:891px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
	}



#bottom_text {
	font-size:.80em;
	color:#498dd8;
	width:867px;
	margin:0 auto;
	}
	
	#bottom_text a:link, #bottom_text a:visited {
		color:#498dd8;
		text-decoration:none;
		}
	
	#bottom_text_left {
		float:left;
		text-align:left;
		}
		
	#bottom_text_right {
		float:right;
		}






/* email list sign-up form
 * ------------------------------------------------------------------------- */
#email_list {
	width:236px;
	margin-top:10px;
	}


#email_list input {
	width:150px;
	float:left;
	border:1px solid #fff;
	background-color:#FFF !important; /* to prevent highlighting by Google Toolbar */
	color:#000;
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1.2em;
	} 
 
#email_list label {
	font-size:1.0em;
	font-weight:bold;
	margin-right:10px;
	width:40px;
	float:left;
	padding-top:2px;
	}

#email_list input#go {
	width:16px;
	height:15px;
	padding:0;
	border:0;
	float:left;
	margin-left:5px;
	}




/* Homepage Donor Central Login form
 * ------------------------------------------------------------------------- */
#donor_central_home {
	width:247px;
	margin-top:10px;
	text-align:left;
	}


#donor_central_home input {
	width:135px;
	float:left;
	border:1px solid #fff;
	background-color:#FFF !important; /* to prevent highlighting by Google Toolbar */
	color:#000;
	margin-bottom:8px;
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1.2em;
	} 
 
#donor_central_home label {
	font-size:1.0em;
	font-weight:bold;
	margin-right:10px;
	width:60px;
	float:left;
	padding-top:2px;
	}

#donor_central_home input#go {
	width:16px;
	height:15px;
	padding:0;
	border:0;
	float:left;
	margin-left:5px;
	}

#donor_central_home br {
	clear:left;
	}


/* Subpage Donor Central Login form
 * ------------------------------------------------------------------------- */
#donor_central_sub {
	width:164px;
	text-align:left;
	}


#donor_central_sub input {
	width:164px;
	float:left;
	border:1px solid #fff;
	background-color:#FFF !important; /* to prevent highlighting by Google Toolbar */
	color:#000;
	margin-bottom:8px;
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1.2em;
	} 

#donor_central_sub input.password {
	width:134px;
	}

#donor_central_sub label {
	font-size:1.0em;
	font-weight:bold;
	margin-right:10px;
	width:60px;
	float:left;
	padding-top:2px;
	}

#donor_central_sub input#go {
	width:16px;
	height:15px;
	padding:0;
	border:0;
	float:left;
	margin-left:5px;
	}

#donor_central_sub br {
	clear:left;
	}






/* original styles
 * ------------------------------------------------------------------------- */
.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}

.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {  
	background-color: #8da4d3; 
}

.main_dnnmenu_itemhover td {  
	background-color: #8da4d3; 
}


.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #cad5ea;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}


/* ODS Form module styles
 * ------------------------------------------------------------------------- */

.FormTable td {
	padding-bottom:5px;
	}

.FormLabel {
	font-weight:bold;
	font-size:.90em;
	}

.FormTextArea, .FormLabelCell {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.90em;
	}
	
.FormMultipleSelect {
	font-size:.90em;
	}
	
	.FormMultipleSelect label {
		padding-left:10px;
		}
		

.FormTextArea {
	width:300px;
	overflow:auto;
	}

.FormSubmit {
	margin-left:200px;
	}
	
	#dnn_ctr783_ModuleContent .FormSubmit { /* Stock Gift Form Submit Button */
	margin-left:215px;
	}

.FormLabelCell {
	padding-right:10px;
	text-align:right;
	}


span.FormLabelControl {
	width:450px;
	text-align:left;
	float:left;
	color:#216DC3;
	}

.FormLabelControl {

	font-weight:bold;
	}












/* text resize navigation
 * ------------------------------------------------------------------------- */

#text_resize_nav { background:url("images/text_resize_nav.gif") no-repeat; width:123px; height:19px; position:relative; float:right; margin:4px 20px 0 0; padding:0; display:inline; }
#text_resize_nav li { position:absolute; top: 0; }
#text_resize_nav li, #text_resize_nav a { height:19px; display:block; }
#text_resize_nav span { display:none; }

#text_resize_nav-01 { width: 19px; left:61px; }
#text_resize_nav-02 { width: 19px; left: 82px; }
#text_resize_nav-03 { width: 19px; left: 104px; }

#text_resize_nav-01 a:hover { background: transparent url("images/text_resize_nav.gif") -61px -19px no-repeat; }
#text_resize_nav-02 a:hover { background: transparent url("images/text_resize_nav.gif") -82px -19px no-repeat; }
#text_resize_nav-03 a:hover { background: transparent url("images/text_resize_nav.gif") -104px -19px no-repeat; }