@charset "UTF-8";
/* CSS Document */

body  {
	background:  #ffffff url(/images/layout/background.jpg) top center no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center; 
	color: #000000;
}

*, div { 
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 1.5em;
	font-weight: normal;
	color: #263c62;
	text-align: left;
	margin: 0px;
}

.space {
	margin-bottom: 14px;
}

.longspace {
	margin-bottom: 400px;}

.clear {
	clear: both;
}

h2 {
	font-size: 1.0em;
	font-weight: normal;
	color: #263c62;
	text-align: left;
	margin-bottom: 14px;
}

h3 {
	font-size: 0.76em;
	font-weight: bold;
	border-bottom: thin dotted;
	color: #263c62;
	text-align: left;
	margin-bottom: 7px;
}

p {
	font: 0.75em Arial, Helvetica, sans-serif;
	text-align: left;
	color: #000000;
	line-height: 150%;
	margin-bottom: 14px;
}

a {
	color: #263c62;
	text-decoration: underline;
}

hr {
	border: 0;	
	border-bottom: thin dotted #263c62;
	background: #263c62;
	margin-bottom: 14px;
	width: auto;
}

#mainarea {
	margin: 60px auto 0; 
	position: relative;
	width: 989px;
	background: transparent;
}

/* ------------ TOP HEADER ------------ */

#logo {
	float: left;
	width: 355px;
}

#logo a, #logo img {
	text-decoration: none;
	border: none;
}

#find {
	float: right;
	width: 278px;
}

#share {
	text-align:right;
	padding: 12px 0px 0 0;
}

#share a {
	font-size: 0.8em; 
	color: #ffffff;
	text-decoration: none;
}

#fb {
	padding-top: 12px;
	margin-left: 0px;
	margin-right: 0px;
}


/* ------------ SEARCH FIELD ------------ */

.search {
	width: 278px;
	margin-top: 12px;
}

form.search input.searchtext {
	background: url(/images/layout/search.png) top left no-repeat;
	border: none;
	float: right;	
	width: 201px;
	height: 31px;
	font-size: 0.89em;
	padding: 6px 0 0 6px;
}


form.search input.find {
	background: url(/images/layout/find.png) top right no-repeat;
	border: none;
	float: right;
	width: 71px;
	height: 31px;
	font-size: 1em;
	color: white;
	padding-bottom: 6px;
}



/* ------------ MAIN NAVIGATION ------------ */

#main-nav {
	float: left;
	background: url(/images/navigation/navigation.png) top left no-repeat;
	width: 999px;
	margin-top: 14px;
	min-height: 69px;
  	height: auto !important;
  	height: 69px;
}

ul#top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.89em;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align:middle;
	list-style: none;
	margin-top: 16px;
}

ul#top li{
	float: left;
	width: 123.5px;
}

ul#top a {
	display: block;
	float: left;
	color: #f5cd7d;
	width: 112px;
	text-decoration: none;
	/*padding: 0px 7px;*/
}

ul#top li:hover,
ul#top li:hover a,
#home ul#top li#default a,
#home ul#top li#default li,
#about ul#top li#about-us a,
#about ul#top li#about-us li,
#news ul#top li#news-reports a,
#news ul#top li#news-reports li,
#where ul#top li#where-we-serve a,
#where ul#top li#where-we-serve li,
#who ul#top li#who-we-serve a,
#who ul#top li#who-we-serve li,
#involved ul#top li#get-involved a,
#involved ul#top li#get-involved li,
#history ul#top li#past a,
#history ul#top li#past li,
#contact ul#top li#contact-us a,
#contact ul#top li#contact-us li {
	color: #ffffff;
	font-weight: bold;
}



/* ------------ SIDE NAVIGATION ------------ */

#navlist {
	float: left;
	width: 242px;
	margin: -224px 0 0 15px;
	position: relative;
	text-align: center;
}

#navlist ul {
	list-style: none;
	font-size: 90%;
}

#navlist li {
	font-weight: bold;
}

#navlist a {
	float: left;
	background: url(/images/navigation/tab1.png) top left no-repeat ;
	text-decoration: none;
	color: #000000;
	width: 220px;
	min-height: 41px;
	height: auto !important;
	height: 41px;
	padding-top: 10px;
}

#navlist a:hover {
	background: url(/images/navigation/hover.png) top left no-repeat;
}

.welcome li#nav-welcome a,
.who-we-are li#nav-who-we-are a,
.mission-statement li#nav-mission-statement a,
.financial li#nav-financial a,
.board li#nav-board a,
.jobs li#nav-jobs a,
.reports li#nav-reports a,
.news li#nav-news a,
.publications li#nav-publications a,
.links li#nav-links a,
.media li#nav-media a,
.enews li#nav-enews a,
.counties li#nav-counties a,
.black-belt li#nav-black-belt a,
.general li#nav-general a,
.timeline li#nav-timeline a,
.civil-rights li#nav-civil-rights a,
.saint li#nav-saint a,
.hope li#nav-hope a,
.exhibit li#nav-exhibit a,
.hungry li#nav-hungry a,
.shelter-clothing li#nav-shelter-clothing a,
.education-elder li#nav-education-elder a,
.crafts li#nav-crafts a,
.getinvolved li#nav-getinvolved a,
.donate li#nav-donate a,
.founders-club li#nav-founders-club a,
.planned-giving li#nav-planned-giving a,
.volunteer li#nav-volunteer a,
.prayer li#nav-prayer a,
.connect li#nav-connect a,
.biography li#nav-biography a {
	background: url(/images/navigation/active.png) top left no-repeat;
}

