body {
	min-height: 100%;
	height: 100%;
	background-color: #FFF8D2;*/
	margin: 10px 10px;
	font: 76%, verdana, arial, helvetica, sans-serif;
}

p {
	font-size: 1em;
}	

/* to get window height */
html, body, #content {
	min-height: 100%;
	height: 100%;
}

/* a container for all but main menu */
#wrapperLeft {
	width: 79%;
	background: #c10062 url(images/tlWine.png) no-repeat top left;
}

/* big banner at the top */
#masthead {
	height: 50px;
	padding-top: 20px;
	padding-bottom: 3px;
	background: url(images/trWine.png) no-repeat top right;
	color: #000;
	font-size: 3.0em;
	text-align: center;
	border-bottom: solid thin black;
}

/* the template container */
#page {
	width: 79%;
	float: left;
	background-color: #e1c699;
	padding-bottom: 15px;
	font-size: 1em;
	text-align: justify;
	border-right: solid medium brown;
	border-right-style: ridge;
	border-bottom: solid thick brown;
	border-bottom-style: ridge;
}

/* the real stuff */
#content {
	height: auto;
	background-color: #e1c699;
	margin-left: 10px;
	margin-right: 10px;
}

/* put a border around all images */
img {
	border: solid thin brown;
}

/* maybe not all images */
#imgNoBorder {
	border: none;
}

/* styling the worship site photos */
#sitePhoto {
	width: 25%;
	height: auto;
	float: right;
	margin-left: 5px;
}

/* setting up homilies display table */
table {
	width: 100%;
	font-size: 1em;
}

th {
	background-color: #FFF8D2;
	border: solid thin brown;
	-moz-border-radius: 5px;
	font-size: 1.1em;
}

tr.homilies {
	background: #fff8d2;
}

td {
	vertical-align: top;
}

td.homilies {
	padding-right: 5px;
}


/* general style */	
	
/* logo containter */
#eucharist {
	margin-top: -90px;
	margin-left: 80%;
	height: 100px;
	background: #fff8d2 url(images/eucharistBrownCream.png) no-repeat top center;
}

/* rounded corner box for main menu */
#menuBox {
	float: right;
	width: 19%;
	margin-top: -24px;
	background: transparent;
}

.menuBoxTop, .menuBoxBottom {
	display: block;
	background: transparent;
	font-size: 1px;
}

#menuBox .b1, #menuBox .b2, #menuBox .b3, #menuBox .b4, #menuBox .b1b, #menuBox .b2b, #menuBox .b3b, #menuBox .b4b {
	display: block;
	overflow: hidden;
}

#menuBox .b1, #menuBox .b2, #menuBox .b3, #menuBox .b1b, #menuBox .b2b, #menuBox b3b {
	height: 1px;

}
#menuBox .b1 {
	margin: 0 4px;
	background-color: #c10062;
}

#menuBox .b2 {
	background: #e1c699;
	border-left: 1px solid #c10062;
	border-right: 1px solid #c10062;
}

#menuBox .b3 {
	background: #e1c699;
	border-left: 1px solid #c10062;
	border-right: 1px solid #c10062;
}

#menuBox .b4 {
	background: #e1c699;
	border-left: 1px solid #c10062;
	border-right: 1px solid brown;
}

#menuBox .b4b {
	background: #C99268;
	border-left: 1px solid #e1c699;
	border-right: 1px solid #C99268;
}

#menuBox .b3b {
	background: #C99268;
	border-left: 1px solid #e1c699;
	border-right: 1px solid #C99268;
}

#menuBox .b2b {
	background: #C99268;
	border-left: 1px solid #e1c699;
	border-right: 1px solid #C99268;
}

#menuBox .b2, #menuBox .b2b {
	margin: 0 3px;
	border-width: 0 2px;
}

#menuBox .b3, #menuBox .b3b {
	margin: 0 2px;
}

#menuBox .b4, #menuBox .b4b {
	height: 2px;
	margin: 0 1 0 1px;
}

#menuBox .b1b {
	margin: 0 5px;
	background: #C99268;
}		

#menuBox .menuBoxContent {
	display: block;
	background: #e1c699;
	border-left: 1px solid #c10062;
	border-right: 2px solid #C99268;
}

/*#menuWrapper {
	float: right;
	width: 19%;
	background: #b302ff url(images/tlPurple.png) no-repeat top left;
	border-bottom: solid thin brown;
}*/
/* other main menu box rounded corner */
/*#menuWrapper2 {
	background: url(images/trPurple.png) no-repeat top right;
}*/
/* the main menu */
/*#menu {
	width: 125px;
	float: right;
	margin-right: 5px;
}*/

