@charset "utf-8";
/* CSS Document */

/* Style sheet for the stmarys75thanniversary website 
   Generic Style Rules for the footer Divs. */
#footer {
	height: 27px;
	width: 1000px;
}

/* Style Rules for the Divs of the ourChurches.html page. */
#StMarysBarnegatBar {
	height: 400px;
	width: 500px;
	margin-top: 25px;
}
#StMarysPinesBar {
	float: right;
	height: 400px;
	width: 500px;
	margin-top: -390px;
}
#OriginalChurchBar {
	float: left;
	height: 400px;
	width: 500px;
}
#OriginalParishCenterBar {;
	float: right;
	height: 400px;
	width: 500px;
}
#AdorationChapelBar {
	height: 400px;
	width: 500px;
	float: left;
}
#RectoriesBar {
	float: right;
	height: 400px;
	width: 500px;
}

/* Style for the Divs of the easter_1957and1987.html 
   and churchHistoryNarrative.html pages.  */
#TopBar {
	height: 600px;
	width: 1000px;
	background-color: #CFF;
	border: thin solid #000;
}
#BottomBar {
	height: 600px;
	width: 1000px;
	background-color: #CFF;
	border: thin solid #000;
}

/* Style Rules for the Divs of the ourPastors.html page. */
#First25YearsBar {
	height: 400px;
	width: 1000px;
	margin-top: 35px;
}
#Second25YearsBar {
	height: 400px;
	width: 1000px;
}
#Third25YearsBar {
	height: 400px;
	width: 1000px;
}

/* Style Rules for the Divs of the third25Years.html page. */
#Third25YearsImages {
	height: 800px;
	width: 1000px;
	margin-top: 35px;
}
#PastorAnniversaryMessage {
	height: 400px;
	width: 1000px;
	background-color: #CCF;
}

/* Style Rules for the ourParochialVicars page, ourParochialVicars.html. */
#InnerContainer {
	height: 1200px;
	width: 1000px;
	margin-top: 32px;
	border: thin solid #00F;
	background-color: #CCF;
}
#FrWalterBar {
	float:right;
	height: 400px;
	width: 500px;
}
#FrNesBar {
	float:right;
	height: 400px;
	width: 500px;
}
#FrVicBar {
	float: left;
	height: 400px;
	width: 500px;
}
#FrTomBar {
	float: right;
	height: 400px;
	width: 500px;
}
#FrBrownBar {
	float: left;
	height: 400px;
	width: 333px;
}
#FrJC_Marcin_Bar {
	height: 400px;
	width: 333px;
	margin-left: 333px;
	margin-top: 800px;
}
#FrJohnBar {
	float: right;
	height: 400px;
	width: 333px;
	margin-top: -400px;
}

/* Style Rules for the ourDeacons page, ourDeacons.html. */
#InnerContainer_DeaconsPage {
	height: 1490px;
	width: 1000px;
	margin-top: 32px;
	border: thin solid #00F;
	background-color: #CCF;
}
#DeaconBobA_Bar {
	height: 300px;
	width: 250px;
}
#DeaconBobK_Bar {
	height: 300px;
	width: 250px;
	margin-top: -300px;
	margin-left: 250px;
}
#DeaconEarl_Bar {
	height: 300px;
	width: 250px;
	float: right;
	margin-top: -300px;
	margin-right: 250px;;
}
#DeaconFrank_Bar {
	height: 300px;
	width: 250px;
	;
	float: right;
	margin-top: -300px;
}
#DeaconJim_Bar {
	height: 300px;
	width: 250px;
}
#DeaconJoeF_Bar {
	height: 300px;
	width: 250px;
	float: left;
	margin-top: -300px;
	margin-left: 250px;
}
#DeaconJoeV_Bar {
	height: 300px;
	width: 250px;
	float: right;
	margin-top: -300px;
	margin-right: 250px;
}
#DeaconPat_Bar {
	height: 300px;
	width: 250px;
	float: right;
	margin-top: -300px;
}
#DeaconPhil_Bar {
	height: 300px;
	width: 250px;
}
#DeaconRon_Bar {
	height: 300px;
	width: 250px;
	margin-top: -300px;
	margin-left: 250px;
}
#DeaconSteve_Bar {
	height: 300px;
	width: 250px;
	float: right;
	margin-top: -300px;
	margin-right: 250px;;
}
#DeaconPicture_Bar {
	float: right;
	height: 300px;
	width: 250px;
	margin-top: -300px;
}
#MovedFromArea {
	float: left;
	height: 400px;
	width: 500px;
}
#InMemoryOf {
	float: right;
	height: 400px;
	width: 500px;
}

/* Style Rules for the weekend assistant priests page, ourWkEndPriests */
#FrMarcone_Bar {
	float: left;
	height: 500px;
	width: 333px;
	margin-top: -600px;
	padding-top: 100px;
}
#FrCullen_Bar {
	height: 500px;
	width: 333px;
	padding-top: 100px;
	margin-left: 333px;
}
#FrBasil_Bar {
	float: right;
	height: 500px;
	width: 333px;
	padding-top: 100px;
	margin-left: -127px;
}
#InMemoryOf_Priests {
	float: left;
	height: 500px;
	width: 300px;
	background:#CCF;
}
#WeekendPriestsPic_Bar {
	float: right;
	height: 500px;
	width: 700px;
}

