html, body{
	overflow-x:hidden;
}

body{
	width:100%;
	font-family: Arial, Helvetica, sans-serif;	
	position: relative;
}

h2{
	text-align: center;
}

.menuBarStyle{
	height:35px;
	border: 3px solid darkblue;
	background-color: darkblue;
	color: white;
	box-shadow: 8px 8px #AAAABB;
	margin-bottom: 7px;
}

.titleStyle {
	display: block;
  margin-left: auto;
  margin-right: auto;
  height: 150px;
}

.para {
    border: 3px solid darkblue;
	background-color: #FAFAFF;
    padding: 8px 6px;
	margin: 2px;
	margin-bottom: 7px;
	text-align: center;
	color: darkblue;
	box-shadow: 8px 8px #AAAABB;
}
.justPara{
	text-align: left;
	display: flex;
	justify-content: center;
}

.hero{
	background-color: #FAFAFF;
	text-align: center;
}

.menuItem{
	font-size: medium;
	font-weight: bolder;
	background-color: darkblue;
	color: white;
	border: 2px solid darkblue;
	cursor:pointer;
	padding:2px;
}

ul.listStyle{
	list-style-type: none;
	padding: 0;
}


p.contactUs{
	text-align: center;
}

.clipImg{
	height: 90px;
	width: 90px;	
	position: relative;
}
.msImg{
	height: 90px;
}

.clipImgPos{
	bottom: 0;
	right: 0;
	position: absolute;
}

.clipImgCont{
	position: relative;
}