/*
Author: Steven Watts - Paste
Author URL: http://www.paste.com.au
*/

/* DEFAULT styles
    
	index -> 	
				CSS reset
				self clearing
				default styles 
				
*/


/* =css reset     
--------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline; 
list-style-type:none; 
}

/* =self clearing
----------------- */
.clear:after {
content: "."; 
display: block; 
height: 0; 
clear: both;
visibility: hidden;
}
 
.clear { display: inline-block; }
 
/* Hides from IE-mac */
* html .clear { height: 1%; }
.clear { display: block; }
/* End hide from IE-mac */
/*** end clearing hack ***/


/* =default styles
----------------- */

body {
background:#fff url() 0 0 no-repeat;
font-family:Trebuchet, Arial, Helvetica, Sans-Serif;
}  
a {
color:#ef3a39;
text-decoration:none;
}
a:hover {
color:#f5d414;
text-decoration:underline;
}  
p {
font-size:0.75em;   
margin:0px 0 10px 0; 
padding-top:6px;
line-height:1.3;
}
   

/* Layout styles
    
	index -> 	
				nav
				white head
				footer
				
*/
  


/* =nav
----------------- */
div#navContainer {
width:100%;
height:38px;
background-color:#25282e;
}	
	ul.nav {
	width:936px;
	height:38px;
	list-style:none;
	margin:0 auto;
	padding:0;
	}
		ul.nav li {
		float:left;
		margin:0;
		padding:0;
		/*border-right:1px solid #6d6d6d; */
		}
		
			ul.nav li a {
			display:block;
			height:38px;
			background-image:url('http://jmf.preview.pbstaging.com/site/DefaultSite/skins/jmf/images/nav.gif');
			text-indent:-9999px;
			}
						
			ul.nav li a.home {
			width:87px;
			background-position:0 0;
			}
			#bodyHome ul.nav li a.home{
			background-position:0 -38px;
			}
				ul.nav li a.home:hover {
				background-position:0 -76px;
				}

				
			ul.nav li a.news {
			width:74px;
			background-position:-86px 0;
			}
			#bodyNews ul.nav li a.news {
			background-position:-86px -38px;
			}
				ul.nav li a.news:hover {
				background-position:-86px -76px;
				}

			ul.nav li a.about {
			width:81px;
			background-position:-159px 0;
			}
				#bodyAbout ul.nav li a.about {
				background-position:-159px -38px;
				}
				ul.nav li a.about:hover {
				background-position:-159px -76px;
				}
				
			ul.nav li a.grants {
			width:97px;
			background-position:-239px 0;
			}
				#bodyGrants ul.nav li a.grants {
				background-position:-239px -38px;
				}
				ul.nav li a.grants:hover {
				background-position:-239px -76px;
				}
				
			ul.nav li a.donations {
			width:129px;
			background-position:-335px 0;
			}
				#bodyDonations ul.nav li a.donations {
				background-position:-335px -38px;
				}
				ul.nav li a.donations:hover {
				background-position:-335px -76px;
				}  
				
		    ul.nav li a.photos {
			width:95px;
			background-position:-567px 0;
			}
				#bodyPhotos ul.nav li a.photos {
				background-position:-567px -38px;
				}
				ul.nav li a.photos:hover {
				background-position:-567px -76px;
				}	
				
			ul.nav li a.contact {
			width:103px;
			background-position:-466px 0;
			}
				#bodyContact ul.nav li a.contact {
				background-position:-466px -38px;
				}
				ul.nav li a.contact:hover {
				background-position:-466px -76px;
				}
				
			ul.nav li a.teamMaclean {
			width:170px;
			background-position:-660px 0;
			}
				#bodyTeamMaclean ul.nav li a.teamMaclean {
				background-position:-660px -38px;
				}
				ul.nav li a.teamMaclean:hover {
				background-position:-660px -76px;
				}	     

/* =white head
----------------- */   
div#headerContainer {
width:100%;
height:143px;
background-color:#fff;
}

	h1#jmfHeader {
	display:block;
	width:942px;
	height:143px;
	background:#fff url('../images/headerBG.jpg') 0 0 no-repeat;
	margin:0 auto;/*Centred*/
	padding:0;
	text-indent:-9999px;
	}		
	
	/*Donate Now Button*/
	h1#jmfHeader a {
	display:block;
	width:158px;
	height:40px;
	position:relative;
	top:66px;
	left:598px;
	background: url('../images/buttons/buttons.png') 0 0 no-repeat;/*IE6 Hack*/
	_background: url('../images/buttons/buttons.gif') 0 0 no-repeat;
	}
		h1#jmfHeader a:hover {
		background: url('../images/buttons/buttons.png') 0 -40px no-repeat;
		_background: url('../images/buttons/buttons.gif') 0 -40px no-repeat;/*IE6 Hack*/
		}

