@charset "UTF-8";
body  {
	font: 100% Helvetica, Verdana, Arial,  sans-serif;
	background: url(../images/body/background-repeat-x.gif) repeat-x #446F3B;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
	
	
}


p, a, h1, h2, h3, h4, img, div, ol, ul, li {
	margin: 0; padding: 0;

}


	
	h1, h2, h3, h4 {
		font-family: "Times New Roman", Times, serif;
		font-weight: lighter;
		color: #005c32;
		padding-bottom: 10px;
	
	}

		h2, h4 {
			color: #743549;
			
		}

	p, table {
		font-size: 12px;
		padding-bottom: 15px;
		line-height: 20px;

	}
	
		table {padding-bottom: 0;}

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

		a:hover {
			text-decoration: underline;
	
		}
		
	ul, ol {
		padding-bottom: 15px;
		
		margin-left: 20px;
	
	}
	
		ol {
			margin-left: 24px;	
		}
	
	li {
		padding-bottom: 5px;
		font-size: 12px;
	}

.twoColFixRtHdr #container { 
	width: 967px;  
	margin: 0 auto; 
	text-align: left; 
	position: relative;

} 

.twoColFixRtHdr #header { 
	position: relative;
	height: 118px;
	
} 

	a:focus {outline: none;}


	.branding {
		position: absolute;
		left: 20px;
		top: 12px;
		background: url(../images/header/mason-logo.png) no-repeat;
		text-indent: -5000px;
		width: 147px;
		height: 98px;
		display: block;
		cursor: pointer;
	
	}
	
	.supporting-mason {
		position: absolute;
		left: 234px;
		top: 59px;
		background: url(../images/header/supporting-mason-text.png) no-repeat;
		text-indent: -5000px;
		width: 307px;
		height: 44px;
		display: block;
		cursor: pointer;
		
	
	}
	
	
	.give-now {
		position: absolute;
		left: 744px;
		top: 79px;
		background:url(../images/header/give-now-button.jpg) no-repeat;
		text-indent: -5000px;
		width: 150px;
		height: 43px;
		display: block;
		cursor: pointer;
	
	}


#mainContent-all {
	background: #FFF;
	float: left;
	width: 967px;
	background: url(../images/container/background-repeat-y.png) repeat-y;
	

}

	#top-navigation-all {
		position: relative;
		left: 3px;
		width: 961px;
		height: 47px;
		background:url(../images/container/navigation-background-repeat-x.gif) repeat-x;
		z-index: 1000;}
	
	#top-navigation-links {
		position: relative; 
		display: inline;
		top: 0px;
		left: 20px;
		height: 47px;

}
	
		#top-navigation-links  {margin-left: 0; padding: 0; float:left}
		
		
				#top-navigation-links a {
				    position: relative;
					top: 16px;
					color: #45603d; 
					text-decoration: none;
					font-size: 16px;
					padding: 0 14px;
					margin:0;
					
			}
			
				#top-navigation-links a:hover {
					color: #FFFFFF;
					
			}
		
			#top-navigation-links ul li {
				position: relative;
				display: inline-block;
				height: 47px;
				background: url(../images/container/navigation-right-borders.gif) left no-repeat;
			
			
			}
			
			#top-navigation-links li.sfHover ul li  {
				
				top: 17px;
				height: auto;
				background-image: none;
				background-color: #FFF;
				
				
			
			
			}
			
			
			#top-navigation-links li.sfHover ul li a  {
			position: relative;
			font-size: 14px;
			padding-top: 10px;
			padding-bottom: 10px;
			top: 0;
			border: 1px solid #ccd48c;
				border-top: none;
				border-bottom: none;
			background-color:#feffe8;
			line-height: 16px;
			
			}
			
			
				.last-link {border-bottom: 1px solid #ccd48c;}
			
			
			#top-navigation-links li.sfHover ul li a:hover  {
				text-decoration: underline;
				color: #45603d;
			
			
			}
			
		

.twoColFixRtHdr #mainContent-left, .twoColFixRtHdr #mainContent-left-home { 
	width: 546px;
	float: left;
	margin: 30px 0 0 25px;
	text-align: left;
} 

.twoColFixRtHdr #mainContent-left a {
	font-weight: bold;


}

.twoColFixRtHdr #mainContent-left-home {

	width: 605px; 
	margin: 12px 0 0 18px; 
	z-index: 1;}

	

.twoColFixRtHdr #mainContent-right {
	float: right;
	width: 305px;
	background: #70a264;
	margin-right: 17px;
	margin-top: 12px;
	text-align: left;
	
}


#green-box {
	color: #fff;
	padding: 5px 30px 0 30px;
	overflow: hidden;
	height: auto;

}

#green-box h4 {
	color: #fff;
 	padding-top: 10px;
	font-family: Helvetica, Arial,  sans-serif;
	line-height: 24px;

}

.green-box-top, .green-box-top-home {
	color: #fff;
	display: block;
	height: 31px;
	background: url(../images/container/top-of-green-box.gif) repeat-x;
	padding: 7px 0 0 12px;
	margin: 0 0 0 0;
	font-weight: lighter;
	

}

	#green-box a {color: #fff; display: block;
		
	
	}
	
	#green-box a:hover {
		color: #733549;
		text-decoration:none;
	
	
	}

.green-box-top-home:hover {cursor: pointer;}
.green-box-top-home:focus {outline: none;}

.give-online {
	position: relative;
	width: 205px;
	height: 56px;
	left: 20px;
	background: url(../images/buttons/support-mason-box.jpg) no-repeat;
	display: block;
	text-indent: -5000px;
	cursor: pointer;

}

