/*************************** main css3 file for HTML5
 *********************/

 

/* FOR EXTRA WIDE SCREENS ONLY and is default unless changed by media queries for smaller screens

*/


BODY	 {
background-color: #DEFFFA;
  color: black;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 18pt;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 16pt;
}

#lyteshow[gallery]{}

/* add in the background-color below to see how big & where the box is if you need to */
#masthead	{
	/* background-color: #aeefea; */
}

/* add in the background-color below to see how big & where the box is if you need to */
#banner	{
	/* background-color: #aeefea; */
}

/* add in the background-color below to see how big & where the box is if you need to */
#text	{
	/* background-color: #aeefea; */
}

#header	{
	background-position: 32px 7px; /* was 32px 7px */
	background: #CEEFEA url(/commonHTML5/blocks.gif) no-repeat scroll; /* 5 30; */
	margin-top: 5px; /* was 0 */
	margin-left: 10px; /* was 0 */
	/* float: left; */
	width: 930px;  /* was 200% */ /* 90% looked good */
	height: 100px;
/*	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);
}



/* add in the background-color below to see how big & where the box is if you need to */
#navigation	{
	/* background-color: #aeefea; */
	position: absolute;
	left: 238px;
	top: 0px;
	line-height: 12pt;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12pt;
	width: 700px; /* 620px works well */
}

.NarrowNav{
	display: none;
}
.NarrowerNav{
	display: none;
}
.NarrowestNav{
	display: none;
}
#navtopNews {
	background-color: #DEFFFA;
	font-size: 10pt;
	line-height: 15pt;
	text-align: center; 
	padding-top: 7pt;
	padding-bottom: 1pt;
}

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

#navbottomNews {
	background-color: #DEFFFA;
	text-align: center;
	font-size: 8pt;
	line-height: 10pt;
	padding-top: 7pt;
	padding-bottom: 1pt;
}

#article	{
background-color: #DEFFFA;
	font-family: "Times New Roman", Georgia, Constantia, Serif;;
	color: black;
  /* font-family: verdana, arial, helvetica, sans-serif; */
  /* font-family:  Georgia, Constantia,  Serif;  */
  font-size: 16pt;
  line-height: 18pt;
  padding-top: 0px;
  padding-right: 60px;
  padding-left: 10px;  
  clear: left; 
  position: absolute; 
  top: 110px; 
  left: 5px;
  width: 92%;
  text-align: center;
  /* height: 80%; */
}

/* For Home Page Only, does not have article */
#articleHome #article	{
	background-color: #DEFFFA;
	max-width: 500px;
}

/* add in the background-color below to see how big & where the box is if you need to */
#aside-left		{
	/* background-color: #aeefea; */
}

/* add in the background-color below to see how big & where the box is if you need to */
#aside-right	{
	background-color: #DEFFFA;
	position: absolute; 
	top: 320px; 
	left: 620px;
	width: 600px;
box-shadow: -4px -6px 8px 2px rgba(0,0,0,.5),
				8px 6px 12px rgba(0,0,0,.75);

}

/* add in the background-color below to see how big & where the box is if you need to */
#footer	{
	/* background-color: #aeefea; */
	background-color: #DEFFFA;
	text-align: center;
	line-height: 10pt;
	font-size: 8pt;
}


/* add in the background-color below to see how big & where the box is if you need to */
#babypicmenu	{
	/* background-color: #aeefea; */
	text-align: left;
	font-size: 12pt;
	font-family: "Times New Roman";
	color: black;
	background: #DEFFFA;
	
	margin-top: 10pt;
	margin-right: 40pt;
	margin-left: 40pt;
	
	
}

/* add in the background-color below to see how big & where the box is if you need to */
#searchbox	{
	/* background-color: #aeefea; */
}

h1	{
text-align: center;
font-size: 120%;
line-height: 40pt; 
font-family: verdana, arial, helvetica, sans-serif;
color: #990000;
margin-bottom: 20px;
margin-top: 20px;
text-shadow: 2px 2px 3px #999999;
}

