/*
	Project: Resurrection Lutheran Church
	Date: 7/30/09
	Author: RR
	
	NOTES:
	
	
	TABLE OF CONTENTS:
	
		RESETS _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ This will reset all the default browser displays ;
		LAYOUT _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Styles of the Layout elements most of which are IDs and used across the site (ex: wrapper, top, bottom, middle);
			Main Nav _ _ _ _ _ _ _ _ _ _ _ _ _ _ Styles for the main navigation ;
			Sub Nav _ _ _ _ _ _ _ _ _ _ _ _ _ _  Styles for the sub navigation ;
		FLUFF _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  Elements that can be used throughout the site but have no set style (ex: clearfix, hidden, IE hacks [if any]);
		
		TOP _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  Elements contained in the ID top ;
		MIDDLE _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Elements contained inside the ID middle ;			
			Content _ _ _ _ _ _ _ _ _ _ _ _ _ _  This is where majority of the sites content is located ;
			Right Column _ _ _ _ _ _ _ _ _ _ _ _ This is the right column containing preschool information and so on ;
			Default Content Left _ _ _ _ _ _ _ _ This is the content on the left side of the home page ;
			Default Content Right _ _ _ _ _ _ _  This is the content on the right side of the home page (calendar, news letters) ;

*/


/*------------------------------------------------
		RESETS	RESETS	RESETS	RESETS	
-------------------------------------------------*/

*{
	padding:0;
	margin:0;
}

html{height:100%; margin-bottom:1px;}

body{
	background:#dfe4c6 url(../images/bg_body-repeat-x.gif) repeat-x center top;
	text-align:center;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
line-height:17px;
}


a:link, 
a:visited, 
a:hover, 
a:active,
a:focus{
outline:none;
	color:#663300;
	text-decoration:none;
}a:hover{ text-decoration:underline;}

h1{
	color:#990000;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:20px;	
	line-height:24px;
	font-weight:normal;
border-bottom:1px solid #dfd5c6;
padding:0 0 5px;
}

h2{
	color:#56803A;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;	
	line-height:16px;
	font-weight:normal;
        margin:3px 0 15px;
}

h3{
color:#56803A;
font-family:"Trebuchet MS",Verdana,sans-serif;
font-size:14px;
}

h4{
	background:#eff5e3;
	text-align:center;
	color:#663300;
	padding:9px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-weight:normal;
}

h4 strong{
display:block;
}

h5{
	color:#663300;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:12px;
}


ul, ol{
	margin:0 0 0 35px;
}

hr{
	border:0px none;
	border-bottom:1px solid #d9d9d9;				
	height:1px;
margin:10px 0;
}

a img{
	border:0px none;
}

/*------------------------------------------------
		END RESETS	END RESETS	END RESETS		
-------------------------------------------------*/


/*------------------------------------------------
		LAYOUT	LAYOUT	LAYOUT	LAYOUT	
-------------------------------------------------*/

.bg{
	background:url(../images/bg_wrapper.jpg) no-repeat center top;
}
#wrap {
	width:845px;
	text-align:left;
	margin:0 auto;	
}

#top{
	padding:15px 0 0 0;
}

#middle{
	background:transparent url(../images/bg_wrapper.jpg) no-repeat scroll -176px -174px;
}

#bottom{
	background:#c8cdb2;
	padding:25px;
	font-size:10px;
	color:#402000;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	width:760px;
}


.tecture-logo{
text-align:right;
padding:10px 0px;
background:#DFE4C6;
width:805px;
}


/* ~ GROUP BEGIN @ Main Nav ~ */ 

.main-nav{	
	list-style:none;
	margin:30px 0 5px 8px;
}
	.main-nav div{
		float:left;
	}

	.main-nav div a:link,
	.main-nav div a:visited,
	.main-nav div a:hover,
	.main-nav div a:active{
		display:block;
		float:left;
		padding:4px 8px; 
		color:#fff;
		font-family:Trebuchet MS, Verdana, san-serif;	
		text-decoration:none;
	}.main-nav div a:hover{		
		background:#3d1f00;
	}

.main-nav div.selected a{
background:#3d1f00;

}

/* ~ GROUP END @ Main Nav ~ */ 


/* ~ GROUP BEGIN @ Sub Nav ~ */ 


.sub-nav{
	list-style:none;
	margin:0 0 0 6px;
	padding:0 0 0 1px;
	background:url(../images/bg_sub-nav.gif) no-repeat top left;
	height:34px;

}

