body {
    background: #D2D2FA;
}
#footer {
    font-size: 10px;
    text-align: left;
    background: none;
    padding: 12px;
    color: blue;
    display: block;
}
#footer-copyright-image {width: 100px; height: 19px; vertical-align: middle; margin-top: 5px; margin-bottom: 5px;}
#page-title{color: #0000ab;}
#page-title-contact{color: #fff;}
#container{width: 90%; background:#D2D2FA;}
#content-area{background: #fff; width: 60%; float: right; padding: 20px; padding-bottom: 100px;}
#name_email_input{width: 250px; height: 40px; font-size: 16px; border: solid 1px #B8CCE4;}
#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;    
}
#commIcon{width: 20px; height: auto; vertical-align: middle;}
li{margin-bottom: 10px;}
#headerLogInMobileBodyBtn{color:#fff; background:#0000ab; border:solid 2px #ab0000;}
#headerLogInMobileBodyBtn:hover{background:#ab0000; border:solid 2px #0000ab;}
#headerSignUpMobileBodyBtn{color:#fff; background:#006ec6; border:solid 2px #006ec6; margin-left: 15px;}
#headerSignUpMobileBodyBtn:hover{color:#002060; background:#fff; border:solid 2px #ff0000;}
img {max-width: 98%;}
video {max-width: 98%;}
#headerLogoImg{width: 264px; height: 50px; vertical-align: middle; margin-right: 10px;}
#headerLogoTxt{display: inline; color: #EEAAAA; font-size: 16px; font-weight: normal;}
#loginLinkNoLogin{float: right; color: red; margin-top: 25px; margin-right: 20px;}
#mobile-search-support-center{margin-top: 10px;}
#header_logo_image_mobile{width: 60%; height: auto; max-width: 60%; margin: 20px 20px 20px 5px; vertical-align: middle;}
#support-center-h3{color: #EEAAAA; display: inline; font-size: 20px; font-weight: normal;}
#support-center-menu-table{display: inline; float: right; margin: 40px 50px 20px 20px;}
#settingsSidenav{z-index: 25;}
#hb-menu-icon {width: 60px; height: auto; margin: -67px -22px 0px 0px;}
#sideleft-header {font-size: 20px;}
#vert-menu-icon-mobile {width: 30px; height: 30px; margin-right: 10px; vertical-align: middle;}
.mobilesidenav a {font-size: 25px; padding: 10px;}
#li-su-mobile {margin: -10px 0px 0px 50px; display: inline;}
#sideleft-header-link {margin-top: -30px;}
#back-to-sss-img-mobile {width: 30px; height: auto; margin-left: 10px; vertical-align: middle;}
#back-to-sss-btn-mobile {color: #fff; background: #0000ab; border: solid 2px #ab0000; margin-left: 10px; margin-top: 10px;}
#comment-form{text-align: center;}
#name_input{font-family: arial; width: 45%; height: 40px; font-size: 16px; border: solid 1px #B8CCE4;}
#email_input{font-family: arial; width: 45%; height: 40px; font-size: 16px; border: solid 1px #B8CCE4; margin-left: 5%;}
#message_input{font-family: arial; width: 95%; height: 150px; font-size: 16px; border: solid 1px #B8CCE4; resize: both;}
#form-submission-check{font-size: 20px; padding: 10px; font-family: arial; color: #fff; background: navy; text-align: center; border: solid 2px #ab0000;}
#refresh_page {color: #0000ff; background: #fff; border: solid 2px #ff0000;}
#contact-page-image{width: 180px; height: auto; margin-right: 10px;}

#menu1 a:link {color: #002060; text-decoration: none;}
#menu1 a:hover {color: #ab0000;}
#menu1 a:active {color: #002060;}
#menu1 a:visited {color: #002060;}
#menu1 a:visited:hover {color: #ab0000;}
#userlink {color: #D2D2FA!IMPORTANT; text-decoration: none;}
#userlink:hover {color: #ab0000!IMPORTANT;}

.search-button {vertical-align: middle; color: #fff; background: #ab0000; border: solid 2px #ab0000; border-radius: 50px; font-size: 18px; padding: 3px; margin-left: 5px;}
.search-button:hover {background: #0000ab;}
#searchButtonIconImg {height: 30px; width: auto; vertical-align: middle; margin-left: 20px;}
.light {top: 25%; left: 10%; width: 90%; height: auto; padding-bottom: 25px; border: 3px solid #ab0000; background-color: #ADD8E6;}
#headerLogInBtn {margin-right: 10px;}
#headerSignUpBtn {margin-right: 15px;}
#askQuestionBtn {background: #0000ff; border: solid 2px #ab0000; vertical-align: middle; margin-right: 20px;}
#askQuestionBtnImg {width: 150px; height: auto;}
#homeMktPlaceBtn {color: #0000ab; font-size: 10px; background: #fff; border: solid 2px #ab0000; vertical-align: middle; margin-right: 20px;}
#icons-settings-dropdown {width: 25px; height: auto; vertical-align: middle; margin-right: 7px;}
#loginDiv {float: right; margin: -16px 20px 0px 0px;}

@media only screen 
  and (min-device-width : 50px) 
  and (max-device-width : 709px){
      .mobileHide {display: none;}
      .mobileShow {display: inline;}
      #container{width: 100%; background:#D2D2FA;}
      #content-area{background: #fff; width: 100%; padding: 20px; float: none;}
      #mobilebottommenu{background:#002060; border-top:groove 4px #ff0000;}
      #name_email_input{font-size: 20px;}
      #message_input{font-size: 20px;}
      #contactBtn{font-size: 24px; padding: 10px;}
      #commIcon{width: 50px; height: auto;}
      #socMedNewLevMobile{font-size: 16px; text-align: center; padding: 10px; font-weight: normal; color: #0000ab; line-height: 100%;}
      .light {top: 120px; left: 0; width: 100%; height: auto; padding-bottom: 25px; border: 3px solid #ab0000; background-color: #ADD8E6; margin-top: 0; margin-left: 0;}
      #searchButtonIconImg {margin-right: 20px;}
      .search-button-blog {background: #0000ab; border: solid 1px #ab0000; color: #fff;}
}