h2	{
text-align: center;
font-size: 100%;
font-family: verdana, arial, helvetica, sans-serif;
color: #990000;
margin-bottom: 10px;
margin-top: 10px;
}

/* h3 is unused as of 03232012 */
h3	{
text-align: center;
font-size: 85%;
font-family: verdana, arial, helvetica, sans-serif;
color: black;
margin-bottom: 14px;
margin-top: 14px;
}


/* used in babypics/index.php */
h4	{
text-align: center;
font-size: 75%;
font-family: verdana, arial, helvetica, sans-serif;
color: black;
margin-bottom: 6px;
margin-top: 6px;
}


/* used in babypics/index.php */
h5	{
text-align: center;
font-size: 60%;
font-family: verdana, arial, helvetica, sans-serif;
color: black;
margin-bottom: 5px;
margin-top: 5px;
}

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


/* TABLES FOR MENUS */
.blogMenu {
		background-color: #DEFFFA;
		margin-left: auto;
		margin-right: auto;		
		line-height: 15pt;		
}

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

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

}

.blogMenu td {
			font-size: 9pt;
	/*		color: #990000;  */
}

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


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

.blogMenu h1 {
text-align: center;
font-size: 130%;
line-height: 18pt; 
font-family: verdana, arial, helvetica, sans-serif;
color: #990000;
margin-bottom: 8px;
margin-top: 8px;
}



.container {
		margin-left: auto;
		margin-right: auto;
		max-width: 531px;
		/* height: auto; */
}

/* resize images */
.container img {
		width: 100%;
		height: auto;
}

.container2 {
		margin-left: auto;
		margin-right: auto;
		width: 260px;
		height: auto;  
		
	}

	/* resize images */
.container2 img {
		width: 100%;
		height: auto;
		
	}

.photoGalleryThumbs {
		background-color: #DEFFFA;
		width: 99%;
		float: left;

}	

.containerGalleryItem {
		background-color: #CEEFEA;
		box-shadow: 0 0 8px 2px rgba(0,0,0,.75);
		float: left;
		border: 1px;
		margin: 10px;
		
		width: 200px;
		height: 230px;
		
	}

	/* resize images */
.containerGalleryItem img {
		background-color: #fff;
		margin-top: 10px;
		padding: 4px 4px 4px 4px;
		box-shadow: 0 0 8px 2px rgba(0,0,0,.75);
		height: auto;
		width: auto;
		max-width: 180px;
		max-height: 180px;		
	}
	
.containerCrest {
		background-color: #DEFFFA;
		position: absolute; 
		top: 12px; 
		left: 950px;	
		margin: 1px;		
		width: 290px;
		height:275px;		
	}

	/* resize images */
.containerCrest img {
		float: left;
		height: 270px;
		width: auto;
				box-shadow: 4px 6px 8px rgba(0,0,0,.75);
	}

.containerCrest2 {
		background-color: #DEFFFA;
		position: absolute; 
		top: 140px; 
		left: 740px;	
		margin: 1px;		
		width: 135px;
		height:108px;	
	}

	/* resize images */
.containerCrest2 img {
		float: left;
		height: 130px;
		width: 104px;
		box-shadow: 4px 6px 8px rgba(0,0,0,.75);
	}
	
.searchBox {
		background-color: #CCCCCC;
		font-weight: bold;
		width: 400px;
		height: 400px;
}

.text {
		line-height: 9pt;
		font-size: 8pt;
	/*	display: none;  */
		
}

.hiRes {
		line-height: 9pt; 
		font-size: 8pt;
}

.pn{
		
}

.click{
		color: #990000;
		font-weight: bold;
}








 
/*  1  First media size for windows over 970px wide */
@media (max-width:1260px) and (min-width:971px){
BODY	 {
background-color: #DEFFFA;
  color: black;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 18pt;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 16pt;
}

#lyteshow[gallery]{}

/* add in the background-color below to see how big & where the box is if you need to */
#masthead	{
	/* background-color: #aeefea; */
}