/* ------------ SUB NAVIGATION ------------ */

#subnavlist {
	width: 209px;
	margin-left: 33px;
}

#subnavlist a {
	background: url(/images/navigation/tab-sub.png) top left no-repeat ;
	width: 187px;
	color: #65625a;
}

li#nav-reports ul#subnavlist li a, 
li#nav-media ul#subnavlist li a, 
li#nav-publications ul#subnavlist li a, 
li#nav-counties ul#subnavlist li a,
li#nav-black-belt ul#subnavlist li a,
li#nav-founders-club ul#subnavlist li a, 
li#nav-timeline ul#subnavlist li a, 
li#nav-biography ul#subnavlist li a {
    background: url(/images/navigation/tab-sub.png) top left no-repeat;
} 

#subnavlist li a:hover {
	color: black;
}

.reports-2008 li#subnav-2008 a,
.reports-2009 li#subnav-2009 a,
.reports-2010 li#subnav-2010 a,
.reports-2011 li#subnav-2011 a,
.reports-current li#subnav-current a,
.media-preschools li#subnav-preschools a,
.media-video li#subnav-video a,
.media-center li#subnav-center a,
.media-mosaic li#subnav-mosaic a,
.media-advent li#subnav-advent a,
.media-stations li#subnav-stations a,
.newsletters li#subnav-newsletters a,
.pastnewsletters li#subnav-pastnewsletters a,
.form-newsletters li#subnav-form-newsletters a,
.where-overview li#subnav-overview a, 
.where-selma li#subnav-selma a, 
.where-mosses li#subnav-mosses a,
.where-pineapple li#subnav-pineapple a, 
.where-vredenburgh li#subnav-vredenburgh a,
.where-anniston li#subnav-anniston a, 
.where-neworleans li#subnav-neworleans a,
.belt-expectancy li#subnav-expectancy a,
.belt-facts li#subnav-facts a,
.belt-teenmothers li#subnav-teenmothers a,
.belt-childhealth li#subnav-childhealth a,
.belt-hungeramerica li#subnav-hungeramerica a,
.fc-info li#subnav-info a,
.fc-join li#subnav-join a,
.timeline-1930 li#subnav-1930 a,
.timeline-1950 li#subnav-1950 a,
.timeline-1970 li#subnav-1970 a,
.timeline-1990 li#subnav-1990 a,
.biography-frrichard li#subnav-frrichard a,
.biography-frsteve li#subnav-frsteve a,
.biography-chad li#subnav-chad a {
    color: black;
} 



/* ------------ HEADER ------------ */

#header-home {
	float: left;
	background: #ffffff url(/images/layout/header-home.jpg) top left no-repeat;
	width: 989px;
	min-height: 464px;
  	height: auto !important;
	height: 464px;
	
}

#header-interior {
	float: left;
	background: #ffffff url(/images/layout/header-interior.jpg) top left no-repeat;
	width: 989px;
	min-height: 289px;
  	height: auto !important;
	height: 289px;
	
}

#headerimage {
	position: absolute;
	top: 193px;
	left: 55px;
}

/* ------------ ACTION FIELDS ------------ */

#action-home {
	position: absolute;
	top: 262px;
	left: 596px;
	margin: 0px;
}

#action-home ul, #action-interior1 ul, #action-interior2 ul {
	list-style: none;
	margin: 14px 24px;
}

#action-home li, #action-interior1 li, #action-interior2 li {
	background: url(/images/layout/edmundite-icon.png) top left no-repeat;
	text-align: left;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0 0 8px 24px;
}

#action-home a, #action-interior1 a, #action-interior2 a {
	color: #000000;
	text-decoration: none;
}

#actionicon {
	position: absolute;
	top: 384px;
	right: 24px;
}

#action-interior1, #action-interior2 {
	float: left; 
	width: 242px;
	margin: 68px 0 0 15px;
	min-height: 200px;
  	height: auto !important;
	height: 200px;

}

#action-interior1 h2, #action-interior2 h2 {
	font: 1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;	
	text-align: center;
	color: #000000;
	background: url(/images/navigation/donate.jpg) top left no-repeat;
	min-height: 71px;
  	height: auto !important;
	height: 71px;
	padding: 27px 20px 0 0;
	margin-bottom: -36px;
}


/* ------------ CONTENT ------------ */

#content {
	float: left;
	width: 929px;
	background: #ffffff;
	padding: 14px 30px 40px;
}

#copy {
	float: right;
	width: 634px;
	position: relative;
	margin-top: -210px;
	padding-right: 14px;
}