/* styling the homily quote box */
#quote {
	width: 20%;
	float: right;
	margin-left: 10px;
	padding-left: 5px;
	font-family: times, roman, serif;
	font-size: 1.5em;
	font-weight: bold;
	text-align: left;
}

/* for menus */
ul.main {
	margin: 0 5px;
	padding: 0 5px 10px 5px;
	list-style: none;
	font-size: 1em;
}

ul.subMenu {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}	

li.subMenu {
	display: inline;
}

#online {
	display: inline;
	list-style-type: none;
}

a.menuList {
	color: green;
	text-decoration: none;
}

a.subMenuList {
	color: #000;
}

a.underlined {
	color: #000;
}

a.print {
	display: none;
}

a:hover {
	color: #c10062;
}

/* general heading */
h4 {
	width: 75%;
	font-size: 1.8em;
	background-color: #e1c699;
	border-top: solid thin #000;
	border-bottom: solid thin #000;
	padding: 3px 0 3px 3px;
	color: #c10062;
}

/* for homily submit form */
input, textarea {
	background-color: #FFF8D2;
	border: solid thin brown;
	-moz-border-radius: 5px;
}

/*styling the photoBoxes*/
#photoBoxJoeE {
	position: relative;
	width: 520px;
	height: 420px;
	margin-left: auto;
	margin-right: auto;
	border: solid thin brown;
}

#photoBoxMary {
	position: relative;
	width: 520px;
	height: 420px;
	margin-left: auto;
	margin-right: auto;
	border: solid thin brown;
}

#photoBoxPat {
	position: relative;
	width: 520px;
	height: 420px;
	margin-left: auto;
	margin-right: auto;
	border: solid thin brown;
}

#photoBoxJoeR {
	position: relative;
	width: 520px;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
	border: solid thin brown;
}	

/*photoBox backgrounds*/
#photoBoxJoeE {
	background: #fff8d2 url(images/stJoeE/stJoeE2haze.jpg) 110px 105px no-repeat;
}

#photoBoxMary {
	background: #fff8d2 url(images/stMary/stMaryChurch2haze.jpg) 50px 105px no-repeat;
}

#photoBoxPat {
	background: #fff8d2 url(images/stPat/stPatHaze.jpg) 50px 105px no-repeat;
}

#photoBoxJoeR {
	background: #fff8d2 url(images/stJoeR/stJoeRhaze.jpg) 90px 115px no-repeat;
}	

/*removing list bullets, indents, setting size*/
#photoBoxJoeE ul {
	width: 520px;
	height: 400px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#photoBoxMary ul {
	width: auto;
	height: 400px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#photoBoxPat ul {
	width: 520px;
	height: 400px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#photoBoxJoeR ul {
	width: 520px;
	height: 500px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}			

/*floating images left*/
#photoBoxJoeE li {
	float: left;
}

#photoBoxMary li {
	float: left;
}

#photoBoxPat li {
	float: left;
}

#photoBoxJoeR li {
	float: left;
}			

/*hiding photoBox images & text*/
#photoBoxJoeE a.gallery span, #photoBoxMary a.gallery span, #photoBoxPat a.gallery span, #photoBoxJoeR a.gallery span {
	position: absolute;
	width: 1px;
	height: 1px;
	top: 5px;
	left: 5px;
	overflow: hidden;
	background: #fff;
}

/*adding thumbnail images*/
#photoBoxJoeE a.gallery, #photoBoxJoeE a.gallery:visited, #photoBoxMary a.gallery, #photoBoxMary a.gallery:visited, #photoBoxPat a.gallery, #photoBoxPat a.gallery:visited, #photoBoxJoeR a.gallery, #photoBoxJoeR a.gallery:visited {
	display: block;
	color: #000;
	text-decoration: none;
	border: solid thin brown;
	margin: 1px 2px;
	text-align: left;
	cursor: default;
}

/*the thumbnail hover border*/
#photoBoxJoeE a.gallery:hover, #photoBoxMary a.gallery:hover, #photoBoxPat a.gallery:hover, #photoBoxJoeR a.gallery:hover {
	border: solid thin #FFF8D2;
}

/*the span hover*/
#photoBoxJoeE a.gallery:hover span, #photoBoxMary a.gallery:hover span, #photoBoxPat a.gallery:hover span {
	position: absolute;
	width: 500px;
	height: 305px;
	top: 105px;
	left: 20px;
	color: #000;
	background: #FFF8D2;
}

/*stJoeR span hover*/
#photoBoxJoeR a.gallery:hover span {
	width: 500px;
	height: 390px;
	top: 110px;
	left: 20px;
	color: #000;
	background: #fff8d2;
}