/* add in the background-color below to see how big & where the box is if you need to */
#banner	{
	/* background-color: #aeefea; */
}

/* add in the background-color below to see how big & where the box is if you need to */
#text	{
	/* background-color: #aeefea; */
}

#header	{
	background-position: 32px 7px; /* was 32px 7px */
	background: #CEEFEA url(/commonHTML5/blocks.gif) no-repeat scroll; /* 5 30; */
	margin-top: 5px; /* was 0 */
	margin-left: 10px; /* was 0 */
	/* float: left; */
	width: 930px;  /* was 200% */ /* 90% looked good */
	height: 100px;
	box-shadow: -4px -6px 8px 2px rgba(0,0,0,.5),
				8px 6px 12px rgba(0,0,0,.75);
}



/* add in the background-color below to see how big & where the box is if you need to */
#navigation	{
	/* background-color: #aeefea; */
	position: absolute;
	left: 238px;
	top: 0px;
	line-height: 12pt;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12pt;
	width: 700px; /* 620px works well */
}

.NarrowNav{
	display: none;
}
.NarrowerNav{
	display: none;
}
.NarrowestNav{
	display: none;
}

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

#navbottomNews {
	background-color: #DEFFFA;
	text-align: center;
	font-size: 8pt;
	line-height: 10pt;
	padding-top: 7pt;
	padding-bottom: 1pt;
}

#article	{
background-color: #DEFFFA;
	font-family: "Times New Roman", Georgia, Constantia, Serif;;
	color: black;
  /* font-family: verdana, arial, helvetica, sans-serif; */
  /* font-family:  Georgia, Constantia,  Serif;  */
  font-size: 16pt;
  line-height: 18pt;
  padding-top: 0px;
  padding-right: 60px;
  padding-left: 10px;  
  clear: left; 
  position: absolute; 
  top: 110px; 
  left: 5px;
  width: 92%;
  text-align: center;
  /* height: 80%; */
}

/* For Home Page Only, does not have article */
#articleHome #article	{
	background-color: #DEFFFA;
	max-width: 100%;
}

/* add in the background-color below to see how big & where the box is if you need to */
#aside-left		{
	/* background-color: #aeefea; */
}

/* add in the background-color below to see how big & where the box is if you need to */
#aside-right	{
		display: none;

}

/* add in the background-color below to see how big & where the box is if you need to */
#footer	{
	/* background-color: #aeefea; */
	background-color: #DEFFFA;
	text-align: center;
	line-height: 10pt;
	font-size: 8pt;
}


/* add in the background-color below to see how big & where the box is if you need to */
#babypicmenu	{
	/* background-color: #aeefea; */
	text-align: left;
	font-size: 12pt;
	font-family: "Times New Roman";
	color: black;
	background: #DEFFFA;
	
	margin-top: 10pt;
	margin-right: 40pt;
	margin-left: 40pt;
	
	
}

/* add in the background-color below to see how big & where the box is if you need to */
#searchbox	{
	/* background-color: #aeefea; */
}

h1	{
text-align: center;
font-size: 120%;
line-height: 40pt; 
font-family: verdana, arial, helvetica, sans-serif;
color: #990000;
margin-bottom: 20px;
margin-top: 20px;
text-shadow: 2px 2px 3px #999999;
}

h2	{
text-align: center;
font-size: 100%;
font-family: verdana, arial, helvetica, sans-serif;
color: #990000;
margin-bottom: 10px;
margin-top: 10px;
}

/* h3 is unused as of 03232012 */
h3	{
text-align: center;
font-size: 85%;
font-family: verdana, arial, helvetica, sans-serif;
color: black;
margin-bottom: 14px;
margin-top: 14px;
}