/* Style Rules for the ourRecollections page, ourRecollections.html. */
#MelPeters_Bar {
	float: left;
	height: 500px;
	width: 500px;
}
#SkipMartin_Bar {
	float: right;
	height: 500px;
	width: 500px;
}
#RichardPorsch_Bar {
	float: left;
	height: 500px;
	width: 500px;
	background:#CCF;
}
#PhilHart_Bar {
	float: right;
	height: 500px;
	width: 500px;
	background:#CCF;
}

/* Style Rules for the ourReflections page, ourReflections.html. */
#ReflectionsBar {
	height: 800px;
	width: 1000px;
	padding-top:20px;
}
#LeftMargin {
	height: 800px;
	width: 100px;
}
#AddToReflectionsBar {
	height: 400px;
	width: 800px;
	margin-left: 100px;
	margin-top: -800px;
}
#PostReflectionsBar {
	height: 400px;
	width: 800px;
	margin-left: 100px;
}
#RightMargin {
	float: right;
	height: 800px;
	width: 100px;
	margin-top: -820px;
}





/* === Style Classes === */
/* Heading captions for the churchHistoryNarrative.html page */
.headingCaptions {
	color:#00F; 
	font-family:'Edwardian Script ITC'; 
	font-weight:bold;
}
.deaconsTopHeadings {
	font-family:'Edwardian Script ITC'; 
	color:#00F;
	text-align:center; 
	font-size:50px;
}
.deaconsHeadings {
    font-family:Arial, Helvetica, sans-serif; 
	color:#00F;
	text-align:center; 
	font-size:20px
}

/*Style Classes for the Headings of the Recollections 
and Reflections Messages and Signature, if any */
.messagesHeadings {
	font-family:Arial, Helvetica, sans-serif; 
	color:#00F;
	text-align:center; 
	font-size:35px;
}
.signatureStyle {
	 font-family:"Brush Script Std";
	 color:#1210f9;
	 font-size:25px; 
	 font-weight:bold;
}
.originalParishionersHeadings {
	font-family:Arial, Helvetica, sans-serif; 
	color:#00F;
	text-align:center; 
	font-size:50px;
}
.formTextStyle {
	 color:#00F; 
	 font-weight:bold;
	 text-align:center;
}
.buttonStyle {
	background:#CCF;
	color:#00F; 
	font-weight:bold;
}





/* Media Query Rule for Desktop views larger than 950px
   showing a menu style dropdown list. */
@media (min-width: 950px)
{

/* Style Rules for the generic  container of the subpages with large Desktop
of larger than 950px. 
						CONTAINS BORDER! */
#Container_SubPage {
	height: 1260px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	border: thick solid #006;	
}
#Container_NarrartiveSubPage {
	height: 1265px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	border: thick solid #006;
}
#Container_DeaconsPage {
	height: 1550px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	border: thick solid #006;
}
#Container_WkEndPriests_Page {
	height: 1125px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background:#CCF;
	border: thick solid #006;
}
#Container_RecollectionsPage {
	height: 1138px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background:#CCF;
	border: thick solid #006;
}
#Container_ReflectionsPage {
	height: 1365px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background:#CCF;
	border: thick solid #006;
}

/* === Style Classes === */
/* Main Heading for DeskTop Heading Style */
a.mainMenuHeading, a.mainMenuHeading:link,  a.mainMenuHeading:visited, a.mainMenuHeading:hover, a.mainMenuHeading:active {
	width: 975px;
	color:#00F;
	background:#CCF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* SubMenu Headings */
a.subMenuHeading1, a.subMenuHeading1:link,  a.subMenuHeading1:visited, a.subMenuHeading1:hover, a.subMenuHeading1:active {
	width:250px;
	color:#00F;
	background:#CCF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a.subMenuHeading2, a.subMenuHeading2:link,  a.subMenuHeading2:visited, a.subMenuHeading2:hover, a.subMenuHeading2:active {
	width:250px;
	color:#00F;
	background:#9CC;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a.subMenuHeading3, a.subMenuHeading3:link,  a.subMenuHeading3:visited, a.subMenuHeading3:hover, a.subMenuHeading3:active {
	width:250px;
	color:#00F;
	background:#69F;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a.subMenuHeading4, a.subMenuHeading4:link,  a.subMenuHeading4:visited, a.subMenuHeading4:hover, a.subMenuHeading4:active {
	width:250px;
	color:#00F;
	background:#66F;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#navBar_SmallView{
	display:none;
}
}





/* Media Query Rule for SmartPhone views smaller than 949px
   showing a navigation style without a dropdown menu. */
@media (max-width: 949px)
{

/* Style Rules for the generic  container of the subpages with SmartPhone
views of less than 949px. 
						CONTAINS NO BORDER! */
#Container_SubPage {
	height: 1260px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#Container_NarrartiveSubPage {
	height: 1265px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#Container_DeaconsPage {
	height: 1550px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#Container_WkEndPriests_Page {
	height: 1125px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background:#CCF;
}
#Container_RecollectionsPage {
	height: 1138px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background:#CCF;
}
#Container_ReflectionsPage {
	height: 1365px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background:#CCF;
}

/* Navigation Style for SmartPhone views smaller than 949px */
#navBar_SmallView {
	text-align:center;
	color:#1210f9;
	font-family:"Edwardian Script ITC";
	font-weight:bold;
	list-style:none;
}
#navBar_SmallView li {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
#navBar_SmallView a {
	font-size:25px;
	display:block;
	margin-left:15px;
	margin-bottom:2px;
	width:90%;
	padding:10px;
	background:#ccffff;
	text-decoration:none;
	border-radius:30px;
	border: thick solid #1210f9;
}

#MenuBar1 {
	display:none;
}
}