/*=footer
----------------- */  
div#footerContainer {
width:100%;
height:55px;
background-color:#fff;
margin-top:10px;
}
	ul.footer {
	display:block;
	margin:0 auto;
	padding:20px 0 20px 0;
	width:942px;
	height:15px;
	_height:55px;/*IE6 hack*/
	list-style:none;
	font-size:0.8em;
	color:#a7a7a7;
	}
		ul.footer li {
		margin:0;
		padding:1px 6px 1px 6px; 
		height:12px;
		display:inline;	
		border-right:1px solid #a7a7a7;	
		} 
		ul.footer li.last{
		border-right:none;
		}
			ul.footer li a {
			color:#a7a7a7;
			text-decoration:none;
			}
			ul.footer li a:hover {
			color:#f5d414;
			text-decoration:underline;
			}  
			#bodyHome ul.footer li a.home, #bodyNews ul.footer li a.news, #bodyAbout ul.footer li a.about, #bodyGrants ul.footer li a.grants, #bodyDonations ul.footer li a.donations, #bodyPhotos ul.footer li a.photos, #bodyContact ul.footer li a.contact {
			color:#a6d5e8; 
			}
  
/* Layout Pages

index -> 	
			Red content Area  
			Home page
			Two column content pages
			News index page
			News article page
			Contact page 
			Ecommerce pages

*/



/* =Red content Area                
----------------- */
div#redCentre {
width:100%;
background-color:#ef3a39;
padding:8px 0 8px 0;
}
	
	div#mainContent {
	width:942px;
	margin:0 auto;
	}


