/* =General -- cfpmain.css
---------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;	
}

body {
	background: #FFFFFF;
	font-family: georgia, arial, verdana, sans-serif;
	color: #7D7D7D;
	margin: 0;
	font-size: 12px;
}

.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
	width: 100%;
}

.clearit:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }   
.clearit { min-height: 0; height: 0; }   
html>body .clearit { height: auto; }

ul, ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
hr{
	color:#DCE9ED;
}

/* =Layout
---------------------------------------------------------------------------------------------------- */
#wrapper {
	width: 980px;
	margin: 0 auto 0 auto;
}

/* Home Page */

#main-content-home {
	background: #E2EDF1;
	clear: both;
	margin: 0;
	padding: 0;
}

/* Pages with a three-column format */

#main-content {
	background: #E7F0F3 url('../images/wrapper/bg-main.gif') 0 0 repeat-y;
	clear: both;
	margin: 0;
	border-top: 1px solid #BFCFDA;
}

#main-content #left-nav {
	float: left;
	width: 172px;
}

#main-content #middle-col {
	float: left;
	width: 238px;
}

#main-content #right-col {
	float: right;
	width: 570px;
	_width: 555px;
}

/* Pages with a two-column format */

#main-content-2col {
	background: #E7F0F3 url('../images/wrapper/bg-main-2col.gif') 0 0 repeat-y;
	clear: both;
	margin: 0;
	border-top: 1px solid #BFCFDA;
}

#main-content-2col #left-nav {
	float: left;
	width: 172px;
}

#main-content-2col #right-col {
	float: right;
	width: 808px;
	_width: 802px;
}

#main-content-2col #right-col #text-content {
	padding: 0 24px 20px 26px;
}

/* Non Main Pages with a two-column format */

#sub-content-2col {
	background: #F7FAFB url('../images/wrapper/bg-sitemap.gif') 0 0 repeat-y;
	clear: both;
	margin: 0;
	border-top: 1px solid #BFCFDA;
}

#sub-content-2col #left-nav {
	float: left;
	width: 172px;
}

#sub-content-2col #right-col {
	float: right;
	width: 808px;
	_width: 804px;
}

#sub-content-2col #right-col #text-content {
	padding: 0 24px 20px 26px;
}

#text-content {
	padding: 10px 20px 20px 26px;
	font-family: georgia; 
}

#donate {
	height: 200px;
	background: #E2EDF1; 
}

#text-content li {
	padding: 0 0 6px 0;
	font-size: 14px;
}

#sort-by p {
    font-size:11px !important;
}
#view-by p {
    font-size:11px !important;
}

#happenings-news 
{
    font-style:italic;
    color: #7D7D7D;
}

#happenings-events
{
    font-style:italic;
   color: #7D7D7D;
}


#text-content p {
	padding: 0 0 10px 0;
	font-family: georgia;
	font-size: 14px;
	color: #7D7D7D;
	line-height: 20px; 
}

#text-content-home {
	padding: 33px 22px 31px 24px;
	background: #FFFFFF; 
}


#text-intro-home{
	margin: 0 auto;
	padding: 22px 22px 18px 24px;
	background: #FFFFFF; 
}

#text-intro-home-shorter{
	margin: 0 auto;
	padding: 2px 22px 2px 24px;
	background: #FFFFFF; 
}

.intro-text {
	color: #7D7D7D; 
	font-size: 23px !important;
	line-height: 36px !important;
	font-weight: normal;
	text-align: justify;
}

.intro-text a {
	text-decoration: none;
	font-style: italic;
}

.happenings-text-header {
	color: #5E88A2 !important; 
	font-size: 20px !important;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom: 20px;
	padding-left: 3px;
}

.happenings-text {
	color: #7D7D7D; 
	font-size: 25px !important;
	font-weight: normal;
	margin-bottom: 20px;
}

.small-text {
	color: #7D7D7D; 
	font-size: 12px !important;
	font-weight: normal;
	text-align: left !important;
}

.happenings-small-text {
	color: #7D7D7D; 
	font-size: 12px !important;
	font-weight: bold;
	line-height: 13px;
	padding-left: 3px;
}

.happenings-small-text span {
	color: #7D7D7D; 
	font-size: 11px !important;
	font-style: italic;
	line-height: 13px;
	font-weight: normal;
}

/* H1... see also happenings-text-header */

H1 {
	/*color: #5E88A2;
	font-size: 24px;
	padding-bottom: 10px;*/
	
	color: #5E88A2 !important; 
	font-size: 20px !important;
/*
font-family: helvetica,arial,san-serif !important;
font-size: 24px !important;
*/
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom: 20px;
	padding-left: 0px; /* 3px; */
}

