#wrapper {
	width: 960px;
	background-color: #bbc5c7;
}

#header, #navbar{
	margin-left: -21px;
}

h2 {
	font-size: 1.6em;
	text-align: center;
	margin: 20px 0;
}

.emphasis {
	font-weight: bold;
}

.more, .less {
	color: #013648;
	margin-left: 30px;
	cursor: pointer;
	font-weight: normal;
	font-family: Georgia, serif;
}


/*** main styles ***/

#main { /* with a leftcol  for images */
	padding: 20px 20px 20px 0;
	margin-left: 100px;
	line-height: 1.3em;
}

#single { /* with no sidebars */
	padding: 20px 50px;
	line-height: 1.3em;
}

#main p {
	margin-left: 10px;
}

#main ul, #single ul {
	margin: 0 0 20px 0;
}

#main ul li {
	margin: 0 0 10px 100px;
	list-style-image: url(../images/bullet.png);
}

#single .topic {
	margin: 0 40px 10px 20px;
}

#single p.topic {
	margin-left: 40px;
}

#single ul li {
	margin: 0 0 0 40px;
	list-style: none;
	padding: 5px 0;
}

#main span {
	margin-left: 30px;
}

#leftcol {
	position: relative;
	width: 100px;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


#verse {
	padding: 15px 20px  0 15px;
}

#verse h3 {
	text-align: center;
}

#verse h4 {
	margin: 10px 0 5px 0;
}

.bible_ref {
	text-align: right;
	font-style: italic;
	font-size: 0.8em;
	padding-right: 16px;
}

/*** Christmas styles ***/

.christmas #main {
	margin-left: 250px;	
}

.christmas #main ul {
	margin-left: 40px;
}

.christmas #main li {
	margin: 10px 0 30px 0;
}

.christmas #main h4 {
	margin-left: -9px;
}

.christmas #main li .topic {
	padding-left: 20px;
}

.christmas #leftcol {
	position: relative;
	width: 250px;
	float: left;
	margin: 35px 0 0 0;
	padding: 0 21px 0 0;
}

.christmas #leftcol h4 {
	text-align: center;
}

.christmas #leftcol img {
	margin: 10px 0 30px 75px;
}

/***** Christmas landing page styles *****/

.christmas_main {
	position: relative;
	width: 960px;
	height: 800px;
	padding: 10px 0 30px 0;
	overflow: visible;
}

.christmas_main .item {
	border-radius: 10px;
}

.christmas_main h2 {
	font-weight: bold;
	text-align: center:
	margin-top: 30px; 
}

.christmas_main .itemA {
	position: absolute;
	top: 80px;
	left: 10px;
	width: 300px;
	height: 300px;
	background-image: url(../images/Christmas/christmas_masonry1.png);
}

.christmas_main .itemB {
	position: absolute;
	top: 80px;
	left: 330px;
	width: 340px;
	height: 200px;
	background-image: url(../images/Christmas/christmas_masonry2.png);
}

.christmas_main .itemC {
	position: absolute;
	top: 80px;
	left: 690px;
	width: 260px;
	height: 300px;
	background-image: url(../images/Christmas/christmas_masonry3.png);
}

.christmas_main .itemD {
	position: absolute;
	top: 400px;
	left: 10px;
	width: 160px;
	height: 300px;
	background-image: url(../images/Christmas/christmas_masonry4.png);
}

.christmas_main .itemE {
	position: absolute;
	top: 300px;
	left: 450px;
	width: 220px;
	height: 220px;
	background-image: url(../images/Christmas/christmas_masonry5.png);
}

.christmas_main .itemF {
	position: absolute;
	top: 400px;
	left: 690px;
	width: 260px;
	height: 120px;
	background-image: url(../images/Christmas/christmas_masonry6.png);
}

.christmas_main .itemG {
	position: absolute;
	top: 440px;
	left: 190px;
	width: 240px;
	height: 160px;
	background-image: url(../images/Christmas/christmas_masonry7.png);
}

.christmas_main .itemH {
	position: absolute;
	top: 540px;
	left: 450px;
	width: 380px;
	height: 160px;
	background-image: url(../images/Christmas/christmas_masonry8.png);
}

.christmas_main .itemI {
	position: absolute;
	top: 620px;
	left: 190px;
	width: 240px;
	height: 180px;
	background-image: url(../images/Christmas/christmas_masonry9.png);
}

.christmas_main .itemA:hover {
	background-image: url(../images/Christmas/christmas_masonry1.jpg);
}

.christmas_main .itemB:hover {
	background-image: url(../images/Christmas/christmas_masonry2.jpg);
}

.christmas_main .itemC:hover {
	background-image: url(../images/Christmas/christmas_masonry3.jpg);
}

.christmas_main .itemD:hover {
	background-image: url(../images/Christmas/christmas_masonry4.jpg);
}

.christmas_main .itemE:hover {
	background-image: url(../images/Christmas/christmas_masonry5.jpg);
}

.christmas_main .itemF:hover {
	background-image: url(../images/Christmas/christmas_masonry6.jpg);
}

.christmas_main .itemG:hover {
	background-image: url(../images/Christmas/christmas_masonry7.jpg);
}

.christmas_main .itemH:hover {
	background-image: url(../images/Christmas/christmas_masonry8.jpg);
}

.christmas_main .itemI:hover {
	background-image: url(../images/Christmas/christmas_masonry9.jpg);
}

.christmas_main .spacer1 {
	position: absolute;
	top: 300px;
	left: 320px;
	width: 120px;
	height: 120px;
}

.christmas_main .spacer2 {
	position: absolute;
	top: 400px;
	left: 180px;
	width: 120px;
	height: 20px;
}

.christmas_main .spacer3 {
	position: absolute;
	top: 540px;
	left: 860px;
	width: 100px;
	height: 160px;
}

.christmas_main .spacer4 {
	position: absolute;
	top: 720px;
	left: 0;
	width: 160px;
	height: 80px;
}

.christmas_main .spacer5 {
	position: absolute;
	top: 720px;
	left: 460px;
	width: 500px;
	height: 80px;
}


/*** Easter styles ***/

.easter #main {
	margin-left: 250px;	
}

.easter #main ul {
	margin-left: 40px;
}

.easter #main li {
	margin: 10px 0 30px 0;
}

.easter #main h4 {
	margin-left: -9px;
}

.easter  #main li .topic {
	padding-left: 20px;
}

.easter #leftcol {
	position: relative;
	width: 250px;
	float: left;
	margin: 30px 0 0 0;
	padding: 0 21px 0 0;
}

.easter #leftcol hr {
	margin: 20px 20px 20px 0;
}

.easter #leftcol h4 {
	text-align: center;
}

.easter #leftcol img {
	margin: 10px 0 10px 35px;
	box-shadow: 2px 2px 5px #000;
}


.lent #main {
	margin-left: 350px;	
}

.lent h2 {
	margin: 30px 0 15px 0;
	text-align: center;	
}

.lent h3 {
	color: #000;
	text-align: center;
	font-size: 1.2em;
	
}

.lent #main ul {
	margin-left: 90px;
}

.lent #main li {
	margin: 10px 0 30px 0;
}

.lent #main h4 {
	margin-left: -9px;
}

.lent #main li .topic {
	padding-left: 20px;
}

.lent #leftcol {
	position: relative;
	width: 350px;
	float: left;
	margin: 0;
	padding: 0 21px 0 0;
}

.lent #leftcol hr {
	margin: 20px 20px 20px 0;
}

.lent #leftcol img {
	margin-top: -40px;	
}