/* =Home page
----------------- */ 

		/*Flash Panel*/
		#bodyHome div.flashContainer {
		margin:0 auto;
		}
	
		/*Features*/
		#bodyHome div.featureContainer {
		margin-top:8px;
		width:942px;
		height:194px;
		}
		
			#bodyHome div.leftFeature {
			float:left;
			background-color:#fff;
			
			height:178px;
			width:292px;
			margin-right:8px;
			padding:8px;
			overflow:hidden; 		
			}
	
			#bodyHome div.centreFeature {
			float:left;
			background-color:#fff;
			
			height:178px;
			width:294px;
			margin-right:8px;
			padding:8px; 
			overflow:hidden;      
			}
	
			#bodyHome div.rightFeature {
			float:left;
			background-color:#fff;
			
			height:178px;
			width:292px;			
			padding:8px; 
			overflow:hidden; 
			     
			}
			
				#bodyHome div.featureContainer h2 {
				font-size:18px;
				color:#31353d;
				margin:0;
				padding:0 0 11px 0;
				}
				
				#bodyHome div.centreFeature p {
				position:relative;
				display:block;
				width:160px;
				height:74px;
				font-size:12px;
				color:#31353d;
				top:-140px;
				left:120px;
				
				}
				/*Buttons*/
				
					/*LEFT FEATURE BUTTON*/
					#bodyHome div.featureContainer div.leftFeature p.button a {
					text-indent:-9999px;
					display:block;
					width:158px;
					height:40px;
					position:relative;
					top:-60px;
					left:20px;
					background: url('../images/buttons/buttons.png') -162px 0 no-repeat;
					_background: url('../images/buttons/buttons.gif') -162px 0 no-repeat;/*IE6 Hack*/
					}
					#bodyHome div.featureContainer div.leftFeature p.button a:hover {
					background: url('../images/buttons/buttons.png') -162px -40px no-repeat;
					_background: url('../images/buttons/buttons.gif') -162px -40px no-repeat;/*IE6 Hack*/
					}
					/*CENTRE FEATURE BUTTON*/
					#bodyHome div.featureContainer div.centreFeature p.button a {
					text-indent:-9999px;
					display:block;
					width:158px;
					height:40px;
					position:relative;
					top:-6px;
					left:-2px;
					background: url('../images/buttons/buttons.png') 0px 0 no-repeat;
					_background: url('../images/buttons/buttons.gif') 0px 0 no-repeat;/*IE6 Hack*/
					}
					#bodyHome div.featureContainer div.centreFeature p.button a:hover {
					background: url('../images/buttons/buttons.png') 0px -40px no-repeat;
					_background: url('../images/buttons/buttons.gif') 0px -40px no-repeat;/*IE6 Hack*/
					}/*RIGHT FEATURE BUTTON*/
					#bodyHome div.featureContainer div.rightFeature p.button a {
					text-indent:-9999px;
					display:block;
					width:191px;
					height:40px;
					position:relative;
					top:-54px;
					left:11px;
					background: url('../images/buttons/buttons.png') -324px 0 no-repeat;
					_background: url('../images/buttons/buttons.gif') -324px 0 no-repeat;/*IE6 Hack*/
					}
					#bodyHome div.featureContainer div.rightFeature p.button a:hover {
					background: url('../images/buttons/buttons.png') -324px -40px no-repeat;
					_background: url('../images/buttons/buttons.gif') -324px -40px no-repeat;/*IE6 Hack*/
					}
	
		
		/* News Snippets */
		
		#bodyHome ul.summary {
		display:block;
		margin:8px 0 0 0;
		width:942px;
		height:212px;
		background-color:#fff;
		}
			#bodyHome ul.summary li.firstitem, #bodyHome ul.summary li.altitem {
			float:left;
			width:447px;
			
			height:176px;
			
			padding:12px; 
			line-height:1.3;
			}
			
			#bodyHome ul.summary li ul, #bodyHome ul.summary li ul li ul {
			}
			
				#bodyHome ul.summary li ul li.headline { 
				font-weight:normal;
				padding-bottom:12px;
				}
				
				#bodyHome ul.summary li ul li.headline strong {
				font-weight:normal; 
				}
				
					#bodyHome ul.summary li ul li.headline a {
					font-size:18px;
					color:#31353d;
					
					}
					#bodyHome ul.summary li ul li.headline a:hover {
					color:#f5d414;
					}
				
				#bodyHome ul.summary li ul li.image {
				float:left;
				height:146px;
				width:131px;
				}
				
					#bodyHome ul.summary li ul li.image a {
					display:block;
					border:1px solid #d6d6d6;  
					
					padding:8px;
				   
					height:130px;
					 
					width:113px;			
					} 
					#bodyHome ul.summary li ul li.image a:hover {
					background-color:#f5d414;
					}
				
				#bodyHome ul.summary li ul li.snippet {
				float:left;
				height:148px; 
				width:316px;
				
				}
					#bodyHome ul.summary li ul li.snippet a {
					display:block;
					height:132px;
					
					font-size:12px;
					background-color:#b3deee;
					padding:8px;    				  
					color:#31353d;
					}
					#bodyHome ul.summary li ul li.snippet a:hover {
					background-color:#f5d414;
					text-decoration:none;
					}					
				
						#bodyHome ul.summary li ul li.snippet a span.date {
						display:block;
						font-weight:bold;						
						padding-bottom:6px;
						}
						
						#bodyHome ul.summary li ul li.snippet a br {
						}

                 

/* =Two column content pages               
----------------- */  
div#twoColumnContent {
width:942px;
}

div#leftContent {
float:left;
display:inline;/*IE6 Hack Double Margin*/
width:610px;  

background-color:#fff;
padding:8px;
margin-right:8px;  
overflow-x:hidden;  

}
	
	div#leftContent h2 {
	font-size:18px;
	color:#31353d;
	
	margin:0;
	padding:0 0 11px 0; 
	}
	#bodyAbout div#leftContent h2, #bodyContact div#leftContent h2, #bodyGrants div#leftContent h2, div.containerNewsArticle div#leftContent h2 { 
	border-bottom:1px dashed #ccc;     
	}
	
	div#leftContent .blueBox {
	padding:8px; 
	margin-bottom:8px;
	width:594px;
	   
	color:#31353d;
    background-color:#d2edf7; 
	}  	

div#rightFeature {
float:left;
display:inline;/*IE6 Hack Double Margin*/
width:292px;

