/* CSS3 for Susan's Stories for screens less than 300 pix wide size */




body{
	background-color: #DEFFFA;

}

.Hamburger{ /* The hamburger for menu at top of page under 390px wide*/
	font-size: 24pt;
}
.NavContainerTop{ /* This disappears below 390 px wide*/
/*	background-color: #CCCCCC;  */
    display: none;	
}
.NavContainer{
background-color: #CCCCCC;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	
}
.Nav{
	background-color: #CEEFEA;
	/* width: 80%; */
	text-align: center;
	font-size: 10pt;
	line-height: 20pt;
	margin-right: 2%;
	margin-left: 2%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	box-shadow: 4px 6px 8px rgba(0,0,0,.75);
}

.WideNav{
	display: none;
}

.NarrowNav{
	display: none;
}

.HeaderContainer{
/*	background-color: #DDDDDD;  */
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: -15px;
}

.Header{
	background-color: #DEFFFA;
	/* width: 80%;  */
	margin-top: 0px;
	margin-bottom: 4px;
	margin-right: 4%;
	margin-left: 4%;
	padding-bottom: 1px;
	text-align: center;

}

.Article{
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
}

.Section{
	background-color: #CEEFEA;
	font-family: "Times New Roman";
	font-size: 16pt;
	color: black;
	line-height: 18pt;
	margin: 1px 5% 16px 5%;
	padding: 8px 12px 10px 8px;	
	text-align: left;
	box-shadow: 4px 6px 8px rgba(0,0,0,.75);
}

.SectionLink{
	font-weight: bold;
}

.Container1{
/*	background-color: #DEFFFA;
	float: left;
	height: 186px;
	width: 150px;
	margin: 0px 2px 2px 0px; */
	display: none;
}

.Container1 img {
	float: left;
	height: 170px;
	width: auto;
}

.Container2{
/*	background-color: #DEFFFA;
	float: right;
	height: 186px;
	width: 150px;
	margin: 0px 0px 2px 2px;  */
	display: none;
}

.Container2 img {
	float: right;
	height: 170px;
	width: auto;
}

.Container3{
/*	background-color: #CEEFEA;
	float: left;
	height: 108px;
	width: 160px;
	margin: 3px 0px 2px 2px;  */
	display: none;
}

.Container3 img {
	float: left;
	padding: 2px 0px 0px 2px;
	height: 100px;
	width: auto;
	box-shadow: 4px 6px 8px rgba(0,0,0,.75);
}

.Container4{
/*	background-color: #CEEFEA;
	float: right;
	height: 108px;
	width: 160px;
	margin: 3px 0px 2px 2px;  */
	display: none;
}

.Container4 img {
	float: right;
	padding: 2px 0px 0px 2px;
	height: 100px;
	width: auto;
	box-shadow: 4px 6px 8px rgba(0,0,0,.75);
}

.Footer{
	background-color: #DEFFFA;
	font-family: "Times New Roman";
	font-size: 16pt;
	color: black;
	line-height: 18pt;
	margin: 1px 12% 16px 12%;
	padding: 8px 12px 10px 8px;	
	text-align: center;
}

h1 {font: 28pt  Lucida Calligraphy, ProseAntique, Times New Roman;
	padding-top: 15px;
	font-weight: bold;
	line-height:30pt;
	color: maroon;}
h2 {font: 18pt ProseAntique, 	Times New Roman;
	font-weight: bold;
	line-height:19pt;}
	
h3 {font: 14pt ProseAntique, 	Times New Roman;
	font-weight: bold;
	line-height:15pt;
	color: maroon;}
	
h4 {font: 16pt ProseAntique, Times New Roman;	
	color: maroon;
	line-height: 18pt;
	font-weight: bold;
	text-align: left;
/*	text-decoration: underline; */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

/*link formatting
*/
	a {text-decoration: underline;}
	a:link {color: blue;}
	a:visited {color: red;}
	a:active {color: green;}

.ContainerVideo{
display: none;}