/* stJoeE thumbnails */
#photoBoxJoeE a.stJoeEinside {
	background: url(images/stJoeE/stJoeEinsideSm.jpg);
	width:111px;
	height: 88px;
}	

#photoBoxJoeE a.stJoeEalter {
	background: url(images/stJoeE/stJoeEalterSm.jpg);
	width: 63px;
	height: 88px;
}

#photoBoxJoeE a.stJoeEcross {
	background: url(images/stJoeE/stJoeEcrossSm.jpg);
	width: 68px;
	height: 88px;
}

#photoBoxJoeE a.stJoeEsanctuary {
	background: url(images/stJoeE/stJoeEsanctuarySm.jpg);
	width: 60px;
	height: 88px;
}

#photoBoxJoeE a.stJoeEstations {
	background: url(images/stJoeE/stJoeEstationsSm.jpg);
	width: 69px;
	height: 88px;
}

#photoBoxJoeE a.stJoeEpew {
	background: url(images/stJoeE/stJoeEpewSm.jpg);
	width: 72px;
	height: 88px;
}

#photoBoxJoeE a.joeE {
	background: url(images/stJoeE/joeESm.jpg);
	width: 49px;
	height: 88px;
}		

/* stMary thumbnails */
#photoBoxMary a.stMaryAlterNew {
	background: url(images/stMary/stMaryAlterNewSm.jpg);
	width:100px;
	height: 74px;
}

	#photoBoxMary a.stMaryBabyJesus {
	background: url(images/stMary/stMaryBabyJesusSm.jpg);
	width:68px;
	height: 74px;
}

	#photoBoxMary a.stMaryPodium {
	background: url(images/stMary/stMaryPodiumSm.jpg);
	width:65px;
	height: 74px;
}

	#photoBoxMary a.stMaryEucharist {
	background: url(images/stMary/stMaryEucharistSm.jpg);
	width:100px;
	height: 74px;
}

	#photoBoxMary a.stMaryStations3 {
	background: url(images/stMary/stMaryStations3Sm.jpg);
	width:63px;
	height: 74px;
}

	#photoBoxMary a.stMaryAlterOld {
	background: url(images/stMary/stMaryAlterOld2Sm.jpg);
	width:100px;
	height: 74px;
}

/* stPat thumbnails */
	#photoBoxPat a.stPatAlter {
	background: url(images/stPat/stPatNewAlterSm.jpg);
	width:57px;
	height: 75px;
}

	#photoBoxPat a.stPatFigure {
	background: url(images/stPat/stPatFigureSm.jpg);
	width:31px;
	height: 75px;
}

	#photoBoxPat a.stPatLamb {
	background: url(images/stPat/stPatLambSm06.jpg);
	width:107px;
	height: 75px;
}

	#photoBoxPat a.stPatCrucifix {
	background: url(images/stPat/stPatCrucifixCroppedSm.jpg);
	width:32px;
	height: 75px;
}

	#photoBoxPat a.stPatBaptismal {
	background: url(images/stPat/stPatBaptismalSm.jpg);
	width:32px;
	height: 75px;
}	

	#photoBoxPat a.stPatCandle {
	background: url(images/stPat/stPatCandleSm.jpg);
	width: 50px;
	height: 75px;
}	

	#photoBoxPat a.stPatStation {
	background: url(images/stPat/stPatStationSm.jpg);
	width: 50px;
	height: 75px;
}	

	#photoBoxPat a.stPatBell {
	background: url(images/stPat/stPatBellCroppedSm.jpg);
	width:35px;
	height: 75px;
}

	#photoBoxPat a.stPatCemetery {
	background: url(images/stPat/stPatCemeterySm.jpg);
	width:49px;
	height: 75px;
}

/* stJoeR thumbnails */
	#photoBoxJoeR a.stJoeRalter {
	background: url(images/stJoeR/stJoeRalterSm.jpg);
	width:69px;
	height: 100px;
}

	#photoBoxJoeR a.stJoeRglass {
	background: url(images/stJoeR/stJoeRglassSm.jpg);
	width:68px;
	height: 100px;
}

	#photoBoxJoeR a.stJoeRstation {
	background: url(images/stJoeR/stJoeRstationSm.jpg);
	width:66px;
	height: 100px;
}

	#photoBoxJoeR a.stJoeRcourtyard {
	background: url(images/stJoeR/stJoeRcourtyardSm.jpg);
	width:155px;
	height: 100px;
}

	#photoBoxJoeR a.stJoe {
	background: url(images/stJoeR/stJoeSm.jpg);
	width:38px;
	height: 100px;
}