body {
background-color: #019BA5;
border: 9px dotted #ffe8c6;
padding: 5px;
margin: 4px;
font-family: georgia, georgian, sans-serif, arial;
display: block;
}
a {
text-decoration: none;
color:#ADD8E6;
}
.msgX {
font-size: 21px;
color: #50C878;
background-color: #ff0000;
border: 7px dotted #dd2799;
margin: auto;
display: flex;
}
.about p {
font-size: 23px;
color: #ffffff;
}
.headerTwo {
 color: #000000;
}
#main h2 {
color: #dd2799;
}
#wrapTop p {
font-size: 25px;
}
.ptgnjmn img {
color: #00008b;
background-size: cover;
border: 3px solid #008080;
font-size: 25px;
text-align: center;
width: 50%;
max-width: 50%;
margin: auto;
display: flex;
}
.xom {
color: #FFFAFA;
font-size: 17px;
}
.we {
color: #ff0000;
font-size: 27px;
}
.chatr {
color: #dd2799;
font-size: 27px;
}
#header img {
width: 95%;
max-width: auto;
border: 9px solid #dd2799;
margin: auto;
padding: 5px;
display: block;
}
span input {
background-color: #baffb9;
color: #000000;
border-bottom-style: groove;
padding: 9px 9px;
text-align: center;
font-size: 31px;
font-weight: bold;
margin: 0px 0px 3px 0px;
opacity: 0.37;
max-width: 100%;
min-width: 100%;
}
span input:hover {
background-color: #04AA6D;
color: #8B008B;
}
span input:active {
background-color: #1e65f4;
box-shadow: 0 1px #666;
transform: translateY(50px);
}
span input {
cursor: pointer;
transition: 0.5s;
}
span input:after {
content: '\00bb';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s;
}
span input:hover {
padding-right: 25px;
}
.banner img {
min-width: 75%;
max-width: 100%;
display: block;
margin: auto;
text-align: center;
}
/* prior header bkrnd color #C8BFE7 */
#bodyMain {
background-color: #019BA5;
color: #000080;
text-align: center;
}
#content li .wVhome {
color: #ffe8c6;
}
#content {
padding: 10px;
}
#nav {
width: 30%;
height: auto;
float: left;
text-align: left;
display: block;
margin: -11px 0px 55px -11px;
padding: 17px;
font-size: 20px;
}
#content span a {
color: #008080;
}
#nav ul {
list-style-type: square;
padding: 0px;
}
#nav ul li {
text-align: left;
padding: 7px 0px;
margin: 0px 0px;
}
#nav .selected {
font-weight: bold;
display: inline;
}
#nav h4 {
margin: -5px 0px -17px 0px;
color: #ffebcd;
}
/*removed float right*/
#main {
min-width: 235px;
max-width: auto;
font-size: 23px;
}
#main p {
text-align: left;
}
#main h2 {
margin: -20px 0px -15px 0px;
color: #dd2799;
text-align: center; 
}
#main h4 {
margin: -15px;
color: #8FBC8F;
text-align: center; 
}
#main h3 {
margin: -15px;
color: #8FBC8F;
text-align: center; 
}

#footer .selectedTwo {
background-color: #00FFFF;
color: #008080;
}
#footer {
clear: both;
padding: 10px;
background-color: #7FFFD4;
color: #008080;
text-align: center;
font-size: 23px;
}