/* used in babypics/index.php */
h4	{
text-align: center;
font-size: 75%;
font-family: verdana, arial, helvetica, sans-serif;
color: black;
margin-bottom: 6px;
margin-top: 6px;
}


/* used in babypics/index.php */
h5	{
text-align: center;
font-size: 60%;
font-family: verdana, arial, helvetica, sans-serif;
color: black;
margin-bottom: 5px;
margin-top: 5px;
}

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


/* TABLES FOR MENUS */
.blogMenu {
		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 {
			font-size: 11pt;
			color: #990000;
}

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


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

.blogMenu h1 {
text-align: center;
font-size: 130%;
line-height: 18pt; 
font-family: verdana, arial, helvetica, sans-serif;
color: #990000;
margin-bottom: 8px;
margin-top: 8px;
}



.container {
		margin-left: auto;
		margin-right: auto;
		max-width: 531px;
		/* height: auto; */
}

/* resize images */
.container img {
		width: 100%;
		height: auto;
}

.container2 {
		margin-left: auto;
		margin-right: auto;
		width: 260px;
		height: auto;  
		
	}

	/* resize images */
.container2 img {
		width: 100%;
		height: auto;
		
	}

.photoGalleryThumbs {
		background-color: #DEFFFA;
		width: 99%;
		float: left;

}	

.containerGalleryItem {
		background-color: #CEEFEA;
		box-shadow: 0 0 8px 2px rgba(0,0,0,.75);
		float: left;
		border: 1px;
		margin: 10px;
		
		width: 200px;
		height: 230px;
		
	}

	/* resize images */
.containerGalleryItem img {
		background-color: #fff;
		margin-top: 10px;
		padding: 4px 4px 4px 4px;
		box-shadow: 0 0 8px 2px rgba(0,0,0,.75);
		height: auto;
		width: auto;
		max-width: 180px;
		max-height: 180px;
		
		
	}

.containerCrest {
	display: none;
	}

	/* resize images */
.containerCrest img {
	display: none;
	}

.containerCrest2 {
	display: none;
	}

	/* resize images */
.containerCrest2 img {
	display: none;
	}
	
.text {
		line-height: 9pt;
		font-size: 8pt;
	/*	display: none;  */
		
}

.hiRes {
		line-height: 9pt; 
		font-size: 8pt;
}

.pn{
		
}

.click{
		color: #990000;
		font-weight: bold;
}
}
	
	
	
	
	
	
	
	
	
/* 2 Tablet size and smaller windows. Larger than iPhone 6*/	
@media (max-width:970px) and (min-width:685px){
	

BODY	 {
background-color: #DEFFFA;
  color: black;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 18pt;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 16pt;
}

/* add in the background-color below to see how big & where the box is if you need to */
#masthead	{
	/* background-color: #aeefea; */
}

/* add in the background-color below to see how big & where the box is if you need to */
#banner	{
	/* background-color: #aeefea; */
}

/* add in the background-color below to see how big & where the box is if you need to */
#text	{
	/* background-color: #aeefea; */
}


#header	{
	background-position: 32px 7px;
	background: #CEEFEA url(/commonHTML5/blocks200.gif) no-repeat scroll;  
	margin-top: 5px;
	margin-left: 10px; /* was 0 */
	
	float: left; 
	width: 630px;  /* was 100% */
	height: 52px;
	box-shadow: -4px -6px 8px 2px rgba(0,0,0,.5),
				8px 6px 12px rgba(0,0,0,.75);

}



/* add in the background-color below to see how big & where the box is if you need to */
#navigation	{
	/* background-color: #aeefea; */
	position: absolute;
	left: 0px;   /* was 238 */
	top: 48px;		/* was 38 */
	line-height: 14pt;  /* was 12 */
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12pt; /* was 10 */
width: 90%;
}

.WideNav{
	display: none;
}
.NarrowerNav{
	display: none;
}
.NarrowestNav{
	display: none;
}

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

