/*
 * The LinkLab Webpage Style Sheet
 * ===============================
 *
 * |-----------------------|
 * |    Images and Logos   |
 * |-----------------------|
 * | Main |                |
 * | Menu |                |
 * |      |                |
 * |      |    Content     |
 * |      |                |
 * |      |                |
 * |      |                |
 * |-----------------------| 
 * |        Footer         |
 * |-----------------------|
 *
**/

/* ------- Default Styles ------- */

body, tr, td {
  background-color: white;
  color: black;
  font-family: verdana;
  font-size: 8pt;
  line-height: 150%;
}

h1 {
  font-size: 160%;
}

h2 {
  font-size: 130%;
}

h3 {
  font-size: 120%;
}

a {
  color: #296597;
  text-decoration: none;
  border-bottom: 1px dashed #296597;
}

a:hover {
  color: red;
  border-bottom: 1px solid red;
}

/* ------- Content ------- */

.contenttd {
  border: 1px solid #C0C0C0;
  padding: 10px;
}

.content {
  width: 580px;
  height: 100%;
  padding: 0px;
}

/* ------- Main Menu ------- */

.mainmenutd {
  background-color: #FFFFE7;
  vertical-align: top;
}

.mainmenu {
  height: 400px;
  width: 193px;
  background-image: url(menuBackground.gif);
  background-repeat: repeat-x;
  padding-top: 20px;
}

.mainmenu a {
  display: block;
  line-height: 1.5;
  /* Setting the height or width makes the whole box a link (instead of just the actual text) in IE.
     By setting height instead of e.g. width: 100%; we can avoid the box model bug. */
  height: 16px;
  text-indent: 20px;

  color: black;
  text-decoration: none;

  /* These properties will be changed when hovered. */
  border: 0px;
  /* Create a 1px padding that is replaced by a 1px colored border when hovering
     (the padding keeps surrounding text from jumping around when the link changes size).
     By using padding instead of margin we avoid problems with collapsing margins. */
  padding: 1px;
}

.mainmenu a:hover {
  /* Replace the invisible padding with a solid border and change the background color. */
  border: 1px solid #808080;
  padding: 0px;
  background-color: #FFED21;
  color: black;
}

/* ------- Footer ------- */

.footer {
  background-image: url(bottom.jpg);
  height: 26px;
  color: #C0C0C0;
  text-align: center;
  font-size: 85%;
}

.footer a {
  color: #A1BED7;
  text-decoration: none;
  border: 0;
}

.footer a:hover {
  color: yellow;
  border: 0;
}