* {
	margin: 0;
	padding: 0;
}

body {
	
	background-image: url("../images/bodybackgroundlite.jpg");

}	
	

#container {
	
	font-family: verdana, arial;
	
	<!-- YES! This made the whole thing mostly responsive -->
	width: auto;
	max-width: 900px;
	
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;

	border-top: solid grey;
	background-image: url("../images/backgroundlite.png");
	box-shadow: 4px 4px 4px 4px grey;

}


#HomeContentDiv {
		clear: both;
			
		max-width: 100%;
		height: auto;
		
		position: relative;

		margin-top: 50px;
		margin-left: 12px;
		margin-right: 12px;
		margin-bottom: 12px;	
		padding: 2px;
		box-shadow: 3px 3px 3px 3px grey;
}

#HomeBackground {
	
	max-width:100%;
	max-height:100%;

}

#AboutParagraph{
	
	font-size: 15px;
	color: #4D5601;
}

#AboutContent{
	
		background-image: url("../images/aboutbackground.jpg");
		clear: both;			
		max-width: 100%;
		height: auto;		
		position: relative;
		margin-top: 50px;
		margin-left: 12px;
		margin-right: 12px;
		margin-bottom: 12px;	

		padding: 7% 7% 7% 7%;
		box-shadow: 3px 3px 3px 3px grey;
		text-overflow: ellipsis;
		overflow: auto;	
}

#AboutBackground {
	
	width: 100%;
	height: 100%;
	background-repeat: round;
}



#clickVideo{
	
	width: 60px;
	height: 20px;
	position: absolute;
    top: 44%;
    left: 66%;	

}

#quals {
		
	clear: both;
	color: #009D4F;
	font-size: 12px;
	max-width: 98%;
	height: auto;
	padding: 5px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;

}

#header {

	height: auto;
	margin-bottom: 10px;
	-webkit-border-radius: 18px 18px 18px 18px;

}

#headerImageLogo{

	float: right;
	
	<!-- Required for responsivity-->;
	<!-- Max width is a proportion of the browser window -->;
	max-width: 15%;
	height: auto;
	
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-right: 10px;
	box-shadow: 5px 5px 5px grey;
	
}

#headerImageSusan {

	float: left;
	
	<!-- Required for responsivity-->;
	<!-- Max width is a proportion of the browser window -->;
	max-width: 15%;
	height: auto;
	
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
	
	box-shadow: 5px 5px 5px grey;


}

#headerMedicare {
	
	font-size: 12px;
	color: #009D4F;
	padding-left: 0%;
	width: 280px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	text-align: center;

	

}

#headerTitle{

	color: #009D4F;
	padding-left: 0%;
	padding-top: 20px;
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;

	
}
#headerVocation {

	color: #009D4F;
	padding-left: 7%;
	width: 390px;
	margin-left: auto;
	margin-right: auto;

}

#headerPhone {

	color: #009D4F;
	padding-left: 7%;
	padding-top: 0px;
	width: 385px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

#innerHeaderDiv{
	height: 10px;
	background-color: #ABDA68; 
	clear: both;

	margin-left: 10px;
	margin-right:10px;
	box-shadow: 5px 5px 5px grey;
}

ul {
	float: left;
	Height: 35px;
	width: 380px;
	list-style: none;
	margin-left: 10px;


}

.mybuttonHome {
	
	float: left;
	font-size: 12px;
	letter-spacing: 0px;
	height: 16px;
	width: 90px;
	padding-left: 10px;
	box-shadow: 0px 3px 5px grey;
	border-radius: 5px 5px 5px 5px;
	margin-top: 5px;
	margin-right: 15px;	
	margin-bottom: 20px;
	outline: green;
	padding-top: 2px;
	padding-bottom: 3px;
	text-align: center;		
	background-color : #F7FCDE;
}

/* Only do this when HOME page is open */
body.HomeBodyClass .mybuttonHome {
	
	background-color : #ABDA68;	
	font-size: 16px;
	padding-top: 0px;
	padding-bottom: 5px;
}


.mybuttonAbout {
	
	float: left;
	font-size: 12px;
	letter-spacing: 0px;
	height: 16px;
	width: 90px;
	padding-left: 10px;
	box-shadow: 0px 3px 5px grey;
	border-radius: 5px 5px 5px 5px;
	margin-top: 5px;
	margin-right: 15px;	
	margin-bottom: 20px;
	outline: green;
	padding-top: 2px;
	padding-bottom: 3px;
	text-align: center;	

	background-color : #F7FCDE;
}

/* Only do this when ABOUT page is open */
body.AboutBodyClass .mybuttonAbout {
	
	background-color : #ABDA68;
	background-color : #ABDA68;	
	font-size: 16px;
	padding-top: 0px;
	padding-bottom: 5px;

}


.mybuttonHome:hover{
	
	background: white;
		font-size: 16px;
	padding-top: 0px;
	padding-bottom: 5px;

}

.mybuttonAbout:hover{
	
	background: white;
		font-size: 16px;
	padding-top: 0px;
	padding-bottom: 5px;

}


#navHomeA {
	color: green;
	text-decoration: none;
	padding-right: 6px;

}

#navAboutA {
	color: green;
	text-decoration: none;
	padding-right: 6px;

}
#footer {
	
	font-size: 16px;
	height: 35px;
	background: linear-gradient( #ABDA68, #F7FCDE);
	margin-left: 12px;
	margin-right:12px;
	padding-top: 10px;
	padding-left: 10px;	
	box-shadow: 5px 5px 5px grey;
	margin-bottom: 10px;
}


#footerP {
	line-height: 30px;
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	color: #4D5601;
}

.clear {
	clear: both;
}