@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
* { 
    font-family: 'Lato', Sans-serif;
    font-weight: 300;
} 
#header {
  display: none;
}
a { 
    padding: 0;
    margin: 0;
    text-decoration: none; 
    -webkit-transition: background-color .4s linear, color .4s linear;
    -moz-transition: background-color .4s linear, color .4s linear;
    -o-transition: background-color .4s linear, color .4s linear;
    -ms-transition: background-color .4s linear, color .4s linear;
    transition: background-color .4s linear, color .4s linear;
    color: #333;
}
a:hover,a:focus {
      text-decoration: none;
      color:#d83d5d;
}
table {
    width: 90%;
}
th {
  color:#eee;
  background:#333;
  font-size:1.2em;
  font-weight: 300;
  padding:20px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}
th:first-child {
  border-top-left-radius:5px;
}
 
th:last-child {
  border-top-right-radius:30px;
  border-right:none;
}
  
tr {
  color:#666B85;
  font-size:1.1em;
  font-weight:normal;
}
 
tr:hover td {
  background:#333;
  color:#FFFFFF;
1}
 
tr:first-child {
  border-top:none;
}
tr:last-child {
  border-bottom:none;
}
 
tr:nth-child(odd) td {
  background:#EBEBEB;
}
 
tr:nth-child(odd):hover td {
  background:#aaa;
}
tr:last-child td:first-child {
  border-bottom-left-radius:10px;
}
 
tr:last-child td:last-child {
  border-bottom-right-radius:5px;
}
 
td {
  background:#FFFFFF;
  padding:20px;
  text-align:left;
  vertical-align:middle;
  font-weight:300;
  font-size:.9em;
}
td:last-child {
  border-right: 0px;
}
th.text-left {
  text-align: left;
}
th.text-center {
  text-align: center;
}
th.text-right {
  text-align: right;
}
td.text-left {
  text-align: left;
}
td.text-center {
  text-align: center;
}
td.text-right {
  text-align: right;
}
img {
    max-width: 100%;
}
body{
    font-size:1.3em;
    margin: 0;
    padding: 0;
    overflow: auto;
    height: 100%; 
    max-height: 100%; 
    font-family:Sans-serif;
    line-height: 1.5em;
}
#nav{
    position: absolute;
    top: 0;
    bottom: 0; 
    left: 0;
    width: 350px; /* Width of navigation frame */
    height: 100%;
    margin: 20px;
    overflow: scroll; /* Disables scrollbars on the navigation frame. Use "hidden" to disable, "scroll" to enable. */
    background: #eee;
}
.l1 {
    padding-left: 0px;
    font-size: .8em;
    font-weight: 500;
}
.l2 {
    font-size: .7em;
    font-weight: 300;
    margin:10px 0 20px 20px;
}
.l3 {
    padding-left: 30px;
    font-size: 0.6em;
    font-weight: 300;
}
.l4 {
    padding-left: 45px;
    font-size: 0.75em;
    font-weight: normal;
}
main{
    position: fixed;
    top: 0; 
    left: 350px; /* Set this to the width of the navigation frame */
    right: 0;
    bottom: 0;
    padding: 25px;
    overflow: auto; 
    background: #fff;
}
.innertube{
    margin: 30px; /* Provides padding for the content */
    font-size:1.2em;
}
.innertube img{
    border:0;
}
p {
    color: #111;
}
nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
nav ul a {
    color: darkgreen;
    text-decoration: none;
}
        
/*IE6 fix*/
* html body{
    padding: 0 0 0 350px; /* Set the last value to the width of the navigation frame */
}
* html main{ 
    height: 100%; 
    width: 100%; 
}