div.buttonwide:hover {
  opacity: 1.0;
  }
  
div.buttonwide {
  width=330px;
  height=60px;
  text-align: center;
  border: 0px;
  border-radius: 5px;
  overflow: hidden;
  margin: 10px;
  opacity: 0.9;
    }

div.buttonnarrow:hover {
  opacity: 1.0;
  }

div.buttonnarrow {
  width=240px;
  height=50px;
  text-align: center;
  border: 0px;
  overflow: hidden;
  margin: 10px;
  opacity: 0.9;
    }

div.section {
  clear: left;
  width=100%;
  text-align: center;
  }
  
div.centertitle {
  background-color: var(--accent-dark-1);
  font-style: bold;
  font-size: 110%;
  border: 0px;
  border-radius: 5px;
  padding: 5px;
  margin: 5px 0 5px 0;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  text-shadow: 1px 1px var(--accent-light-3);
  width: 100%;
  }

div.sidetitle {
  background-color: var(--main-accent);
  font-style: bold;
  font-size: 110%;
  border: 0px;
  border-radius: 5px;
  padding: 5px;
  margin: 5px 0 5px 0;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  text-shadow: 1px 1px var(--accent-dark-1);
  width: 350px;
  }
  
div.sidesubtitle {
  background-color: var(--accent-dark-1);
  font-style: bold;
  font-size: 110%;
  border: 0px;
  border-radius: 5px;
  padding: 5px;
  margin: 5px 0 5px 0;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  text-shadow: 1px 1px var(--accent-light-3);
  width: 240px;
  }

img.playicon {
  height: 30px;
  display: inline-block;
  margin: 3px;
  }
  
div.supportlogo {
  border: 2px solid var(--accent-light-1);
  border-radius: 10px;
  background-color: var(--main-foreground);
  overflow: hidden;
  vertical-align: middle;
  margin: 5px;
  position: relative;
  height: 100px;
  width: 220px;
}

div.supportpod {
  border: 2px solid var(--accent-light-1);
  border-radius: 10px;
  background-color: var(--main-foreground);
  overflow: hidden;
  vertical-align: middle;
  position: relative;
  height: 110px;
  width: 230px;
  margin: 5px;
  opacity: 0.95;
  }
  
div.supportpod:hover {
  opacity: 1.0;
  border-color: var(--accent-color-1);
  }

span.supportpodtitle {
  width=100%;
  text-align:center;
  color: var(--accent-light-1);
  font-size:110%; 
  font-style:bold; 
  text-transform:uppercase;
  margin: 2px 2px 5px 2px;
  }
  
div.supportpodtext {
  width:240px;
  text-align:center;
  font-size: 80%;
  color: var(--accent-light-1);
  margin: 2px 5px 2px 2px;
  }

div.friendlogo {
  background-color: var(--main-foreground);
  vertical-align: middle;
  position: relative;
  overflow: hidden
  height: 60px;
  width: 160px;
  margin: 5px 10px 5px 10px;
  display: inline-block;
  margin: 2px;
  float: left;
}

img.logo {
  vertical-align: middle;
  float: center;
  position: absolute;
  }
 
div.friendpod {
  border: 2px solid var(--accent-light-1);
  border-radius: 10px;
  background-color: var(--main-foreground);
  overflow: hidden;
  vertical-align: middle;
  position: relative;
  height: 60px;
  width: 200px;
  margin: 5px 20px 5px 20px;
  opacity: 0.95;
  }
  
div.friendpod:hover {
  opacity: 1.0;
  border-color: var(accent-color-1);
  }