padding:8px;    
background-color:#fff; 
   
}

	div#rightFeature h2 {
	font-size:18px;
	color:#31353d;
	margin:0;
	padding:0 0 11px 0;
	}

	div#rightFeature div.yellowContainer {
	background-color:#f4d956;
	padding:8px;    
	_width:276px!important;/* IE6 Hack */
	_overflow:hidden;/* IE6 Hack */ 
	} 
	/* DONATE BUTTON */       
	div#rightFeature div.yellowContainer p.button {
	border-top:1px dashed #fff;
	padding-top:16px;
	margin-top:16px;
	} 
	.containerNewsArticle div#rightFeature div.yellowContainer p.button {
	border-top:none;
	}
		
		div#rightFeature div.yellowContainer p.button a {  
		text-indent:-9999px;
		display:block;
		width:158px;
		height:40px;
		position:relative;
		top:-6px;
		left:-2px;
		background: url('../images/buttons/buttons.png') 0px 0 no-repeat;
		_background: url('../images/buttons/buttons.gif') 0px 0px no-repeat;/*IE6 Hack*/
		}
		div#rightFeature div.yellowContainer p.button a:hover {
		background: url('../images/buttons/buttons.png') 0px -40px no-repeat;
		_background: url('../images/buttons/buttons.gif') 0px -40px no-repeat;/*IE6 Hack*/  
		} 
	
	div#rightFeature div.darkBlueBox {
	background-color:#b3deee;
	padding:8px;
	}
         
                
/* =News index page
----------------- */  
	
	div#leftContent ul.summary {
	margin:0;
	padding:0;
	list-style:none;
	}
	
		div#leftContent ul.summary li {
		margin:0 0 8px 0;
		padding:0;
		}
		
			div#leftContent ul.summary li a {
			display:block;
			margin:0;
			padding:8px;
			width:594px;
		   
			height:130px;
			   
			color:#31353d;
			font-size:12px;  
			background-color:#b3deee; 
			border-top:1px dashed #ccc;   
			}  
			div#leftContent ul.summary li.item a {
			
			}
			div#leftContent ul.summary li.altitem a {
			background-color:#d2edf7;
			}
			
			div#leftContent ul.summary li a:hover{
			background-color:#f5d414;
			text-decoration:none;
			}
				div#leftContent ul.summary li a img {
				float:left;
				padding-right:16px;
				}
				
				div#leftContent ul.summary li a span.name {
				display:block;
				font-size:14px;
				font-weight:bold;	
				}
				
				div#leftContent ul.summary li a span.datetext {
				display:block;
				font-size:12px;
				font-weight:normal;
				font-style:italic;	
				padding-bottom:8px;
				}

/* =News article page
----------------- */   
div.containerNewsArticle div#leftContent div.blueBox {
clear:both;
float:left;
}

div.containerNewsArticle div#leftContent div.blueBox img.image {
float:left;             
width:245px; 
padding:0 16px 16px 0;    
}

div.containerNewsArticle div#leftContent div.blueBox div.textContent { 

}

div.containerNewsArticle div#leftContent div.blueBox div.textContent p {
margin:0 0 16px 0;    
padding:0 0 0 0;
}      

div.containerNewsArticle div#rightFeature div.yellowContainer ul {
list-style:none;
padding:0;
margin:0;
}       
	div.containerNewsArticle div#rightFeature div.yellowContainer ul li a {
	display:block; 
	padding:2px; 
	margin-bottom:8px;
	border-bottom:1px dashed #fff;  
	}    
   	div.containerNewsArticle div#rightFeature div.yellowContainer ul li a:hover { 
	color:#fff;
	background-color:#ef3a39!important;
	text-decoration:none;
	}

		div.containerNewsArticle div#rightFeature div.yellowContainer ul li span.datetext {
		display:block; 
		font-size:11px;
		font-style:italic;
		}   
		
		div.containerNewsArticle div#rightFeature div.yellowContainer ul li span.name {   
		width:100%;
		display:block; 
		font-size:16px;
		font-style:bold;
		padding-bottom:8px;   
		  
		} 
		
		/* Button*/
		p.backButton {
		border-top:1px dashed #fff;
		padding-top:16px;
		margin-top:16px; 		
		} 
		p.backButton {
		border-top:none;
		}

			p.backButton a {  
			text-indent:-9999px;
			display:block;
			width:181px;
			height:40px;
			position:relative;
			top:-6px;
			left:-2px;
			background: url('../images/buttons/buttons.png') -522px 0 no-repeat;
			_background: url('../images/buttons/buttons.gif') -522px 0px no-repeat;/*IE6 Hack*/
			}
			p.backButton a:hover {
			background: url('../images/buttons/buttons.png') -522px -40px no-repeat;
			_background: url('../images/buttons/buttons.gif') -522px -40px no-repeat;/*IE6 Hack*/  
			}

/* =Contact page
----------------- */   
#bodyContact #leftContent p { 
padding:20px 0 20px 0;

}

#bodyContact .pbForm {
padding-bottom:40px;
}

#bodyContact ul.form {
list-style:none;
margin:0;
padding:0 0 20px 0;
font-size:0.8em;
}    