H2 {
	color: #7B7979;
	font-family:georgia,verdana;
	font-size: 18px !important;
	padding-bottom: 10px;
	margin-top:10px;
	font-weight:normal;
}

H3 {
	color: #737474;
	font-size: 14px;
	margin: 0;
	padding-bottom: 6px;
}

a {
	text-decoration:none;
	font-style:italic;
}


/* =Featured Nonprofits
--------------------------------------------------------------------------------------------------- */
#featured-nonprofits h3 {
	font-size: 16px;
	color: #5E88A2;
	font-weight: normal;
}

#featured-nonprofits h3.gray a {
	font-size: 16px;
	color: #3D3C3C;
	font-weight: normal;
	margin-left: 20px;
}

#featured-nonprofits h3.gray a:hover {
	text-decoration: underline
}

#featured-nonprofits p {
	font-size: 12px;
	color: #7B7979;
	font-weight: normal;
	margin-left: 20px;
	line-height: 16px;
}

#featured-nonprofits p.location {
	font-size: 11px;
	color: #7B7979;
	font-weight: normal;
	margin-left: 20px;
	line-height: 16px;
}

#featured-nonprofits ul {
	padding: 0px 0 20px 0;
}

#featured-nonprofits ul li {
	padding: 0 0 10px 0;
}

#featured-nonprofits a {
	font-size: 18px;
	color: #7B7979;
	text-decoration: none;
	font-style:normal;
}

#featured-nonprofits a:hover {
	font-size: 18px;
	color: #5E88A2;
	text-decoration: underline;
}

#featured-nonprofits a.thumbnail {
	font-size: 12px;
	color: #7B7979 !important;
	font-weight: normal;
}

#give-landing a{
	font-style: italic;
	text-decoration: none;
}

#thumb_writeup a {
	font-size: 12px !important;
	color: #4A4848 !important;
}

#featured-nonprofits a.thumbnail:hover {
	font-size: 12px;
	color: #7B7979 !important;
	text-decoration: underline;
}

#featured-nonprofits a.thumbnail2 {
	font-size: 11px;
	color: #4A4848 !important;
	font-weight: normal;
	text-decoration: none;
}


#featured-nonprofits a.thumbnail2:hover {
	font-size: 11px;
	color: #5E88A2 !important;
	text-decoration: none;
}

.location {
	font-size: 12px !important;
}

/* =Header + toolbar
--------------------------------------------------------------------------------------------------- */

#branding-home {
	min-height: 100px;
	height: auto !important;
	height: 100px;
}

#branding-home-old {
	min-height: 122px;
	height: auto !important;
	height: 122px;
}

#branding {
	min-height: 95px;
	height: auto !important;
	height: 95px;
}

#branding #logo, #branding-home #logo {
	padding: 0 19px 0 23px;
	float: left;
}

#branding #wordmark, #branding-home #wordmark {
	padding: 33px 0 0 0;
	float: left;
}

#branding #wordmark-sm, #branding-home #wordmark-sm {
	padding: 24px 0 0 0;
	float: left;
}

#branding #top-navigation, #branding-home #top-navigation {
	float: right;
	padding: 12px 28px 0 0;
}

/* =Main nav
---------------------------------------------------------------------------------------------------- */
#main-nav {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	/* border-bottom: 1px solid #C9DDE4; */
}

#main-nav ul {
	float: right;
	margin: 0 0 -3px 0 !important;
	padding: 0 !important;
}	

#main-nav ul li {
	float: left;
	margin: 0 0 0 4px;
	padding: 0 !important;
}

/* =Left-Nav
--------------------------------------------------------------------------------------------------- */

#left-nav ul
{
    margin: 0;
    padding: 18px 16px 0 25px;
    list-style-type: none;
}

/* Sub-Navigation */

#left-nav li ul {
	padding: 0 !important;
	margin: 0 !important;
}

#left-nav li ul li {
	padding: 0 !important;
	margin: 0 !important;
}

#left-nav li ul li a {
	color: #5E88A2;
    text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	padding: 0 0 0 12px;
	margin: 0;
}

#left-nav li ul li a.on, #left-nav li ul li a:hover  {
	background: url('../images/subnav-bullet.gif') 0 4px no-repeat;
	color: #5E88A2;
	padding: 0 0 0 12px;
	margin: 0;
}

.left-nav-divider 
{
    padding: 5px 0 8px 0;
} 

.left-nav-divider2 
{
    padding: 14px 0 14px 0;
} 

.left-nav-divider3 
{
    height: 10px;
}  