#navbottomNews {
	background-color: #DEFFFA;
	text-align: center;
	font-size: 8pt;
	line-height: 10pt;
	padding-top: 7pt;
	padding-bottom: 1pt;
}

#article	{
background-color: #DEFFFA;
	font-family: "Times New Roman", Georgia, Constantia, Serif;;
	color: black;
  /* font-family: verdana, arial, helvetica, sans-serif; */
  /* font-family:  Georgia, Constantia,  Serif;  */
  font-size: 12pt;  /*was 16 */
  line-height: 18pt;
  padding-top: 0px;
  padding-right: 20px;  /* was 60 */
  padding-left: 10px;    /* was 10 */
  clear: left; 
  position: absolute; 
  top: 160px; /* was 265px */
  left: 5px;
  width: 90%;
  text-align: center;
  /* height: 80%; */
}

/* For Home Page Only, does not have article */
#articleHome #article	{
	background-color: #DEFFFA;
	max-width: 100%;
}

/* add in the background-color below to see how big & where the box is if you need to */
#aside-left		{
	/* background-color: #aeefea; */
}

/* add in the background-color below to see how big & where the box is if you need to */
#aside-right	{
	/* background-color: #aeefea; */
	display: none;
}

/* add in the background-color below to see how big & where the box is if you need to */



/* add in the background-color below to see how big & where the box is if you need to */
#babypicmenu	{
	/* background-color: #aeefea; */
	text-align: left;
	font-size: 12pt;
	font-family: "Times New Roman";
	color: black;
	background: #DEFFFA;
	
	margin-top: 10pt;
	margin-right: 40pt;
	margin-left: 40pt;
	
	
}

/* add in the background-color below to see how big & where the box is if you need to */
#searchbox	{
	/* background-color: #aeefea; */
}

h1	{
text-align: center;
font-size: 120%;  /* was 130 */
line-height: 25pt;
font-family: verdana, arial, helvetica, sans-serif;
color: #990000;
margin-bottom: 20px;
margin-top: 16px;
text-shadow: 1px 1px 3px #999999;
}

h2	{
text-align: center;
font-size: 100%;  /* was 100 */
font-family: verdana, arial, helvetica, sans-serif;
color: #990000;
margin-bottom: 10px;
margin-top: 10px;
}

/* h3 is unused as of 03232012 */
h3	{
text-align: center;
font-size: 85%;
font-family: verdana, arial, helvetica, sans-serif;
color: black;
margin-bottom: 14px;
margin-top: 14px;
}


/* used in babypics/index.php */
h4	{
text-align: center;
font-size: 75%;
font-family: verdana, arial, helvetica, sans-serif;
color: black;
margin-bottom: 6px;
margin-top: 6px;
}


/* used in babypics/index.php */
h5	{
text-align: center;
font-size: 60%;
font-family: verdana, arial, helvetica, sans-serif;
color: black;
margin-bottom: 5px;
margin-top: 5px;
}

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

/* TABLES FOR MENUS */
.blogMenu {
		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: 130%;
			color: #990000;
}

.blogMenu td {
			font-size: 12pt;
			color: #990000;
}

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

.blogMenu h1 {
text-align: center;
font-size: 130%;
line-height: 18pt; 
font-family: verdana, arial, helvetica, sans-serif;
color: #990000;
margin-bottom: 8px;
margin-top: 8px;
}


	
.container {
		margin-left: auto;
		margin-right: auto;
		width: 480px;
		height: auto;
}

/* resize images */
.container img {
		width: 100%;
		height: auto;
		}
	

	
.container2 {
		margin-left: auto;
		margin-right: auto;
		width: 230px;
		height: auto;
		
	}

	/* resize images */
.container2 img {
		width: 100%;
		height: auto;
		
	}	

.containerCrest {
	display: none;
	}

	/* resize images */
.containerCrest img {
	display: none;
	}

.containerCrest2 {
	display: none;
	}

	/* resize images */
.containerCrest2 img {
	display: none;
	}
	
	.text {
		font-size: 8pt;
	/*	display: none;  */
}