#bodyContact ul.form li {
margin:0;
padding:0 0 10px 0;
} 

#bodyContact ul.form li .label {
padding-bottom:2px;
}

#bodyContact ul.form li input.name,
#bodyContact ul.form li input.company,
#bodyContact ul.form li input.email {
width:320px;      
}   

#bodyContact ul.form li input.phone {
width:190px;
}    

#bodyContact ul.form li textarea.comments {
width:586px;
}

/* =Ecommerce pages
----------------- */     
	.darkBlueBox input.button {
	margin:20px 0 20px 0;
	} 
	
	#ctl01_ctl00_pbsc4_ajaxPanel_ProductPrice, #ctl01_ctl00_pbsc3_ajaxPanel_ProductPrice, #ctl00_ctl00_pbsc4_ajaxPanel_ProductPrice, ul.receiptList {
	display:none;
	}    
	
	.leftContentCheckoutDetails {
	overflow:visible!important;
	}
	
   
	
	ul.donationDetails li, ul.paymentDetails li {
	background-color:#ebebeb;
	height:20px;
	margin-bottom:4px;
	padding:4px;
	font-size:13px;
	
	}
	    ul.donationDetails li span.label {  
		float:left;
		width:300px;
		}      
		ul.donationDetails li span.value {
		float:left;
		}
		
		#ctl01_ctl00_pbsc0_Cart1_ctl01_ctl00_ibtnDelete /*Delete Button*/ {
		position:relative;
		top:3px;
		}  
		
				
		.paymentDetailsHeight .label {
		margin-right:10px;
		}
		
	   
		 .checkoutCustomerDetails .header, .creditCard .header, .paymentMethod .header {  
			display:block;
		    _position:relative;
			_left:-7px;   
			_width:200px;
			height:20px;
			margin-bottom:4px;
			padding:4px;
			font-size:13px;  		
			background-color:#cccccc;  		
			}
			
			.checkoutCustomerDetails, .checkoutPaymentDetails {
			padding-top:20px;
			}
		
		.enterAmountDescrip, .billto li.field, .paymentMethod li.field, .creditCard li.field, .paymentMethod .label, .rememberme ul li, .pbOrderReceipt {  
		display:block;
	    width:602px;
		height:20px;
		margin-bottom:4px;
		padding:4px 4px 6px 4px;
		font-size:13px;		
		background-color:#ebebeb;		
		}
		
		.billto li.field .label, .creditCard li.field .label {
	    float:left;
		width:140px;
		margin-right:8px;
		}  
		
   		 /* Button*/
			p.checkoutButton {
			border-top:1px dashed #fff;
			padding-top:16px;
			margin-top:16px; 		
			} 
			p.checkoutButton {
			border-top:none;
			}

				p.checkoutButton a {  
				text-indent:-9999px;
				display:block;
				width:207px;
				height:40px;
				position:relative;
				top:-6px;
				left:-2px;
				background: url('../images/buttons/buttons.png') -714px 0 no-repeat;
				_background: url('../images/buttons/buttons.gif') -714px 0px no-repeat;/*IE6 Hack*/
				}
				p.checkoutButton a:hover {
				background: url('../images/buttons/buttons.png') -714px -40px no-repeat;
				_background: url('../images/buttons/buttons.gif') -714px -40px no-repeat;/*IE6 Hack*/  
				} 	                       
		
	    .pbOrderReceipt {
	
	}     
	
	.validate {
	color:red;
	font-weight:bold;
	}

    /* STEPS */
	h3.step {
	display:block;
	width:610px;
	height:38px; 
	text-indent:-9999px;
	margin:0;
	padding:0;
	}
	
	h3#step1 {
	background: #fff url('../images/steps.gif') no-repeat 0 0;
	} 
	h3#step2 {
	background: #fff url('../images/steps.gif') no-repeat 0 -38px;
	}
	h3#step3 {
	background: #fff url('../images/steps.gif') no-repeat 0 -76px;
	} 
	h3#step4 {
	background: #fff url('../images/steps.gif') no-repeat 0 -114px;
	}                                                         
	
	
	
	/* FACTS LIST */
	ul.factsList {
	margin:0;
	padding:0; 
	
	
	}    
	   	ul.factsList li {       
	   	margin:0;
	   	padding:0;
	   	border-bottom:1px dashed #ebebeb;  
	    
		font-size:30px;
		padding:0 0 14px 0; 
		line-height:0.7em; 
		
	   	}
	    
			ul.factsList li span {     			 
			font-size:12px;   
			line-height:0.7em;
			}