html, body {
  margin:0;
  padding:0;
  background-color:#FFDE00;
  font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
}
header {
  height: 10em;
  position: relative;
  margin: 0;
  font: 2em "Arial";
  text-align: center;
  vertical-align: middle;
}
header .header-title {
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
/* HEADER LEFT */
header .header-left-container {
  width: 50%;
  float: left;
}
header .header-top-left-outer {
  background-color:#FFDE00;
}
header .header-top-left-inner {
  height: 2.4em;
}
header .header-middle-left-outer {
  background-color:#FFDE00;
}
header .header-middle-left-inner {
  line-height: 5em;
  background-color: #ff9d2f;
  border-top-left-radius: 30% 40%;
  border-top: groove yellow;
}

header .header-bottom-left-outer {
  background-color: #ff9d2f;
}
header .header-bottom-left-inner {
  height: 3em;
  background-color:#FFDE00;
  border-top-left-radius: 30% 60%;
  border-top: groove red;
}
/* HEADER LEFT - END */

/* HEADER RIGHT */
header .header-right-container {
  width: 50%;
  float: right;
}
header .header-top-right-outer {
  background-color:#ff9d2f;
}
header .header-top-right-inner {
  height: 2.48em;
  background-color:#FFDE00;
  border-bottom-right-radius: 30% 60%;
  border-bottom: groove yellow;
}
header .header-middle-right-outer {
  background-color:#FFDE00;
}
header .header-middle-right-inner {
  line-height: 5em;
  background-color: #ff9d2f;
  border-bottom-right-radius: 30% 30%;
  border-bottom: groove red;
}
header .header-bottom-right-outer {
  background-color: #ff9d2f;
}
header .header-bottom-right-inner {
  height: 3em;
  background-color:#FFDE00;
}
/* HEADER RIGHT - END */

.mainContainer {
  margin: .5em;
  border-spacing: 0;
}
.mainContainer td {
  padding: .15em;
  text-align:left
}
#wrapper .li-title {
  font-size: 1em;
  white-space:nowrap;
}
#wrapper .links {
  padding: 2em 1em;
  border-top-right-radius: 50% 25%;
  border-bottom-left-radius: 50% 25%;
  background-color: #a0d0e8;
  border: groove lightblue;
}
#wrapper .links ul {
  margin:0;
  padding:0;
  list-style-type:none;
  float:left;
}
#wrapper .links ul li {
  margin:0;
  padding: 0px 0px 0px 12px;
  line-height:25px;
  font-weight:bold;
  color: #003366;
  text-decoration:none;
}
#wrapper .links ul li a {
  font-size: .75em;
  color: #003366;
  text-decoration:none;
}
.li-icon {
  padding: 0px 9px;
}
div.clear {
  clear:both;
  height:1px;
}
.main-td .frame {
  height: 100%;
  border-top-right-radius: 50% 25%;
  border-bottom-left-radius: 50% 25%;
  background-color: white;
  border: groove black;
}
.main-td {
  width: 100%;
  height: 100%;
}
.main-td .frame-outer {
  height: 100%;
}

.trs80-img {
  border-radius: 8px;
  width: 75px;
}

/*trash80 MENU*/
ul#menu80 {
  position:fixed;
  top:0;
  width:100%;
  height:2em;
  margin:0;
  padding:0 10px;
  background:rgba(101, 153, 255,.3);
}

ul#menu80 > li{
  float:left;
  list-style-type:none;
  position:relative;
}

label#menu80-label {
  position:relative;
  display:block;
  padding:0 18px 0 12px;
  line-height:2em;
  transition:background 0.3s;
  cursor:pointer;
}

label#menu80-label:after {
  content:"";
  position:absolute;
  display:block;
  top:50%;
  right:5px;
  width:0;
  height:0;
  border-top:4px solid rgba(255,255,255,.5);
  border-bottom:0 solid rgba(255,255,255,.5);
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  transition:border-bottom .1s, border-top .1s .1s;
}

label#menu80-label:hover,
input.menu80-input:checked ~ label#menu80-label {
  background:rgba(101, 153, 255,.3);
}

input.menu80-input:checked ~ label#menu80-label:after {
  border-top:0 solid rgba(255,255,255,.5);
  border-bottom:4px solid rgba(255,255,255,.5);
  transition:border-top .1s, border-bottom .1s .1s;
}

input.menu80-input {
  display: none;
}

input.menu80-input:checked ~ ul.sub-menu80 {
  max-height:300px;
  transition:max-height 0.5s ease-in;
}

ul.sub-menu80 {
  max-height:0;
  padding:0;
  overflow:hidden;
  list-style-type:none;
  background:rgba(101, 153, 255,.3);
  box-shadow:0 0 1px rgba(101, 153, 255,.3);
  transition:max-height 0.5s ease-out;
  position:absolute;
  min-width:100%;
}

ul.sub-menu80 li a{
  display:block;
  color: #097054;
  text-decoration:none;
  box-shadow:0 -1px rgba(101, 153, 255,.5) inset;
  transition:background .3s;
  white-space:nowrap;
}

ul.sub-menu80 li a:hover{
  background:rgba(101, 153, 255,.3);
}