.hiRes {
		display: none;
}	

}
	

	
	
	
	
	
	
	
/* 3 Larger phones up to iPhone 6 which is 750pix wide 
this controls ipad2 in portrait but not in landscape
does well with iPhone 4S*/	
@media (max-width:684px) and (min-width:391px){
	

BODY	 {
background-color: #DEFFFA;
  color: black;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 18pt;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 16pt;
}

/* add in the background-color below to see how big & where the box is if you need to */
#masthead	{
	/* background-color: #aeefea; */
}

/* add in the background-color below to see how big & where the box is if you need to */
#banner	{
	/* background-color: #aeefea; */
}

/* add in the background-color below to see how big & where the box is if you need to */
#text	{
	/* background-color: #aeefea; */
}


#header	{
	background-position: 32px 7px;
	background: #CEEFEA url(/commonHTML5/blocks200.gif) no-repeat scroll;  
	margin-top: 5px;
	margin-left: 10px; /* was 0 */
	float: left; 
	width: 360px; /* was 100%*/
	height: 52px;
	box-shadow: -4px -6px 8px 2px rgba(0,0,0,.5),
				8px 6px 12px rgba(0,0,0,.75);
}



/* add in the background-color below to see how big & where the box is if you need to */
#navigation	{
	/* background-color: #aeefea; */
	position: absolute;
	left: 0px;   /* was 238 */
	top: 48px;		/* was 38 */
	line-height: 14pt;  /* was 12 */
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12pt; /* was 10 */
	width: 90%;
}

.WideNav{
	display: none;
}
.NarrowNav{
	display: none;
}
.NarrowestNav{
	display: none;
}

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

#navbottomNews {
	background-color: #DEFFFA;
	text-align: center;
	font-size: 8pt;
	line-height: 16pt;
	padding-top: 7pt;
	padding-bottom: 1pt;
}

#article	{
background-color: #DEFFFA;
	font-family: "Times New Roman", Georgia, Constantia, Serif;;
	color: black;
  /* font-family: verdana, arial, helvetica, sans-serif; */
  /* font-family:  Georgia, Constantia,  Serif;  */
  font-size: 12pt;  /*was 16 */
  line-height: 18pt;
  padding-top: 0px;
  padding-right: 20px;  /* was 60 */
  padding-left: 10px;    /* was 10 */
  clear: left; 
  position: absolute; 
  top: 265px; /* was 110px */
  left: 5px;
  width: 90%;
  text-align: center;
  /* height: 80%; */
}

/* For Home Page Only, does not have article */
#articleHome #article	{
	background-color: #DEFFFA;
	max-width: 100%;
}

/* add in the background-color below to see how big & where the box is if you need to */
#aside-left		{
	/* background-color: #aeefea; */
}

/* add in the background-color below to see how big & where the box is if you need to */
#aside-right	{
	/* background-color: #aeefea; */
	display: none;
}




/* add in the background-color below to see how big & where the box is if you need to */
#babypicmenu	{
	/* background-color: #aeefea; */
	text-align: left;
	font-size: 12pt;
	font-family: "Times New Roman";
	color: black;
	background: #DEFFFA;
	
	margin-top: 10pt;
	margin-right: 40pt;
	margin-left: 40pt;
	
	
}

/* add in the background-color below to see how big & where the box is if you need to */
#searchbox	{
	/* background-color: #aeefea; */
}

h1	{
text-align: center;
font-size: 120%;  /* was 130 */
font-family: verdana, arial, helvetica, sans-serif;
color: #990000;
margin-bottom: 20px;
margin-top: 16px;
text-shadow: 1px 1px 3px #999999;
}

h2	{
text-align: center;
font-size: 100%;  /* was 100 */
font-family: verdana, arial, helvetica, sans-serif;
color: #990000;
margin-bottom: 10px;
margin-top: 10px;
}

