/* CSS3 for Susan's Stories for 684px to 391px size */




body{
	background-color: #DEFFFA;

}

/*CONTAINS THE NAV CLASS AND GOES ALL THE WAY ACROSS PAGE*/
.NavContainer{
/*	background-color: #CCCCCC;  */
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	
}

.Nav{
	background-color: #CEEFEA;
	text-align: center;
	font-size: 16pt;
	line-height: 24pt;
	margin-right: 10%;
	margin-left: 10%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
/*	box-shadow: -4px -6px 8px 2px rgba(0,0,0,.5),
				8px 6px 12px rgba(0,0,0,.75);   */
	box-shadow: 4px 6px 8px rgba(0,0,0,.75);

}

/*USED ONLY BY SMALLER MEDIA QUERIES*/
.NarrowNav{
	display: none;
}

/*USED ONLY BY SMALLER MEDIA QUERIES*/
.WideNav{
	display: none;
}



/*ALL OF THE HEADLINES AND BOTH PICTURES AT SIDE OF THE 3 HEADLINES*/
.HeaderContainer{
	background-color: #DEFFFA;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 2px;
	margin-top: 6px;
}

.Header{
	background-color: ;
	/* width: 80%;  */
	min-height: 118px;
	margin-top: 0px;
	
	margin-right: 3%;
	margin-left: 3%;
	padding-top: 0px;
	padding-bottom: 1px;
	text-align: center;

}

.HeadersForWide{
	display: none;
	

}

.HeadersForMobile{
	background-color: DEFFFA;
	width: 100%;
	margin-top: -20px;
	margin-bottom: 1px;
	padding-top: 0px;
	padding-bottom: 1px;
	text-align: center;
	}

#navtopNews {
	background-color: #DEFFFA;
	text-align: center;
	font-size: 12pt;  
	line-height: 18pt;  
	padding-top: 7pt;
	padding-bottom: 1pt;
}

/*HOLDS THE SECTIONS WHICH ARE CHAPTERS FOR EACH DAY*/
.Article{
/* background-color: #CCCCCC; */
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
}

/*EACH DAY IS A SECTION*/
.Section{
	background-color: #CEEFEA;
	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: left;
	box-shadow: 4px 6px 8px rgba(0,0,0,.75);
}

/*THE LINK AT THE BOTTOM OF EACH DAY TO PIX FILE IN HUGHBARROW.COM/BLOG */
.SectionLink{
	font-weight: bold;
}

/*HOLDS THE LEFT PICTURE IN THE HEADER*/
.Container1{
	background-color: #DEFFFA;
	float: left;
	height: 110px;
	width: 165px;
	margin: 0px 2px 2px 0px;
}

/*THE LEFT PICTURE IN THE HEADER*/
.Container1 img {
	float: left;
	height:100px;
	width: auto;
	box-shadow: 4px 6px 8px rgba(0,0,0,.75);
}

/*HOLDS THE RIGHT PICTURE IN THE HEADER*/
.Container2{
	background-color: #DEFFFA;
	float: right;
	height: 110px;
	width: 165px;
	margin: 0px 0px 2px 2px;
}

/*THE RIGHT PICTURE IN THE HEADER*/
.Container2 img {
	float: right;
	height: 100px;
	width: auto;
	box-shadow: 4px 6px 8px rgba(0,0,0,.75);
}

/*HOLDS THE LEFT PICTURE AT THE START OF EACH SECTION OR CHAPTER OF STORY*/
.Container3{
	background-color: #CEEFEA;
	float: left;
	height: 160px;
	width: 234px;
	margin: 3px 0px 2px 2px;
}
/*THE LEFT PICTURE AT THE START OF EACH SECTION OR CHAPTER OF STORY*/
.Container3 img {
	float: left;
	padding: 2px 0px 0px 2px;
	height: 150px;
	width: auto;
}
/*HOLDS THE RIGHT PICTURE AT THE PAGE BREAK OF PARAGRAPH OF EACH SECTION OR CHAPTER OF STORY AND IS OPTIONAL*/
.Container4{
	background-color: #CEEFEA;
	float: right;
	height: 160px;
	width: 234px;
	margin: 3px 0px 2px 2px;
}
/*THE RIGHT PICTURE AT THE PAGE BREAK OF PARAGRAPH OF EACH SECTION OR CHAPTER OF STORY AND IS OPTIONAL*/
.Container4 img {
	float: right;
	padding: 2px 0px 0px 2px;
	height: 150px;
	width: auto;
}		

.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: 34pt  Lucida Calligraphy, ProseAntique, Times New Roman;
	font-weight: bold;
	line-height:34pt;
	padding-top: 3px;
	padding-bottom: 0px;
	margin-bottom: -10px;
	color: maroon;}
h2 {font: 22pt ProseAntique, 	Times New Roman;
	font-weight: bold;
	line-height:23pt;}
	
h3 {font: 14pt ProseAntique, 	Times New Roman;
	font-weight: bold;
	line-height:15pt;
	color: maroon;
	text-align: Center;}
	
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:hover {color: brown;}
	a:active {color: green;}
	
/* TABLES FOR MENUS */
.blogMenu {
		background-color: #DEFFFA;
		width: 100%
		margin-left: auto;
		margin-right: auto;		
/*		line-height: 25pt;		*/
}

.blogMenu  table {
		margin-left: auto;
		margin-right: auto;	
		border-spacing: 0;
		border-collapse: collapse;
		text-align: center;

}

.blogMenu th {
			font-size: 16pt;
			color: #990000;

}

.blogMenu td {
			padding: 8px 1px 8px 1px;
			font-size: 16pt;
			line-height: 17pt;
			color: #990000;
}

.blogMenu .menuItem1 {
		background-color: #CEEFEA;
		width: 300px;
		text-align: left;
		font-size: 10pt;
}


.blogMenu .spaceColumn1 {
		width: 50px;
		background-color: #defffa;
}