#left-nav p {
	color: #7D7D7D;
	font-size: 11px;
	font-weight: normal;
	padding-top: 20px;
}

/* =Left-Nav - All Non-Profits & Search
--------------------------------------------------------------------------------------------------- */

#anp {
	padding: 20px 0 0 0;
}	

#search {
	color:#737474 !important; 
	font-size: 11px !important; 
}	

#donate {
	padding-top: 20px; 
}

/* =Links
---------------------------------------------------------------------------------------------------- */
a {
	color: #5E88A2;
}

a:hover {
	color: #000000;
}

/* =Back to List
---------------------------------------------------------------------------------------------------- */
ul#back {
	float: left;
	padding: 14px 0 0 29px;
	list-style: none !important;
}

/* =Utilities (Font resize, etc.)
---------------------------------------------------------------------------------------------------- */
ul#utils  {
	float: right;
	padding: 16px 24px 10px 0;
	list-style: none !important;
}

ul#utils li {
	float: left;
	padding: 0 0 0 14px;
}

ul#utils li img {
	margin: -2px 0 0 0;
}

ul#utils li.first {
	float: left;
	padding: 0;
}

ul#utils li ul#font-resize {
	float: left;
	padding: 0 !important;
	list-style: none !important;
}

ul#utils li ul#font-resize li {
	padding: 0 0 0 4px !important;
}

ul#utils li ul#font-resize li img {
	margin: 0;
	position: relative;
} 

/* =Testimonial
---------------------------------------------------------------------------------------------------- */
#testimonial img {
	text-align: center;
	margin: 18px 16px 8px 16px;
}

.divider {
	margin: 0;
}

#testimonial h2 {
	font-family: Georgia;
	color: #5E88A2;
	font-size: 12px;
	margin: 10px 12px 0 14px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 0;
}

#testimonial h3 {
	font-family: Georgia;
	color: #7D7D7D;
	font-size: 18px;
	margin: 10px 12px 0 14px;
	font-weight: normal;
	line-height: 28px;
	padding: 0;
}

#testimonial p {
	font-family: Georgia;
	color: #737474;
	font-size: 13px;
	line-height: 20px;
	margin: 10px 12px 0 12px;
	margin-bottom:1px;
	font-weight: normal;
}
#testimonial #what p{
	margin:0 0 0 1px !important;
}

#testimonial a {
	font-size: 14px;
	margin-right: 12px;
}

#testimonial p.author {
	color:#5E88A2;
	font-size: 12px !important;
	font-family: Georgia;
	line-height: 12px !important;
	text-transform: uppercase;
}

#testimonial p.author-location {
	font-style: italic !important;
	font-size: 12px  !important;
	color:#5E88A2  !important;
	line-height: 12px !important;
	margin-top: 1px;
}

/* =Footer
---------------------------------------------------------------------------------------------------- */

#footer-divider {
	width: 980px;
	border-top: 1px solid #DCE9ED;
	height: 1px;
	margin: 0 auto 0 auto;
}

#footer {
	width: 980px;
	background: #8EABBE;
	margin: 3px auto 0 auto;
}

#footer #footer-links {
	float: left;
	margin: 16px 0 12px 24px
}

#footer #footer-tools {
	float: left;
	margin: 15px 0 0 100px
}

/* =Forms
---------------------------------------------------------------------------------------------------- */
.button {
	background-color: #FFFFFF;
	border: 1px solid #5E88A2;
	color: #5E88A2;
	font-weight: bold;
	overflow: visible;
	padding: 0.25em;
	_padding: 0.25em 0.5em;
	width: auto;
	}
	
.search-field {
	width:100px; 
	font-family:arial;
	font-size: 11px;
	color: #7D7D7D;
	height: 16px;
}

.select-field, select {
	width:126px; 
	font-family:arial;
	font-size: 11px;
	color: #7D7D7D;
}

fieldset {
	padding: 4px;
}


/* =Banners
---------------------------------------------------------------------------------------------------- */

#banner-nature {
	background: #9AA547;
	min-height: 120px;
	height: auto !important;
	height: 120px;
	margin-left: 2px;
}

#banner-culture {
	background: #9E7F9E;
	min-height: 120px;
	height: auto !important;
	height: 120px;
	margin-left: 2px;
}

#banner-education {
	background: #5E88A2;
	min-height: 120px;
	height: auto !important;
	height: 120px;
	margin-left: 2px;
}

#banner-human-services {
	background: #CE6E71;
	min-height: 120px;
	height: auto !important;
	height: 120px;
	margin-left: 2px;
}

#banner-international {
	background: #FDAF17;
	min-height: 120px;
	height: auto !important;
	height: 120px;
	margin-left: 2px;
}

