body {
    background: #D2D2FA;
}
h2 {
    text-align: center;
}
.sideleftpages {
    float: left;
    width: 20%;
    padding: 5px;
    background: #D2D2FA;
    position: fixed;
    top: 72px;
}
#footer {
    font-size: 11px;
    text-align: left;
    background: none;
    padding: 12px;
    color: blue;
    display: block;
}
#page-title{color: white; line-height: 100%;}
#container{width: 80%; background: #D2D2FA;}
#content-area{background: #fff; width: 75%; border: solid 4px #FAD2D2; float: right; padding: 20px;}
#conAraHdr {font-size: 16px; background: #4444E6; color: white; padding: 40px;}
#contactBtn {
    font-size: 16px;
    color: blue;
    background: lightblue;
    border: solid 2px green;
    padding: 5px;
    margin-top: 10px;
}
#contactBtn:hover {
    color: green;
    background: lightgreen;
    border: solid 2px blue;    
}
#sectionBtn {
    border-left: solid 8px #0000ab;
    border-top: none;
    border-right: none;
    border-bottom: none;
    background: none;
    padding: 7px;
    font-size: 16px;
    text-align: left;
    color: #0000ab;
}
#sectionBtn:hover {
    color: #ab0000;
    background: #FAD2D2;
}
@media only screen 
  and (min-device-width : 50px) 
  and (max-device-width : 709px){
      .mobileHide {display: none;}
      .mobileShow {display: inline;}
      #container{width: 100%; background:#fff;}
      #content-area{background: #fff; width: 90%; padding: 0; float: none;}
      #mobilebottommenu{background:#002060; border-top:groove 4px #ff0000;}
}