body {
  font-family:      Arial, Helvetica, sans-serif;
  background-color: #333333;
  color:            #f2f2f2;
}

img {
  max-width:        100%;
  width:            auto;
  height:           auto;
}

div#tswsidecol {
  float:            right;
  width:            20%;
  color:            #f2f2f2;
  background-color: #333333;
}

div#tswcontent {
  float:            right;
  width:            80%;
  color:            #f2f2f2;
  background-color: #333333;
}

@media only screen and (max-width: 629px) {
  div#tswsidecol { float: none; width: 100%; }
  div#tswcontent { float: none; width: 100%; }
}

div#tswcontproper, div#tswsideproper {
  padding-left:     5px;
  padding-right:    5px;
}

div#tswcontainer {
  background-color: #333333;
}

div#tswheader {
  clear:            both;
  color:            #f2f2f2;
  background-color: #333333;
}

div#tswfooter {
  clear:            both;
  color:            #f2f2f2;
  background-color: #333333;
  text-align:       right;
}

div {
  background-color: #333333 !important;
}

#tswfooter:hover {
  font-size:        smaller;
}

a:link    {
  /* Applies to all unvisited links */
  text-decoration:  none;
  font-weight:      bold;
  color:            #f2f2f2;
  }
a:visited {
  /* Applies to all visited links */
  text-decoration:  none;
  font-weight:      bold;
  color:            #bfbfbf;
  }
a:hover   {
  /* Applies to links under the pointer */
  text-decoration:  none;
  font-weight:      bold;
  color:            #f2f2f2;
  }
a:active  {
  /* Applies to activated links */
  text-decoration:  none;
  font-weight:      bold;
  color:            #bfbfbf;
  }