/* h3 is unused as of 03232012 */
h3	{
text-align: center;
font-size: 85%;
font-family: verdana, arial, helvetica, sans-serif;
color: black;
margin-bottom: 14px;
margin-top: 14px;
}


/* used in babypics/index.php */
h4	{
text-align: center;
font-size: 75%;
font-family: verdana, arial, helvetica, sans-serif;
color: black;
margin-bottom: 6px;
margin-top: 6px;
}


/* used in babypics/index.php */
h5	{
text-align: center;
font-size: 60%;
font-family: verdana, arial, helvetica, sans-serif;
color: black;
margin-bottom: 5px;
margin-top: 5px;
}

/*link formatting
*/
	a {text-decoration: underline;}
	a:link {color: blue;}
	a:visited {color: red;}
	a:active {color: green;}
	
	
/* TABLES FOR MENUS */
.blogMenu {
		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: 130%;
			color: #990000;}

.blogMenu td {
			font-size: 13pt;
			color: #990000;
}

.blogMenu .menuItem1 {
		background-color: #ceefea;
		width: 300px;
		
}
.blogMenu .spaceColumn1 {
		width: 10px;
		background-color: #defffa;
}

.blogMenu h1 {
text-align: center;
font-size: 130%;
line-height: 18pt; 
font-family: verdana, arial, helvetica, sans-serif;
color: #990000;
margin-bottom: 8px;
margin-top: 8px;
}


	.container {
		margin-left: auto;
		margin-right: auto;
		width: 330px;
		height: auto;
}

/* resize images */
.container img {
		width: 100%;
		height: auto;
}
	
.container2 {
		margin-left: auto;
		margin-right: auto;
		width: 180px;
		height: auto;
		
	}

	/* resize images */
.container2 img {
		width: 100%;
		height: auto;
		
	}	

	.containerCrest {
	display: none;
	}

	/* resize images */
.containerCrest img {
	display: none;
	}

.containerCrest2 {
	display: none;
	}

	/* resize images */
.containerCrest2 img {
	display: none;
	}
	
.text {
		
	display: none; 
}

.hiRes {
		display: none;
}	
	
}	









	
/* 4  Small display only*/	


@media (max-width:390px){
	

BODY	 {
background-color: #DEFFFA;
  color: black;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 18pt;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 16pt;
}

/* add in the background-color below to see how big & where the box is if you need to */
#masthead	{
	/* background-color: #aeefea; */
}

/* add in the background-color below to see how big & where the box is if you need to */
#banner	{
	/* background-color: #aeefea; */
}

/* add in the background-color below to see how big & where the box is if you need to */
#text	{
	/* background-color: #aeefea; */
}


#header	{
	background-position: 32px 7px;
	background: #CEEFEA url(/commonHTML5/blocks200.gif) no-repeat scroll;  
	margin-top: 5px;
	margin-left: 10px; /* was 0 */
	float: left; 
	width: 260px; /* was 100% */
	height: 52px;
	box-shadow: -4px -6px 8px 2px rgba(0,0,0,.5),
				8px 6px 12px rgba(0,0,0,.75);
}



/* add in the background-color below to see how big & where the box is if you need to */
#navigation	{
	/* background-color: #aeefea; */
	position: absolute;
	left: 0px;   /* was 238 */
	top: 48px;		/* was 38 */
	line-height: 14pt;  /* was 12 */
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt; /* was 10 */
width: 90%;
}

.WideNav{
	display: none;
}
.NarrowNav{
	display: none;
}
.NarrowerNav{
	display: none;
}

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

#navbottomNews {
	background-color: #DEFFFA;
	text-align: center;
	font-size: 8pt;
	line-height: 10pt;
	padding-top: 7pt;
	padding-bottom: 1pt;
}