#copy ul {
	margin: 0 0 14px 18px;
}
#copy li {
	font: 0.75em Arial, Helvetica, sans-serif;
	text-align: left;
	color: #000000;
	line-height: 150%;
	margin-bottom: 2px;
}

#rates, #wills {
	margin:14px 0 0 18px;
}

#rates table {
	width: auto;
	font-size: small;
	margin-bottom: 14px;
	border: 1px solid black;
	border-collapse: collapse;
}

#rates td {
	padding: 0 14px;
	border: 1px solid black;
}


/* ------------ HOME CONTENT ------------ */


#column1, #column2 {
	float: left;
	width: 284px;
	overflow: hidden;
	padding-right: 37px;
}

#column3 {
	float: left;
	width: 284px;
	overflow: hidden;
	padding-right: 0px;
}

#column1 h1, #column2 h1, #column3 h1 {
	font-size: 1.5em;
	font-weight: normal;
	color: #263c62;
	text-align: left;
	margin: 0px 0px 14px;
}

#column1 h2, #column2 h2, #column3 h2 {
	font-size: 1.0em;
	font-weight: normal;
	color: #263c62;
	text-align: left;
	margin-bottom: 8px;
}

/* ------------ IMAGES ------------ */

img {border: none;}

.right {
	float: right;
	padding: 8px 0px 8px 8px;

}

.left {
	float: left;
	padding: 8px 8px 8px 0px;

}

.center {
	text-align: center;
}

.shadow-center {
	background: url(/images/layout/shadow.png) no-repeat bottom right;
	margin: 8px 0 8px 14px;
	padding: 0;
	position: relative;
	font: 75% italic;
 }
  
.shadow-center img {
	display: block; 
	border: 1px solid #65625a;
	padding: 4px;
	background: #ffffff;
	margin: -4px 8px 8px -4px;
	position: relative;
}

.shadow-right {
	background: url(/images/layout/shadow.png) no-repeat bottom right;
	float: right;
	margin: 8px 0 8px 14px;
	padding: 0;
	position: relative;
	font: 75% italic;
 }
  
.shadow-right img {
	display: block; 
	border: 1px solid #65625a;
	padding: 4px;
	background: #ffffff;
	margin: -4px 8px 8px -4px;
	position: relative;
}

.shadow-left {
	background: url(/images/layout/shadow.png) no-repeat bottom right;
	float: left;
	margin: 8px 14px 8px 0;
	padding: 0;
	position: relative;
	font: 75% italic;
 }
  
.shadow-left img {
	display: block;
	border: 1px solid #888888;
	padding: 4px;
	background: #ffffff;
	margin: -4px 8px 8px -4px;
	position: relative;
}

.caption {
	float: left;
	padding: 6px 1px;
	margin: -8px 0 12px 0;
}

.caption p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: italic;
	color: #000;
	text-align: center;
	line-height: 110%;
	padding: 0 12px 0;
}

.icon {
	float: right;
	display: block;
	margin: -104px 22px 0px -22px;;
}



/* ------------ TIMELINE ------------ */

#timeline table {
	width: auto;
	border: 0;
}

#timeline td, th {
	padding: 12px 10px 0px 8px;
}

#timeline th {
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	text-align: right;
	font-weight: bold;
	vertical-align: top;
}

#timeline td {
	border-top: 1px solid #000;	
}

#timeline td.first, #timeline th.first {
	border-top: none;
}


/* ------------ FOOTER ------------ */

#footer-home {
	background: #610206 url(/images/layout/footer-home.jpg) top left no-repeat;
	float: left;
	width: 989px;
	min-height: 273px;
  	height: auto !important;
  	height: 273px;
}

#footer-interior {
	background: #610206 url(/images/layout/footer-interior.jpg) top left no-repeat;
	float: left;
	width: 989px;
	min-height: 223px;
  	height: auto !important;
  	height: 223px;
}

#prayer-home {
	float: left;
	width: 989px;
	margin: 0 auto 0;
	padding: 40px 0 30px;
}

#prayer-interior {
	float: left;
	width: 989px;
	margin: 0 auto 0;
	padding: 70px 0 30px;
}


#footer-home p, #footer-interior p {
	color: #f3eee5;
	font-size: 0.65em;
	line-height: 125%;
	font-weight: lighter;
	text-align: left;
}

#footer-home a, #footer-interior a {
	color: #f3eee5;
	text-decoration: none;
}

#footer1 {
	float: left;
	width: 269px;
	padding: 0 30px;
}

#footer2 {
	float: left;
	width: 269px;
	padding: 0 30px;
}

#footer3 {
	float: right;
	width: 269px;
	padding: 0 30px;
}

#bottom {
	height: 62px;
	font-size: 10px;
	line-height: 150%;
	color: #263c62;
	text-align: right;
	padding: 7px 14px 0 0;
	clear: both;
}

# bottom a {
	color: #263c62;
	text-align: right;
	text-decoration: underline;
}


ul#feature-story {
	
	font: 0.75em Arial, Helvetica, sans-serif;
	text-align: left;
	color: #000000;
	line-height: 150%;
	margin-bottom: 14px;
	
}

ul#feature-story li {
	
	padding-bottom: 8px;
}