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

/* momsEarlyPicsStylesheet*/

/* The Divs for the carouselSlideShow for SmartPhone views smaller than 949px.*/
#Container_momsEarlyPics {
	background:#006;
	height: 1425px;
	width: 875px;
	margin-right: auto;
	margin-left: auto;
	border: thick solid #000;
}
/* Style Rule for topBar Div of Mom's early pics of the momsEarlyPics.html page
Pics of the mom and the deSante family */
#topBar {
	height: 334px;
	width: 864px;
}
/* Style Rule for bottomBar Div of Mom & Dad's early dating years 
of the momsEarlyPics.html page */
#bottomBar {
	height: 576px;
	width: 864px;
	margin-top: 288px;
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #FFF
}
/* Style Rule for leftBar Div of Mom's early pics of the momsEarlyPics.html page 
Pics of mom when she was 3 or 4 years old.*/
#leftBar {
	float: left;
	height: 288px;
	width: 288px;
}
/* Style Rule for rightBar Div of Mom's early pics of the momsEarlyPics.html page 
Pics of mom's high school graduation.*/
#rightBar {
	float: right;
	height: 288px;
	width: 288px;
}


/* Style Rule for carouseSlideshow Div of Mom's pics as a young woman 
in her twenties of the momsEarlyPics.html page */
#momsEarlyPicsCarousel {
	width:288px;
	height:288px;
	background:#000066;
	float:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:-25px;
}
.item{
	width: 300px !important;
	height: 300px !important;
	margin-left:auto;
	margin-right:auto;
}

.CarouselExample{
	margin-top:;
	margin-left:;
}





/* Media Query Rule for Desktop views larger than 950px. */
@media (min-width: 950px)
{
/* Main Menu Heading */
a.mainMenuHeading, a.mainMenuHeading:link,  a.mainMenuHeading:visited, a.mainMenuHeading:hover, a.mainMenuHeading:active {
	width: 835px;
	color: #FFFFFF;
	background:#003;
	font-size: 20px;
	font-weight: bold;
}
/* Sub Menu Headings font type */
a.subMenuHeading1, a.subMenuHeading1:link,  a.subMenuHeading1:visited, a.subMenuHeading1:hover, a.subMenuHeading1:active {
	color: #FFF;
	background:#006;
	font-size: 20px;
	font-weight:bold;
}
a.subMenuHeading2, a.subMenuHeading2:link,  a.subMenuHeading2:visited, a.subMenuHeading2:hover, a.subMenuHeading2:active {
	color: #FFF;
	background:#009;
	font-size: 20px;
	font-weight:bold;
}
a.subMenuHeading3, a.subMenuHeading3:link,  a.subMenuHeading3:visited, a.subMenuHeading3:hover, a.subMenuHeading3:active {
	color: #FFF;
	background:#0000CC;
	font-size: 20px;
	font-weight:bold;
}
a.subMenuHeading4, a.subMenuHeading4:link,  a.subMenuHeading4:visited, a.subMenuHeading4:hover, a.subMenuHeading4:active {
	color: #FFF;
	background:#039;
	font-size: 20px;
	font-weight:bold;
}
a.subMenuHeading5, a.subMenuHeading5:link,  a.subMenuHeading5:visited, a.subMenuHeading5:hover, a.subMenuHeading5:active {
	color: #FFF;
	background:#F00;
	font-size: 20px;
	font-weight:bold;
}
a.subMenuHeading6, a.subMenuHeading6:link,  a.subMenuHeading6:visited, a.subMenuHeading6:hover, a.subMenuHeading6:active {
	color: #FFF;
	background:#C00;
	font-size: 20px;
	font-weight:bold;
}a.subMenuHeading7, a.subMenuHeading7:link,  a.subMenuHeading7:visited, a.subMenuHeading7:hover, a.subMenuHeading7:active {
	color: #FFF;
	background:#C30;
	font-size: 20px;
	font-weight:bold;
}

#navBar_SmallView {
	display:none;
}
}


/* Media Query Rule for SmartPhone views smaller than 949px. */
@media (max-width: 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;
}
}