#banner-general {
	background: #5E88A2;
	min-height: 120px;
	height: auto !important;
	height: 120px;
	margin-left: 2px;
}

#banner-nature #label, #banner-culture #label, #banner-education #label, #banner-human-services #label, #banner-international #label, #banner-general #label {
	float: left;
	padding: 75px 0 0 26px;
}

#banner-nature #quote, #banner-culture #quote, #banner-education #quote, #banner-human-services #quote, #banner-international #quote, #banner-general #quote {
	float: right;
	padding: 58px 22px 0 0;
}

#banner-nature #quote p, #banner-culture #quote p, #banner-education #quote p, #banner-human-services #quote p, #banner-international #quote p, #banner-general #quote p {
	text-align: right;
	color: #FFFFFF;
	font-size: 11px;
	font-style: italic;
	line-height: 16px;
	font-family: georgia, verdana
}

#banner-sm-nature {
	background: #9AA547;
	min-height: 79px;
	height: auto !important;
	height: 79px;
	margin-left: 2px;
}

#banner-sm-culture {
	background: #9E7F9E;
	min-height: 79px;
	height: auto !important;
	height: 79px;
	margin-left: 2px;
}

#banner-sm-education {
	background: #5E88A2;
	min-height: 79px;
	height: auto !important;
	height: 79px;
	margin-left: 2px;
}

#banner-sm-human-services {
	background: #CE6E71;
	min-height: 79px;
	height: auto !important;
	height: 79px;
	margin-left: 2px;
}

#banner-sm-international {
	background: #FDAF17;
	min-height: 79px;
	height: auto !important;
	height: 79px;
	margin-left: 2px;
}

#banner-sm-general {
	background: #5E88A2;
	min-height: 79px;
	height: auto !important;
	height: 79px;
	margin-left: 2px;
}

#banner-sm-general2 {
	background: #F7FAFB;
	min-height: 79px;
	height: auto !important;
	height: 79px;
	margin-left: 2px;
}

#banner-sm-nature #label, #banner-sm-culture #label, #banner-sm-education #label, #banner-sm-human-services #label, #banner-sm-international #label, #banner-sm-general #label, #banner-sm-general2 #label {
	float: left;
	padding: 35px 0 0 26px;
}

.plain {
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.plain2 {
	font-style: normal;
	text-transform: uppercase;
}

/* =Homepage Flash & Announcements
--------------------------------------------------------------------------------------------------- */

#home-flash {
	width: 693px;
	float: left;
	height: 411px;
}

#home-announcements {
	float: right;
	width: 287px;
	background: #E2EDF1;
}

#home-announcements #news {
	overflow:hidden;
}

#news #important-announcement h2 {
	color:#5E88A2;
	font-size: 32px !important;
	font-family: Georgia;
	margin: 0 0 6px 0;
	padding: 0 !important;
	font-weight: normal;
}

#news #important-announcement p {
	font-family: Georgia;
	color: #5E88A2;
	font-size: 14px;
	margin: 0 0 20px 0;
	padding: 0 !important;
}

#news #regular-announcement h2 {
	color:#6D6E71;
	font-size: 20px !important;
	font-family: Georgia;
	margin: 18px 0 4px 0;
	padding: 0 !important;
	font-weight: normal;
}

#news #regular-announcement p {
	font-family: Georgia;
	color:#6D6E71;
	font-size: 12px;
	margin: 0 0 26px 0;
	padding: 0 !important;
	line-height: 22px;
}
/*
#home-announcements #news-navigation {
	position: relative;
	top: 370px;
	left: 254px;
}
*/
#home-announcements #news-navigation {
	margin: 16px 20px 0 0;
}



/* =Advanced Search & Catalogue Quick Links
--------------------------------------------------------------------------------------------------- */
#advanced-search {
	float: right;
	width: 400px;
	padding: 20px;
	background: #E2EDF1;
}


#quick-links {
	float: left;
	width: 300px;
	padding-bottom: 20px;
}


#quick-links a {
	text-decoration : none;
	font-style : italic;
}

#quick-links #links p {
	line-height: 75%;
}


/* =View & Sorting Links
--------------------------------------------------------------------------------------------------- */
#sort-view-by {
	float: right;
}
#sort-view-by2 {
	float: right;
}

/* =Nonprofit Details
--------------------------------------------------------------------------------------------------- */
#nonprofit-details {
	padding-top: 0px;
}

#nonprofit-details #lg-photo {
	float: right;
	margin: 0 0 10px 20px;
}

#nonprofit-details h2 {
	font-weight: normal;
	font-size: 22px;
	color: #7B7979;
}

