/* 
==============================
FFM Basic Style Sheet
==============================
This CSS cucumber was pickled by:
>> Robin Wallar @ Fathom SOlutions
>> www.fathomsolutions.ca | robin [at] fathomsolutions.ca
------------------------------
CSSed in Canada inside an igloo with 
dial-up internet powered by beaver
fur and pemmican that was purchased
with coloured money from the Queen.
------------------------------

==============================
Notes
==============================
- Play Dodgeball with Nice Browsers (PDwNB) 
  refers to using [id], [class], etc. to hide that 
  element from IE6 in order to apply the AlphaImageLoader
  or another "hack" in ie6.css and force proper display in IE6
- Make IE Sit in the Corner (MIEsitC) refers to using the
  * hack to display only to IE6 and IE7.
- We do indeed actually play Dodgeball with the
  Nice Browsers (Firefox, Safari, etc.)
- IE 7 may be considered a Nice Browser due to it's 
  native transparent PNG support, but then again it's 
  Microsoft - so we're still deciding.
------------------------------

==============================
Table of Contents 
==============================
1.1 General Styles
2.1 Site Layout
3.1 Header: Logo / Navigation
4.1 Content: Titles
4.2 Content: Home
------------------------------

==============================
Colour Palette
==============================

------------------------------

==============================
Layers (z-index)
==============================
100 - CMS Editing Bar

------------------------------
*/


/* 
==============================
1.1 General Styles
============================== 
*/

body {
	font-size: 12px;
	background-color: #252525;
	background-repeat: repeat-y;
	background-image: url(http://ffmna.org/site/images/body_bg.gif);
	margin: 0;
	padding: 0 0 0 0;
	color: #000000;
	font-family: Helvetica, Arial, sans-serif;
	}

/* --- Header and Paragraph --- */

h1 {
	font-size: 14px;
	color: #475825;

	}

h2 {
	font-size: 12px;
	color: #475825;
	}

h3 {
	font-size: 0.8em;
	}

h4 {
	font-size: 0.8em;
	font-weight: normal;
	}

h5 {
	font-size: 14px;
	font-weight:bold;
	display:inline;
	
	}

p {
	margin: 5px 0 0 0;
	}

.accent{
	color: #6A8438;
	}


/* --- Links --- */

a {
	color:#A5543D;
	text-decoration: none;
	}

a:hover {
	color:#6A8438;
	text-decoration: underline;
	}
	
/* --- Forms --- */


/* --- Images --- */
img {
	}

/* 
==============================
2.1 Site Layout
==============================
*/
#container {
	position: relative;
	width: 1000px;
	margin: 0px;
	}

#body_container{
	clear:both;
	float:left;
	width:1000px;
	margin:0;
	padding:0;
	position:relative;
	background: url(../../images/body_bg.gif) top left repeat-y;
	}

#error {
	background: #000000;
	width:940px;
	}

#header {
	position:relative;
	margin: 0;
	padding: 0;
	}
	
#nav {
	position:absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 477px;
	height: 37px;
	background-attachment:fixed;
	}

#left_column {
	float: left;
	clear:both;
	margin: 0;
	padding:0;
	list-style: none;
	width: 279px;
	height:100%;
	}
	
#news_column {
	float: left;
	clear:both;
	margin: 0 0 0 60px;
	padding:0;
	list-style: none;
	width: 205px;
	height:100%;
	}
	
#left_column_bottom {
	float: left;
	clear:both;
	width: 279px;
	height:52px;
	background: url(../../images/snav_bottom.gif) bottom left no-repeat
	}

#main {
	float:left;
	width: 661px;
	padding: 0px 0px 0px 25px;
	}

.content_main {
	max-width:550px;
	}

.content_body_full {
	width:550px;
	}

#footer {
	padding: 10px 0 10px  330px;
	font-size:10px;
	font-weight:100;
	height:40px;
	width:940px;
	clear: both;
	background: url(../../images/footer.gif) top left no-repeat;
	}
	
/* --- Home Page --- */
#home_column1 {
	float:left;
	clear:both;
	width: 270px;
	}
	

#home_column2 {
	float:left;
	width: 260px;
	margin:0 0 0 35px;

	}
	
	
/* --- Paypal Button --- */

.paypalbutton {
	position: relative;
	top:5px;
	}



/* 
==============================
3.1 Header: Logo / Navigation
============================== 
*/

/* --- Logo --- */

#header_img {
	position: relative;
	float: left;
	height: 259px;
	width: 940px;
	margin: 0;
	text-indent: -7777777px;
	}

/* --- Nav --- */

#nav ul {
	display: block;
	list-style: none;
	padding: 0;
	}

#snav li {
	display: block;
	float: left;
	position: relative;
	text-align: left;
	cursor: default;
	border-width: 1px 0;
	}

/* --- Nav: Image Replacement --- */

#nav a {
	position: relative;
	float: left;
	text-indent: -7777777px;
	height: 37px !important;
	background-attachment:fixed;
	}

#snav a {
	position: relative;
	float: left;
	text-indent: -7777777px;
	width:279px;
	}
	
#nav a:hover {
	background-position: 0 -74px;
	}
	
/* Nav: Main - Page Selected */
 #pageid_home #nav_home a, #pageid_mission #nav_mission a, #pageid_faith #nav_faith a, #pageid_donate #nav_donate a, #pageid_contact #nav_contact a {
	background-position: 0 0;
	cursor: default;
	}
	