#Home .sub-nav{
	background-image:url(../images/bg_home-sub-nav.gif);
}
	.sub-nav div{
		float:left;
	}

	.sub-nav div a:link,
	.sub-nav div a:visited,
	.sub-nav div a:hover,
	.sub-nav div a:active{
		display:block;
		float:left;
		padding:4px 8px; 
		color:#fff;
		font-family:Trebuchet MS, Verdana, san-serif;	
		text-decoration:none;
		font-size:12px;
	}.sub-nav div a:hover{		
		text-decoration:underline;
	}
.sub-nav div.selected a{text-decoration:underline;}

/* ~ GROUP END @ Sub Nav ~ */ 




/*------------------------------------------------
		END LAYOUT	END LAYOUT	END LAYOUT		
-------------------------------------------------*/


/*------------------------------------------------
		FLUFF	FLUFF	FLUFF	FLUFF		
-------------------------------------------------*/
.hidden{
	margin-left:-9999px;
	left:-9999px;
	position:absolute;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.view-more{
	text-align:right;	
	padding:8px 0;
}
	.view-more a:link,
	.view-more a:visited,
	.view-more a:hover,
	.view-more a:active{
		color:#333;
		text-decoration:none;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;		
	}.view-more a:hover{text-decoration:underline;}

/* IE 6 min-height solution */

* html #content{
height:254px;
}

/*------------------------------------------------
		END FLUFF	END FLUFF	END FLUFF	
-------------------------------------------------*/



/*----------------------------------------------------
		TOP		TOP		TOP		TOP		
------------------------------------------------------*/
.logo{
	background:transparent url(../images/img_Resurrection-Lutheran-Church-Logo.gif) no-repeat scroll 34px 22px;
	display:block;
	height:147px;
	width:239px;
}

.imageSwap{
	list-style:none;
	float:right;
	margin:15px 50px 0 0;
	display:inline;
}


#top h2{
	border:0px none;
}

/*----------------------------------------------------
		END TOP		END TOP		END TOP		
------------------------------------------------------*/




/*----------------------------------------------------
	MIDDLE	MIDDLE	MIDDLE	MIDDLE	MIDDLE	
------------------------------------------------------*/

#middle-content{
	background: url(../images/bg_middle-content-repeat-y.jpg) repeat-y center top;
	width:810px;
}

.left-column{
	width:617px;
	float:left;
	padding:0 0 55px;
}

.right-column{
	background:#FFFFFF none repeat scroll 0 0;
	float:right;
	margin:35px 6px 0 0;
	padding:6px;
	width:175px;
	display:inline;
}

/* ~ GROUP BEGIN @ Right Column ~ */ 
.infoContainer{
	font-size:10px;
	padding:10px 0px 0px;
}

.Home{
padding:0 0 85px;
}

#Home .infoContainer, .Home .infoContainer{
	font-size:11px;
	padding:20px 0px 0px;
}
.info a:link,
.info a:visited,
.info a:hover,
.info a:active{
	color:#663300;
	text-decoration:none;
	font-size:12px;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-weight:normal;
}

#Home .info a:link,
#Home .info a:visited,
#Home .info a:hover,
#Home .info a:active,
.Home .info a:link,
.Home .info a:visited,
.Home .info a:hover,
.Home .info a:active{
	color:#2a83c3;
	font-weight:bold;
	font-size:14px;
}

.infoContainer .view-more a:link,
.infoContainer .view-more a:visited,
.infoContainer .view-more a:hover,
.infoContainer .view-more a:active{
	color:#2a83c3;
	text-decoration:none;
	font-size:11px;
} .info a:hover,  .infoContainer .view-more a:hover{
	text-decoration:underline;
}


 .infoContainer hr{
	margin:10px 0 0;
}

.info div{
	float:right;
	width:105px;
	padding:0 5px 0 0;

	color:#663300;

}

#Home .info div, .Home .info div{
	width:130px;
	color:#333;
}

.info p{
	margin:0 0 10px;
}

.infoContainer .view-more{
	padding:0 0px 8px;
}

#Home #donate, .Home #donate{
	text-align:center;
	padding:40px 0;
}


.rightHeader{
	margin:15px 0 5px;;
border:0px none;
}

/* ~ GROUP END @ Right Column ~ */ 

