/* Generic */

/* force scrollbar to appear to avoid "shift" */
html{ height:100.1%; overflow-y:scroll; overflow: -moz-scrollbars-vertical;} 
body { margin: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-size: 12px; z-index: 0}

a { text-decoration: none; }
a:hover { text-decoration: none; }
img { border: none; }
.center { text-align: center; }
.bold { font-weight: bold; }
.bolder { font-weight: bolder }
.italic { font-style: italic; }
.underline { text-decoration: underline }
.error {font-size: 16px; color: red;}
.white {color: white}
.blue {color: #0d317e}
.orange {color: #c45c1d}
.large_headline_text {  font-family: Arial, Helvetica, sans-serif; color: white; font-size: 31px; letter-spacing: -1px;}
.small_white_text { font-family: Arial, Helvetica, sans-serif; color: white; font-size: 11px; }
a.nav_link {color: white; text-decoration: none }
a.nav_link:hover {color: white; text-decoration: none}
a.orange_link {color: #c45c1d; font-weight: bold; text-decoration: none}
a.orange_link:hover { color: #c45c1d; font-weight: bold; text-decoration: underline} 
a.white_link { color: white; text-decoration: none;}
a.white_link:hover { color: white; text-decoration: underline;}
.floatleft {float: left}
.floatright { float: right}
.cleartop { clear: top}
.clearboth { clear: both}
.transparent_background {background: transparent}
.center_by_margin { margin-left: auto; margin-right: auto }

/*Rounded Corners*/
/*these are spans to create the rounded borders for larger divs*/
.round_span10 { display: block; line-height: 1px; overflow: hidden; height: 1px; margin: 0px 8px; }
.round_span9 { display: block; line-height: 1px; overflow: hidden; height: 1px; margin: 0px 6px; }
.round_span8 { display: block; line-height: 1px; overflow: hidden; height: 1px; margin: 0px 4px; }
.round_span7 { display: block; line-height: 1px; overflow: hidden; height: 1px; margin: 0px 3px; }
.round_span6 { display: block; line-height: 1px; overflow: hidden; height: 1px; margin: 0px 2px; }
.round_span5 { display: block; line-height: 1px; overflow: hidden; height: 1px; margin: 0px 2px; }
.round_span4 { display: block; line-height: 1px; overflow: hidden; height: 1px; margin: 0px 1px; }
.round_span3 { display: block; line-height: 1px; overflow: hidden; height: 1px; margin: 0px 1px; }
.round_span2 { display: block; line-height: 1px; overflow: hidden; height: 1px; margin: 0px 0px; }
.round_span1 { display: block; line-height: 1px; overflow: hidden; height: 1px; margin: 0px 0px; }
/*these are spans to create the rounded borders for smaller divs*/
.small_round_span5 { display: block; line-height: 1px; overflow: hidden; height: 1px; margin: 0px 4px; }
.small_round_span4 { display: block; line-height: 1px; overflow: hidden; height: 1px; margin: 0px 2px; }
.small_round_span3 { display: block; line-height: 1px; overflow: hidden; height: 1px; margin: 0px 1px; }
.small_round_span2 { display: block; line-height: 1px; overflow: hidden; height: 1px; margin: 0px 1px; }
.small_round_span1 { display: block; line-height: 1px; overflow: hidden; height: 1px; margin: 0px 0px; }	

/* Opacities - Used in various "filters" throughout site*/	  
.dark_blue_header_opacity { background: rgb(7, 59, 136); background: rgba(7, 59, 136, 0.85);  }
.dark_blue_inside_opacity { background: rgb(3, 37, 88); background: rgba(3, 37, 88, 1);}
.gray_opacity {background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.30); }
.light_blue_opacity { background: rgb(7, 48, 109); background: rgba(4, 48, 109, 0.75) }
.navigation_selected_bg {background: #03144d }
.date_opacity { background: #12448a  }

/* All Pages */
div.content_bottom {clear: both; background:transparent url('/org_files/366/images/bg_ContentBottom.gif') no-repeat right top; height: 17px}
div.content_top {background:transparent url('/org_files/366/images/bg_ContentTop.gif') no-repeat right top; height: 17px}
div.content_area {float: left; width: 954px; background:transparent url('/org_files/366/images/bg_ContentMain.gif') repeat right top; padding: 5px 13px 5px 13px}
img.expand_compress_button {cursor: default}
img.expand_compress_button:hover { cursor: pointer}
div.search_text_area {float: left; border: 0px; padding: 0px 8px 0px 8px; height: 38px; background: url('/org_files/366/images/bg_SearchText.gif') 0 0 repeat-x; }
.search_input { border: 0px; background-color: #c7d3e0; width: 120px; font-weight: bold; font-size: 12px; color: #204f93; letter-spacing: -1px; margin: 9px 0px 0px 0px }

/*Header - Home Page*/
div.home_header { width: 100%; background: url('/org_files/366/images/bg_Header.jpg') no-repeat;  padding: 0px 0px 0px 0px;}

/*Welcome Box*/
div.welcome { padding: 16px 15px 3px 15px; height: 160px;}
div.welcome_container { width: 980px;  margin-left: auto; margin-right: auto; 
			  margin-bottom: 12px; margin-top: 0px; }
div.cloud_container { width: 212px; float: left }
div.cloud {height: 90px; padding: 7px 10px 7px 13px;}
div.welcome_text_area { float: left; margin: -6px 0px 0px 18px; width: 710px; }
div.welcome_text_column { float: left; font-size: 10px; padding: 6px 0px 0px 0px; line-height: 13px }
div.jump_to_ministry_container { width: 304px; padding: 5px 0px 0px 0px; float: left; }
div.jump_to_ministry { height: 26px;  }
select.ministry_select { background-color: #b1b8c2; color: #073b88; font-weight: bold; font-size: 11px; width: 231px; 
						 margin: 3px 0px 0px 0px}
						 
/*Navigation - Home*/
div.home_navigation_container { width: 980px; margin-left: auto; margin-right: auto;  }
div.home_navigation { padding: 15px 15px 0px 15px; height: 368px;  }
div.our_mission { padding: 230px 0px 0px 5px; margin-right: 20px; width: 295px; text-align: center; float: left; color: #04388c }
div.top_navigation_area{ width: 630px; float: left; }
div.top_navigation { height: 50px; }
div.top_nav_item { float: left; color: white; font-weight: bold; font-size: 17px; padding: 0px 8px 0px 8px;  }
div.top_nav_spacing { float: left; padding: 10px 23px 0px 23px;}
div.navigation_divider { float: left; height: 29px; width: 2px; background-color: white; margin-top: 10px }
div.hope_image_container { width: 316px; float: left; margin: 12px 10px 0px 0px }
div.hope_image { padding: 5px 9px 0px 9px; height: 203px; }
div.hope_horizon_container { width: 304px; float: left; margin: 12px 0px 0px 0px; }
div.hope_horizon { height: 208px;}
div.hope_horizon p { margin: 0px; padding: 0px}
div.bottom_navigation_area { width: 949px; clear: both; padding: 10px 0px 0px 0px}
div.bottom_navigation { height: 42px;}
div.bottom_nav_spacing { float: left}
div.bottom_nav_item { padding: 0px 8px 0px 8px; color: white; font-weight: bold; font-size: 12px; text-align: center; white-space: nowrap}

div.navigation_bottom {clear: both; background:transparent url('/org_files/366/images/bg_NavigationBottom.gif') no-repeat; height: 6px}
div.navigation_top {clear: both; background:transparent url('/org_files/366/images/bg_NavigationTop.gif') no-repeat; height: 6px}
div.navigation_main {float: left; width: 949px; height: 42px; background:transparent url('/org_files/366/images/bg_SubNav.gif') repeat}

/*Navigation - Inside*/
div.inside_navigation { width: 100%; background: url('/org_files/366/images/bg_Middle.jpg') repeat; padding-top: 12px} 
div.inside_navigation_container  { width: 980px; margin-left: auto; margin-right: auto; padding-bottom: 0px }

/*Search Box - Home*/
div.home_search { float: left; width: 180px; height: 40px; padding: 6px 0px 0px 0px }

/*Search Box - Inside*/
div.header_overlay {width: 980px; height: 147px; margin-left: auto; margin-right: auto}
div.logo_overlay {float: left; margin-left: 210px; width: 105px; height: 85px}
div.inside_search { float: left; width: 225px; height: 40px; padding: 0px 5px 0px 5px}
.inside_search_width { width: 225px }
						 
/*Header - Inside*/
div.inside_header { width: 100%; background: url('/org_files/366/images/bg_InsideHeader.jpg') no-repeat ; 
			 padding: 0px 0px 0px 0px;}
			 
/*Content*/
div.content { width: 100%; background: url('/org_files/366/images/bg_Middle.jpg') repeat; padding: 18px 0px 0px 0px; }
div.content_container { width: 980px; margin-left: auto; margin-right: auto; padding-bottom: 38px;  }	

/* Inside Template */
img.inside_button {margin-bottom: 8px}
div.content_middle_bottom {clear: both; background:transparent url('/org_files/366/images/bg_ContentMainBottom.gif') no-repeat right top; height: 8px}
div.content_middle {float: left; width: 743px; margin-top: -12px}
div.content_middle_top {background:transparent url('/org_files/366/images/bg_ContentMainTop.gif') no-repeat right top; height: 8px}
div.content_middle_main {float: left; background:transparent url('/org_files/366/images/bg_ContentMainMiddle.gif') repeat right top}
div.breadcrumb {float: left; width: 518px; padding-left: 8px; margin: -5px 0px 0px 0px}
div.breadcrumb_selected_item {float: left; color: white; height: 15px}
.breadcrumb_spacing { float: left; margin: 4px 0px 0px 0px;  }





div.headline_container {clear: both; float: left; width: 504px; height: 85px; margin: 5px 11px 0px 11px; background:transparent url('/org_files/366/images/bg_PageHeadline.gif') no-repeat right top; color: white; font-size: 26px}
div.headline {clear: both; float: left; padding: 28px 15px 12px 15px}
div.bodytext {clear: both; float: left; width: 502px; padding: 12px; margin-top: 4px}

/* Inside Template - Left & Right Sidebars */
div.content_sidebar {float: left; width: 200px; margin-top: -12px}
div.right_side {margin-left: 11px}
div.left_side {margin-right: 11px}
div.sidebar {margin-bottom: 12px}
div.subnav_top {background:transparent url('/org_files/366/images/bg_SubNavTop.gif') no-repeat right top; height: 6px}
div.subnav_main {background:transparent url('/org_files/366/images/bg_SubNav.gif') repeat right top; color: white}
div.subnav_bottom {background:transparent url('/org_files/366/images/bg_SubNavBottom.gif') no-repeat right top; height: 6px}
div.subnav_header {font-size: 12px; padding-left: 5px}
div.subnav_item {padding: 3px 8px 0px 8px; background:transparent url('/org_files/366/images/bg_SubNav.gif') repeat right top}
div.sidebar_top {background:transparent url('/org_files/366/images/bg_SidebarTop.gif') no-repeat right top; height: 6px}
div.sidebar_main {background:transparent url('/org_files/366/images/bg_Sidebar.gif') repeat right top; color: white}
div.sidebar_bottom {background:transparent url('/org_files/366/images/bg_SidebarBottom.gif') no-repeat right top; height: 6px}
div.sidebar_header {font-size: 16px; padding-left: 22px}
div.sidebar_item {padding: 3px 8px 0px 8px; background:transparent url('/org_files/366/images/bg_Sidebar.gif') repeat right top}
div.sidebar_item_text {padding-left: 15px; padding-right: 5px}
div.sidebar_item_outside {background:transparent no-repeat right top; height: 5px}

/* Footer */
div.footer {width: 100%; background: url('/org_files/366/images/bg_Footer.jpg') repeat }
div.footer_container { width: 980px; margin-left: auto; margin-right: auto; padding: 21px 0px 44px 0px}
div.footer_top { background:transparent url('/org_files/366/images/bg_FooterTop.gif') no-repeat right top; height: 15px }
div.footer_middle { padding: 5px 25px 25px 25px; background:transparent url('/org_files/366/images/bg_FooterMiddle.gif') repeat;}
div.footer_bottom { background:transparent url('/org_files/366/images/bg_FooterBottom.gif') no-repeat right top; height: 15px }					 
div.partners { width: 631px; height: 88px; background:transparent url('/org_files/366/images/bg_Partners.gif') no-repeat; float: left; margin: 13px 0px 0px 0px}
div.big_footer_button { width: 263px; height: 41px; background:transparent url('/org_files/366/images/bt_BigFooterButton.gif') no-repeat; float: left; margin: 13px 0px 0px 26px; font-size: 14px; font-weight: bold}	
div.small_footer_button { width: 168px; height: 26px; background:transparent url('/org_files/366/images/bt_SmallFooterButton.gif') no-repeat; float: left; margin: -8px 0px 0px 124px; }		
div.footer_links { clear: both; padding: 14px 0px 0px 115px; font-size: 15px; color: white; font-weight: bold; letter-spacing: -1px}		
div.footer_link { float: left; padding: 0px 15px 0px 15px }
div.footer_link_divider { float: left; height: 12px; width: 2px; margin-top: 4px; background-color: white}
div.copyright_address { clear: both; padding: 12px 0px 0px 0px; text-align: center; font-size: 11px; color: #a8b89e; }
img.media_link_margin { float: left; margin: 0px 0px 0px 20px }
div.insight { font-size: 9px; color: #a8b89e; clear: both; padding: 12px 0px 0px 0px}
a.insight_link { color: #c45c1d; font-weight: bold; text-decoration: none; font-size: 10px}
a.insight_link:hover { color: #c45c1d; font-weight: bold; text-decoration: underline; font-size: 10px;}

/*Home Page CONTENT*/
div.light_green_area {width: 308px; float: left; margin: 0px 14px 0px 0px;  }
div.light_green_top { background:transparent url('/org_files/366/images/bg_LightGreenTop.gif') no-repeat; height: 7px }
div.light_green_middle { background:transparent url('/org_files/366/images/bg_ContentMainMiddle.gif') repeat; padding: 6px 20px 10px 20px; height: 517px;}
div.light_green_bottom { background:transparent url('/org_files/366/images/bg_LightGreenBottom.gif') no-repeat; height: 7px }	
div.section_title { font-size: 18px; margin-bottom: 15px }
div.news_item { width: 258px; padding: 0px 5px 0px 5px; }
.news_event_title { font-size: 13px; }
.news_event_description { font-size: 11px; }
div.event_row { float: left; width: 258px; padding: 0px 5px 0px 5px;}
div.event_item { float: left; width: 185px; padding: 0px 0px 0px 12px; }
div.date_box_container { width: 58px; float: left; }
div.date_box { height: 62px; text-align: center; }
.date_month { font-size: 22px }
.date_day { font-size: 40px }
div.index_right_side { width: 308px; height: 244px; float: left;}
div.campaigns {width: 308px; height: 244px; background:transparent url('/org_files/366/images/bg_CampaignGoals.gif') no-repeat;}
div.link_button { width: 307px; height: 60px; margin: 16px 0px 0px 0px}

/*Forms*/
div.dark_green_container { width: 502px; }
div.dark_green_top { background:transparent url('/org_files/366/images/bg_DarkGreenTop.gif') no-repeat; height: 5px }
div.dark_green_middle { background-color: #587b18; padding: 5px 10px 5px 10px; }
div.dark_green_bottom { background:transparent url('/org_files/366/images/bg_DarkGreenBottom.gif') no-repeat; height: 5px }

div.dark_green_form_container { width: 502px; }
div.dark_green_form_top { background:transparent url('/org_files/366/images/bg_DarkGreenFormTop.gif') no-repeat; height: 56px }
div.dark_green_form_middle { background:transparent url('/org_files/366/images/bg_DarkGreenFormMiddle.gif') repeat; 
							 padding: 12px 10px 8px 10px; }
div.dark_green_form_bottom { background:transparent url('/org_files/366/images/bg_DarkGreenFormBottom.gif') no-repeat; height: 5px }

.white_form_text { font-size: 12px; color: white; }
.dark_green_form_text { font-size: 12px; color: #587b18}
.form_heading_text { font-size: 16px; color: white; }
div.white_circle { background:transparent url('/org_files/366/images/gr_WhiteCircle.gif') no-repeat; height: 24px; width: 24px; font-size: 16px; color: #587b18; text-align: center; padding: 2px 0px 0px 0px  }
div.form_heading { padding: 2px 0px 0px 4px }
div.field_title { background-color: #577b18; height: 19px; padding: 5px 7px 0px 7px; font-size: 12px; color: white;}
div.text_field { background-color: white; height: 24px;}
.field_char_padding { padding: 0px 2px 0px 0px}
.cross { font-size: 7px}
input.text_field { padding: 4px 4px 4px 4px; border: 0px; color: #587b18; font-size: 12px;}
input.phone_field_padding { padding: 4px 2px 4px 2px;}
select.select_field { padding: 4px 4px 0px 4px; border: 0px; border: none; color: #587b18; font-size: 12px;}
textarea.textarea_field { padding: 4px 4px 0px 4px; border: 0px; color: #587b18; font-size: 12px;}
div.form_continue_button { border: 1px solid #608222; width: 128px; height: 55px; color: #587b18; background-color: white;}

/*special field styles due to cross-browser differences*/
.continue_instructions { font-size: 11px; width: 320px; height:39px; overflow: hidden; padding: 8px 10px 10px 10px}
.donation_address_field_width {width: 407px; }
.donation_event_field_width { width: 265px }
.donation_in_honor_of_field_width { width: 324px }