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


/* Style for the Divs that remain the same in both medai queries
for the flash movies pages:
originalChurch.html, 
stMarysBarnegat.html, 
stMarysPines.html */
																																										
#InformationBar {
	height: 650px;
	width: 1000px;
}
#SlideShowBar {
	height: 650px;
	width: 1000px;
	background-color:#CFF;
}
#footer {
	height: 27px;
	width: 1000px;
}
/* === Style Classes === */
/* Style for description of the slideshow. */
.slideShowBarCaption {
	font-family:Arial, Helvetica, sans-serif;
	color:#00F;
	text-align:center;;
	padding-top:100px;
}



/* Media Query Rule for Desktop views larger than 950px. */
@media (min-width: 950px)
{
/* Style class for the Container_SlideShowPage 
   Contains a border. */
#Container_SlideShowPage {
	height: 1355px;
	width: 1010px;
	margin-right: auto;
	margin-left: auto;
	border: thick solid #006;
}
#CarouselSlideShow {
	height: 400px;
	width: 400px;
	margin-top: 50px;
	margin-left:auto;
	margin-right:auto;
}
.item{
	width: 1000px !important;
	height: 400px !important;
	margin-left:auto;
	margin-right:auto;
}

.CarouselExample{
	margin-top: 20px;
	margin-left:-350px;
}





/* Main Heading for DeskTop Heading Style */
a.mainMenuHeading, a.mainMenuHeading:link,  a.mainMenuHeading:visited, a.mainMenuHeading:hover, a.mainMenuHeading:active {
	width: 1000px;
	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. */
@media (max-width: 949px)
{
/* Style class for the Container_SlideShowPage 
   Contains NO border! */
#Container_SlideShowPage {
	height: 1355px;
	width: 1010px;
	margin-right: auto;
	margin-left: auto;
}
#CarouselSlideShow {
	height: 400px;
	width: 400px;
	margin-top: 50px;
	margin-left:auto;
	margin-right:auto;
}
.item{
	width: 1000px !important;
	height: 400px !important;
	margin-left:auto;
	margin-right:auto;
}

.CarouselExample{
	margin-top: 20px;
	margin-left:-350px;
}





#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;
}
}