a.donate{
background: url(/assets/root/images/icon_donate.gif) no-repeat left top;
display:block;
width:74px;
height:73px;
margin:0 auto;
}
a.donate:hover{background-position:left bottom;}


/* ~ GROUP BEGIN @ Content ~ */ 

	#content{
		margin:0 0 0 6px;
		background:#fff url(../images/bg_int-content.gif) no-repeat top left;
		min-height:254px;
		width:611px;	
	}
	
	#Home #content{
		background:#fff;
	}
	
	#content .left-column{

		width:215px;
		padding:0 0 0 0px;
		margin:0 18px 0 0;
	}
	#shell{padding:0 0 55px 20px;}

#shell a:link,
#shell a:visited,
#shell a:hover,
#shell a:active{
font-weight:bold;
}

	#Home #content .left-column{
		width:190px;
		margin:0;
		padding:0;		

	}		
	
	#content .right-column{
		width:561px;
		margin:0 31px 0 0;
		padding:0;
		height:auto;
		background:transparent;
	}
#content .right-column img{
float:left;
margin-right: 10px;
}

      #content #imagePresent{
               width:327px;
      }	

	#Home #content .right-column{
		width:421px;
		margin:0;
	}
#content h4{
text-align:left;
font-weight:bold;
padding:9px;
}
	
	.breadcrumbs{
		padding:20px 0 20px 20px;

	}
		.breadcrumbs a:link,
		.breadcrumbs a:visited,
		.breadcrumbs a:hover,
		.breadcrumbs a:active,
		.breadcrumbs{
			color:#663300;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-style:italic;
			font-size:12px;
		}

.ecomm-purch{
margin:0;
float:left;
}
.ecomm-purch label{
float:left;
margin:0 10px 0 0;
text-align:left;
width:92px;
}
.ecomm-purch li{
list-style:none;
margin:3px 0;
width:250px;
}
.ecomm-desc{
margin:0 0 10px;
}

.ecomm-purchAlt{
float:none;
margin:10px 0 0;
}
	
img.itemImg{float:left; margin: 4px 10px 0 0;}

	/* ~ GROUP BEGIN @ Default Content Left ~ */ 
	
	.bio-container{
		background:#7A8F53 url(../images/bg_content-left-column.gif) no-repeat bottom left;
		padding:10px 8px 25px;	
min-height:167px;
	}

* html .bio-container{
height:167px;
}
		.bio-container img{
			border:1px solid #85a646;
		}
		
		.bio{
			color:#FFF;
			font-family:Georgia, "Times New Roman", Times, serif;
			padding:0 4px;
		}
		
			.bio dt{
				margin:5px 0 5px;
			}
			.bio dd{
				text-align:right;
			}
			
		.options{
			list-style:none;	
			margin:0 0;	
			padding:0px 8px 10px;	
		}	
		
		.options .infoContainer{
			margin:0 0 35px;
			padding:0;
		}

.storeitem{
margin:0 0 25px;
}

.skuQty{
width:15px;
text-align:center;
padding:1px 4px 1px 1px;
}
a#addToCart{
float:left;
display:block;
background:#663300;
color:#fff;
padding:5px 8px;
margin:5px 0 0;
text-decoration:none;
}
a#addToCart:hover{
background:#402000;
}

	/* ~ GROUP END @ Default Content Left ~ */ 
	
	
	/* ~ GROUP BEGIN @ Default Content Right ~ */ 
	
	.calendar{
		background:#9DC44F;
		padding:0 12px;
	}
#shell .right-column .calendar{
margin:10px 0 0;
}
	
		.calendar div{			
			padding:10px 10px 0;
		}
.calendar .clearfix{
padding:0;
}
.spanOne .eventSpan{
display:none;
}
		.calendar hr{
			border-bottom:1px solid #c1d991;
			margin:10px 0 0;
		}
		.calendar h3{
			background:#E6C85E none repeat scroll 0 0;
			color:#663300;
			float:left;
			font-family:Georgia,"Times New Roman",Times,serif;
			font-size:20px;
			margin:0 10px 0 0;
			padding:2px 2px 8px 0;
			text-align:center;
			width:34px;
			display:inline;
		}

#shell .right-column .calendar h3{
line-height:21px;
width:50px;
}

.calendar img{
float:right;
margin:0 10px 0 0;
display:inline;
}

