body {background-color:#f1f1f1;margin:0px;color:black;font-size:15px;}
a:link {
text-decoration: none;color:darkslategrey;
}
a:visited {
text-decoration: none;
color:darkslategrey;
}
a:hover{
text-decoration: none;color:darkslategrey;
}
a:active {
text-decoration: none;color:darkslategrey;
}
@media only screen and (max-width: 799px) {
/* hide reg/log for nav mob */
   .mobilehide {
    display: none;
  }
}
@media only screen and (min-width: 800px) {
/* show reg/log switch for mob */
   .mobileshow {
    display: none;
  }
}
* {
  box-sizing: border-box;
}

.row::after {
  content: "";
  clear: both;
  display: block;
}

[class*="col-"] {
  float: left;
  padding: 1px;
}

.header {
  background-color: darkblue;
  color: #ffffff;
  padding: 2px;
}

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

.menu li {
  padding: 4px;
  margin-bottom: 1px;
  background-color: white;
  color: #000;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.menu li:hover {
  background-color: #0099cc;
}

.aside {
  background-color: white;
border:1px solid white;
  padding: 3px;
  color: black;
  text-align: left;
  font-size: 14px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.footer {
  background-color: #0099cc;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  padding: 5px;
}

/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

@media only screen and (max-width: 799px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
}
.list1 {background:white;border:1px solid lightgrey;padding:5px;margin:2px;}
.btnjoin {display:inline-block;padding:10px;background:darkblue;color:white;margin:2px;border:1px solid grey}
.btnforgot {display:inline-block;padding:10px;background:yellow;border:1px solid grey;color:black;margin:2px;}
.dropbtn {
  background-color:;
  color: white;
  padding: 0px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  display: inline-block;}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 45px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color:;
}
.topimg {width:30px;height:30px;padding:0px;background:none;border-radius:30px;}.user_profile_cap {   width: 970;   height: auto 13;   border: 1px solid #DDD;   -webkit-border-radius: 5px;   -moz-border-radius: 5px;   border-radius: 5px;     overflow:hidden; }
.user_profile_cover {   img {     width: 970px;     height: 150px;     -webkit-border-top-left-radius: 5px;     -webkit-border-top-right-radius: 5px;     -moz-border-radius-topleft: 5px;     -moz-border-radius-topright: 5px;     border-top-left-radius: 5px;     border-top-right-radius: 5px;         }
}
.user_profile_headline {   padding: 10px;   font-size: 16px; } .user_profile_headline img{     border:1px solid #EEEEEE;     width:100px;     height:100px;     float:left;     margin:-90px 10px 0  0;     position:relative;     z-index:111;
    background-color:white; border-radius:50%;} .user_profile_headline h2{
    margin:0;     padding:0;     font-size:12px;     font-weight:bold;     display:block; } .user_profile_headline span{     font-size:10px;     font-family:verdana;     color:gray;
}
.bx {border-radius:30px;padding:2px;box-shadow:2px 1px lightgrey;text-shadow:1px 2px 1px lightgrey;}
.bx:hover {border-radius:30px;padding:2px;box-shadow:2px 1px lightgrey;text-shadow:1px 2px 1px lightgrey;background:skyblue;}