* {
       padding: 0px 0px 0px 0px;
       margin: 6px 0px 6px 0px;
}
    

     head, html {       
       margin: 0px;
       padding: 0px;
       background-image: url('/img/ti-tree.jpg');
}

     a {
       text-decoration: underline;
       font-weight: normal;
       font-style: italic;
       background-color: transparent;
       color: #003300;
       transition: 500ms ease-out;
}
     a:hover {background-color: red; }
     a:visited {color: 003300; }
     a:active { color: yellow; }
    
     body {
}

     div.header span {
       margin: 0px 0px 0px 15px;
       font-size: 340%;
       font-weight: bold;
}

    div.header img {
       margin: 3px 0px 0px 40px;
       border: 0px 0px 0px;
}
    div.heading_bar {
       border-radius: 10px;
       background-color: #77767b;
       color: orange;
       text-align: center;
       margin-left: 6px;
       margin-right: 6px;
       padding: 4px 4px 2px 4px;
       font: 15px Georgia, serif;
       font-size: 150%;
}

    p {
      margin: 0px 20px 0px 20px;
      padding: 2px 0px 4px 0px;
      color: #003300;
      font: 15px Georgia, serif;
}

    div.main_page {
      width: 800px;
      background-color: #66c2ff;
      border: 4px double black;
      margin-left: auto;
      margin-right: auto;
      padding: 0px 0px 10px 0px;
}

    div.main_content {
      border-radius: 10px;
      background-color: #0088ff;
      margin: 6px 20px 6px 20px;
}

    div.footer {
}

     .add_color {
      background-color: #ffffff;      
}

    .floating_element {
      position: relative;
      float: left;
}