.calendar dl{
float:left; 
}
#Home .calendar dl{
width:330px;
}

		.calendar dl dt{
			font-family:"Trebuchet MS", Verdana, sans-serif;
			font-size:16px;
			color:#fff;
			font-weight:bold;
		}
		
			.calendar dl dt a:link,
			.calendar dl dt a:visited,
			.calendar dl dt a:hover,
			.calendar dl dt a:active{
			font-family:"Trebuchet MS", Verdana, sans-serif;
			font-size:16px;
			color:#fff;
			font-weight:bold;
			text-decoration:none;
		}.calendar dl dt a:hover{text-decoration:underline;}
		
		.calendar dl dd{
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:12px;
			color:#333;
		}
.eventSpan{
display:block;
}
		
	.news{
		background:url(../images/bg_border-news.gif) no-repeat top left;
		padding:14px 1px 0;
		line-height:1.8em;
	}
	
		.news h3{
			background:#900;
			font-family:"Trebuchet MS", Verdana, sans-serif;
			font-size:18px;
			color:#fff;
			font-weight:normal;
			padding:6px 9px;
			width:43px;
		}
		
		.news div{
			padding:11px 0 2px;
			margin:0 11px 0px;
			
		}
		
			hr{
				border:0px none;
				border-bottom:1px solid #d9d9d9;				
				height:1px;
			}
			
			.news div .date, .date{
				color:#336600;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:11px;		
				margin:0;		
			}
			

			.news div h2 a:link, 
			.news div h2 a:visited, 
			.news div h2 a:hover, 
			.news div h2 a:active, 
			.news div h2{
				background:none;
				text-align:left;
				color:#663300;
				font-family:"Trebuchet MS", Verdana, sans-serif;
				font-size:14px;
				font-weight:bold;
				padding:0;
			}
			.news div p{
				margin:0 0 18px;
			}
			
		.contact{
			margin:10px 0 8px;
		}			
			.contact .icon-email{
				margin:0 5px 0 0px;
			}

		.text{
			font-family:"Trebuchet MS", Verdana, sans-serif;
		}			
			
		.text p{
			margin:8px 0 10px;
			line-height:16px;
		}			
		

#sitemap{
list-style:none;
font-weight:bold;
margin:5px 10px 0;
}

#sitemap li{
margin:10px 0 0;
}

#sitemap li ul li{
font-weight:normal;
list-style:none;
margin:0;
}

.searchBox{
border:0px none;
margin:0 0 20px;
}

.searchBox legend, .searchBox label{
display:none;
}

.searchBox #ctl01_tbSearch{
margin-top:6px;
width:138px;
padding:0px 3px;
}

.searchBox input{
float:left;
margin:0  5px 0 0;
}


	/* ~ GROUP END @ Default Content Right ~ */ 
				
			
/* ~ GROUP END @ Content ~ */ 



/*----------------------------------------------------
	END MIDDLE	END MIDDLE	END MIDDLE	
------------------------------------------------------*/

/*----------------------------------------------------
	BEGIN BOTTOM	BEGIN BOTTOM	BEGIN BOTTOM	
------------------------------------------------------*/
#bottom .links{
	float:right;
}
#bottom a:link,
#bottom a:visited,
#bottom a:hover,
#bottom a:active{
	color:#402000;
}

#bottom .emailSignUpForm{border:0 none; margin:3px 0 0;}
#bottom .emailSignUpForm legend{
display:none;
}

#bottom .emailSignUpForm input, #bottom .emailSignUpForm label {float:left; margin:0 4px 0 0;}

.emailSignUpButton, #ctl01_btnSearch{
background:#663300 url(/assets/root/images/btn_email_signup.gif) no-repeat left top;
color:#FFFFFF;
display:block;
margin:5px 0 0;
padding:5px 8px;
text-decoration:none;
width:20px;
height:20px;
border:0px none;
overflow:hidden;
cursor:pointer;
text-indent:50px;
}

.emailSignUpButton:hover, #ctl01_btnSearch:hover{background-position:left bottom}

/*----------------------------------------------------
	END BOTTOM	END BOTTOM	END BOTTOM	
------------------------------------------------------*/

#loading{
background:#fff no-repeat scroll center center;
opacity:0.0;
filter: progidXImageTransform.Microsoft.Alpha(Opacity=0);
-ms-filter: "progidXImageTransform.Microsoft.Alpha(Opacity=0)";
height:100%;
left:0;
position:absolute;
text-align:center;
font-size:0;
top:0;
width:100%;
}