#nonprofit-details #wishlist p {
	font-style: italic;
	font-size: 12px;
	color: #5E88A2;
	line-height: 24px;
	text-align: left;
}

#nonprofit-details  p {
	font-style: normal;
	font-size: 13px;
	color: #7B7979;
	line-height: 22px;
	text-align: justify;
}

/* =Content Details
--------------------------------------------------------------------------------------------------- */
#content-details {
	padding-top: 0px;
}

#content-details h2 {
	font-weight: normal;
	font-size: 22px;
	color: #7B7979;
}

#content-details  p {
	font-style: normal;
	font-size: 13px;
	color: #7B7979;
	line-height: 22px;
}


/* - Login box 
---------------------------------------------------------------------------------------------------------------------*/
#Login-box {
	margin-left: 2em;
	width: 400px;
	padding: 20px;
	background: #E2EDF1;

}
#Login-box a {
	text-decoration : none;
	
}
#signup-box {
	float:right;
	width: 400px;
	padding: 20px;
	background: #E2EDF1;

}
#signup-box a {
	text-decoration : none;
	
}

/* = form gift card
--------------------------------------------------------------------------------------------------------------*/
#giftcard_form{
	margin-left:2em;
}

#giftcard_form  #gleft{
	float:left;
	width:90px;
}

#giftcard_form  #gright{
	float:left;

}

/* = form gift card
--------------------------------------------------------------------------------------------------------------*/
#giftcard_form_part3{
	margin-left:2em;
}

#giftcard_form_part3  #gleft{
	float:left;
	width:90px;
}

#giftcard_form_part3  #gright{
	float:left;

}

/* = gift registry
--------------------------------------------------------------------------------------------------------------*/
#new_gift_reg{
	margin-left:2em;
	background: #E2EDF1;
	padding: 20px;
}

#new_gift_reg  #gleft{
	float:left;
	width:175px;
}

#new_gift_reg  #gright{
	float:left;

}

#red_star{
	color: red;
}


/* - saved favorites list
-----------------------------------------------------------------------------------------------------------------*/
#savedfavlist{
	margin-left:.5em;
}

#savedfavlist #favleft{
	float:left;
	width:35px;
}

#savedfavlist  #favright{
	float:left;

}


/* = Giving Cart
--------------------------------------------------------------------------------------------------------------*/
#givingcart_form {
	margin-left:2em;
}

#givingcart_form  #gleft{
	float:left;
	width:120px;
}

#givingcart_form  #gright{
	float:left;

}


/* - Gift Registry
---------------------------------------------------------------------------------------------------------------------*/

.content-indented{
	margin-left:.5em;

}
.content-indented-more{
	margin-left:1em;
}


.cart table
{
    border-color: #DCE9ED;
    border-style: solid;
}

.cart  table
{
    width: 100%;
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

.cart  td
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
    background-color: #FFF;
}

.cart  th
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
	color:#FFFFFF;
    background-color: #DCE9ED;
}


.cart table th{
	text-align: left;
	color: #FFF !important;
	background-color: #5E88A2;
}
.cart table td{
	text-align: left;
}


/* - Input button and text styles
---------------------------------------------------------------------------------------------------------------------*/

input.btn {

	text-align: center; 
	padding-top:2px;padding-left:5px;padding-right:2px;padding-bottom:2px;
	border-width: 1px; 
	color: #5E88A2 !important; 
	background-color: #E7F0F3 !important;
	border-color: #5E88A2 !important; 
	border-top-color: #5E88A2 !important; 
	border-bottom-color: #5E88A2 !important; 
	border-left-color: #5E88A2 !important; 
	border-right-color: #5E88A2 !important; 
					
	font-family: helvetica,sans-serif;
	text-transform: uppercase;
	font-size : 13px;
	cursor: pointer; 
}

input.txt {
  
  background-color: #FFF;
  border:#5E8AA2 solid 1px  inset;
  text-transform: uppercase;
}



.sidebyside_form{
	margin-left:2em;
}

.sidebyside_form  #gleft{
	float:left;
	width:120px;
}

.sidebyside_form  #gright{
	float:left;

}


/* 9/2015 removed ... label { display: block; width: 5em; float: left; text-align:right;padding-right:2em;} */

/* ------------ ERIK ADDS ------------- */


a:hover {
	text-decoration:underline !important;
}

.accountnav { font-family:arial;font-size:10px;font-style:normal;color:#7B7979; }

a.normal {font-style:normal;} 

/* like kids_list.php and kids_process.php */
a.gray {
	font-size: 18px;
	color:#7B7979;
	font-weight: normal;
	font-style:normal;
}