.twoColFixRtHdr #footer { 
	background: url(../images/container/footer-top-background.png) top no-repeat; 

}
	
	.twoColFixRtHdr #footer p {
		text-align: center;
		margin: 0;
		padding: 12px 0 15px 0;
		color: #fff;
	
	}

		#footer a {
			color: #fff;
			text-decoration: none;
		
		}

			#footer a:hover {
				text-decoration: underline;
			
			}


#quick-links {
	position: absolute;
	width: 406px;
	height: 41px;
	top: 0;
	left: 579px;
	background: url(../images/container/faq-glossary-search-background.jpg) no-repeat;
	display: block;
	overflow: visible;

}

	.faqs {
		position: absolute;
		display: block;
		top: 12px;
		left: 29px;
		width: 41px;
		height: 21px;
		background: url(../images/buttons/faq-graphic-font.jpg) no-repeat;
		text-indent: -5000px;
		
	
	}
	
	.glossary {
		position: absolute;
		display: block;
		top: 13px;
		left: 80px;
		width: 64px;
		height: 21px;
		background: url(../images/buttons/glossary-graphic-font.jpg) no-repeat;
		text-indent: -5000px;
	
	}
	
	#search-area {
		position: absolute;
		top: 8px;
		left: 157px;}
		
		.search-button {
			position: absolute;
			top: 4px;
			background: url(../images/buttons/search-graphic-font.jpg) no-repeat;
			width: 56px;
			height: 19px;
			display: block;
			text-indent: -5000px;
		
		}
		
		#search {
			width: 150px;
			height: 20px;
			margin: 0 0 0 61px;}


.homepage {}



#feature-top {
	background: url(../images/homepage/rotating-background.png) no-repeat;
	
	height: 263px;
	width: 605px;
	float: left;
	overflow: hidden;

}


#nav {
	position: absolute;
	padding: 5px 7px 5px 0; 
	height: auto; 
	top: 395px; 
	left: 92px; 
	display: inline; 
	border-left: 1px solid #6a905e;
	z-index: 100;
	}

		#nav a {
			display:block;
			background-color: #466b39;
			padding: 2px 7px 2px 7px; 
			border: 1px solid #6a905e; 
			border-left: none; display: 
			inline; color: #6a905e; 
			font-size: 15px;}
	
		
		#nav a:focus {outline: none;}
		
		#nav a, x:-moz-any-link, x:default {padding: 4px 7px 2px 7px; } /* FireFox 3 */
	
		#nav a.activeSlide {color: #fff;}

#rotating {position: relative; z-index: 1;}

	#rotating-image {
		float: right; 
		width: 341px; 
		margin-left: 7px;  
		height: 262px; 
		display: block;
		overflow: hidden; }
		
			

#rotating-text-area {
	float: left; 
	width: 251px;  
	margin-top: 8px;
	margin-left: 6px;  
	height: 263px;
	color: #fff;
	background: url(../images/homepage/rotating-text-area.png) no-repeat;
	
	}
	
	#rotating-text-area h3, #rotating-text-area p {
				font-family: Helvetica, Arial, sans-serif;
				color: #fff;
				margin: 30px 0 0 30px;
				 width: 200px;
				
			
			}
			
	#rotating-text-area h3 {font-size: 20px;}
	
		#rotating-text-area h3 a {
			color: #fff;
		
		}
	
	#rotating-text-area p {margin: 0 0 0 30px;}
	
		
		#rotating-text-area p a {
			color: #fff; 
			text-decoration: none; 
			font-weight:bold;
		}
		
			#rotating-text-area p a:hover {
				text-decoration: underline;
			
			}
	
	
	#slider-content {
		float: left;
		width: 560px;
		
	
	}
	
		.slider-content-img
		{float: left; margin: 0 15px 0 0;}
	
	
	#slider-content-right {
		float: right;
		width: 315px;
		height: 300px;
		padding-right: 20px;
	
	}
	
	#slider-content-right h2 {
		font-size: 14px;
		margin: 0;
		padding: 0;
		
	
	} 
	
	.second-box-clear {
		width: 100%;
		height: 15px;
		color: #fff;
		background: #fff;
		border: 0;
		margin: 0;
		text-align: left;
		padding: 0;
	
	}


.connect-icon {padding: 0; display: inline; margin: 0;}

	.facebook, .twitter, .youTube, .linkedIn {
		margin-right: 10px;
		float: left; 
		display: block; 
		width: 36px; 
		height: 36px; 
		text-indent: -5000px; 
		background: url(../images/homepage/facebook-tn.png) no-repeat;
		cursor: pointer;}
		
		.twitter {background: url(../images/homepage/twitter-tn.png) no-repeat;}
		
		.youTube {background: url(../images/homepage/youTube-tn.png) no-repeat;}
		
		.linkedIn {background: url(../images/homepage/linkedIn-tn.png) no-repeat;}




/* Tables */
 
table.data-table
{
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
}
 
table.data-table td, table.data-table th 
{
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	vertical-align: top;
}
 
table.data-table tfoot td,
table.data-table tfoot th 
{
	border: 0;
	font-size: 0.8em;
	color: #666;
}
 
table.data-table td, table.data-table th, table.data-table caption 
{
	padding: 5px;
}
 
table.data-table th, table.data-table caption 
{
	text-align: left;
}


.photo-left, .photo-right {
	padding: 2px; 
	background: #fdffe9; 
	border: 1px solid #cad78f;
	margin: 0 10px 0 0; 
	float: left;

}

	.photo-right {float: right; margin: 0 0 0 10px;}



.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}