/* Nav: Main */
#nav_home a {
	width: 122px;
	background: url(../../images/nav_home.gif) left no-repeat;
	}
	
#nav_donate a {
	width: 65px;
	background: url(../../images/nav_donate.gif) left no-repeat;
	}
	
#nav_mission a {
	width: 125px;
	background: url(../../images/nav_mission.gif) left no-repeat;
	}
	
#nav_faith a {
	width: 76px;
	background: url(../../images/nav_faith.gif)  left no-repeat;
	}
	
#nav_contact a {
	width: 89px;
	background: url(../../images/nav_contact.gif)  left no-repeat;
	}
	

/* Nav: Side Nav */
#snav_services a {
	width: 279px;
	height:38px;
	background: url(../../images/snav_services.gif) top left no-repeat;
	}
	
#snav_resources a {
	width: 279px;
	height:36px;
	margin:0;
	background: url(../../images/snav_resources.gif) top left no-repeat;
	}

#snav_articles a {
	width: 279px;
	height:31px;
	margin:0;
	background: url(../../images/snav_articles.gif) top left no-repeat;
	}
	
#snav_links a {
	width: 279px;
	height:36px;
	margin:0;
	background: url(../../images/snav_links.gif) top left no-repeat;
	}

/* 
==============================
4.0 Content: Titles
==============================
*/

/* --- Set-up --- */

h1.title {
	margin-left: -22px;
	margin-bottom: 10px;
	margin-right: 0;
	margin-top: 15px;
	height: 32px;
	width: 290px;
	padding:0;
	text-indent: -7777777px;
	}

/* --- General Titles --- */

#title_donate
{
	background: url(../../images/title_donate.gif) top left no-repeat;
}

#title_mission
{
	background: url(../../images/title_mission.gif) top left no-repeat;
}

#title_faith
{
	background: url(../../images/title_faith.gif) top left no-repeat;
}

#title_contact
{
	background: url(../../images/title_contact.gif) top left no-repeat;
}

#title_services
{
	background: url(../../images/title_services.gif) top left no-repeat;
}

#title_resources
{
	background: url(../../images/title_resources.gif) top left no-repeat;
}

#title_articles
{
	background: url(../../images/title_articles.gif) top left no-repeat;
}

#title_links
{
	background: url(../../images/title_links.gif) top left no-repeat;
}

#title_news_archives
{
	background: url(../../images/title_news_archives.gif) top left no-repeat;
}


/* --- Home Page Titles --- */

#title_news
{
	margin:-30px 0 0 0;
	background: url(../../images/title_news.gif) top left no-repeat;
}

#title_slogan
{
	margin:0 0 0 -28px;
	width:607px;
	height:98px;
	background: url(../../images/title_slogan.gif) top left no-repeat;
}

#title_featured_book
{
	margin:0 0 0 -14px;
	width:280px;
	background: url(../../images/title_featured_book.gif) top left no-repeat;
}



/* 
==============================
4.1 Content: Home
==============================
*/

/* --- News Archive --- */

#news {
	}

.news_item {
	width: 200px;
	float: left;
	margin: 5px;
	}

/* -- Home Formatting -- */

#pageid_home #body_container {
	background: url(../../images/home_body_bg.gif) top left repeat-y;
	}
	
#pageid_home #footer {
	height:19px;
	background: url(../../images/home_footer.gif) top left no-repeat;
	}
	
	
/* 
==============================
4.2 Content: Articles
==============================
*/

/* --- Headline --- */
#articles_index{
	width:550px;

}

.articles_index_title{
	background:#A5543D;
}

.articles_index_item{
	
}

.articles_index_item a{
	color:#000000;
}


.articles_sort a{
		color:#A9C474;
	}

	
/* 
==============================
4.3 Content: Contact
==============================
*/


/* --- Forms --- */

#pageid_contact input.text {
	width: 225px;
	height: 15px;
	margin: 0 0 7px 0;
	padding: 3px;
	color: #CC6600;
	border: 0;
	border-bottom: 1px #CCCCCC solid;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	}

#pageid_contact input.captcha {
	width: 50px;
	height: 15px;
	margin: 0;
	padding: 3px;
	color: #CC6600;
	border: 1px #CC6600 dotted;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	}

#pageid_contact textarea {
	width: 225px;
	height: 160px;
	color: #CC6600;
	padding: 5px;
	border: 1px #CCCCCC solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

#pageid_contact input.submit {
	width: 240px;
	padding: 4px;
	background: #A5543D;
	color: #FFFFFF;
	font-weight: bold;
	border: #CCCCCC 1px solid;
	cursor: pointer;
	}
	
#pageid_contact input.submit:hover {
	padding: 4px;
	background: #FFFFFF;
	color: #A5543D;
	font-weight: bold;
	border: #A5543D 1px solid;
	cursor: pointer;
	}
	
#pageid_contact #column2 {
	color: #333333;
	font-size: 10px;
	}
	

/* 
==============================
4.3 Content: News
==============================
*/

/* --- Headline --- */
#news h1{
	color:#A5543D;
	font-size: .9em;
	display:inline;
}

#news .spacer{
	color:#000000;
	font-size: 1.2em;
}

#news p{
	font-size: 12px;
	font-weight:100;
}

	

/*
------------------------------------------------------------------------------------------
Your {CREATIVITY} is RESTRICTED [when you think] your creativity is BOUND by your {ABILITY}.
םֹולָׁש 
------------------------------------------------------------------------------------------
*/