#article	{
background-color: #DEFFFA;
	font-family: "Times New Roman", Georgia, Constantia, Serif;;
	color: black;
  /* font-family: verdana, arial, helvetica, sans-serif; */
  /* font-family:  Georgia, Constantia,  Serif;  */
  font-size: 12pt;  /*was 16 */
  line-height: 18pt;
  padding-top: 0px;
  padding-right: 5px;  /* was 20 */
  padding-left: 5px;    /* was 10 */
  /* clear: left;  */
  position: absolute; 
  top: 245px; /* was 265px */
  left: 1px;
  width: 93%;
  text-align: center;
  /* height: 80%; */
}

/* For Home Page Only, does not have article */
#articleHome #article	{
	background-color: #DEFFFA;
	max-width: 100%;
}

/* add in the background-color below to see how big & where the box is if you need to */
#aside-left		{
	/* background-color: #aeefea; */
}

/* add in the background-color below to see how big & where the box is if you need to */
#aside-right	{
	/* background-color: #aeefea; */
	display: none;
}




/* add in the background-color below to see how big & where the box is if you need to */
#babypicmenu	{
	/* background-color: #aeefea; */
	text-align: left;
	font-size: 12pt;
	font-family: "Times New Roman";
	color: black;
	background: #DEFFFA;
	
	margin-top: 10pt;
	margin-right: 40pt;
	margin-left: 40pt;
	
	
}

/* add in the background-color below to see how big & where the box is if you need to */
#searchbox	{
	/* background-color: #aeefea; */
}

h1	{
text-align: center;
font-size: 120%;  /* was 130 */
font-family: verdana, arial, helvetica, sans-serif;
color: #990000;
margin-bottom: 20px;
margin-top: 16px;
text-shadow: 1px 1px 3px #999999;
}

h2	{
text-align: center;
font-size: 100%;  /* was 100 */
font-family: verdana, arial, helvetica, sans-serif;
color: #990000;
margin-bottom: 10px;
margin-top: 10px;
}

/* h3 is unused as of 03232012 */
h3	{
text-align: center;
font-size: 85%;
font-family: verdana, arial, helvetica, sans-serif;
color: black;
margin-bottom: 14px;
margin-top: 14px;
}


/* used in babypics/index.php */
h4	{
text-align: center;
font-size: 75%;
font-family: verdana, arial, helvetica, sans-serif;
color: black;
margin-bottom: 6px;
margin-top: 6px;
}


/* used in babypics/index.php */
h5	{
text-align: center;
font-size: 60%;
font-family: verdana, arial, helvetica, sans-serif;
color: black;
margin-bottom: 5px;
margin-top: 5px;
	}

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


/* TABLES FOR MENUS */
.blogMenu {
		margin-left: auto;
		margin-right: auto;
		font-size: 100%;
		line-height: 15pt;
			
}

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

.blogMenu th {
			font-size: 110%;
			color: #990000;
}

.blogMenu td {
			font-size: 11pt;
			color: #990000;
			padding-bottom: 17px;
}

.blogMenu .menuItem1 {
		background-color: #ceefea;
		width: 265px;
		
		
		
}
.blogMenu .spaceColumn1 {
		width: 10px;
		background-color: #defffa;
}

.blogMenu h1 {
text-align: center;
font-size: 120%;
line-height: 18pt; 
font-family: verdana, arial, helvetica, sans-serif;
color: #990000;
margin-bottom: 8px;
margin-top: 2px;
}



	
	.container {
		margin-left: auto;
		margin-right: auto;
		width: 240px;
		height: auto;
		}

/* resize images */
.container img {
		width: 100%;
		height: auto;
		}

.container2 {
		margin-left: auto;
		margin-right: auto;
		width: 140px;
		height: auto;
		
	}

	/* resize images */
.container2 img {
		width: 100%;
		height: auto;
		
	}
	
.containerCrest {
	display: none;
	}

	/* resize images */
.containerCrest img {
	display: none;
	}

.containerCrest2 {
	display: none;
	}

	/* resize images */
.containerCrest2 img {
	display: none;
	}
.text {
		
	display: none;
}

.hiRes {
		display: none;
}	

	
}