body,p,td,th,div,blockquote,dl,ul,ol {
	margin: 0;
	padding: 0;
/*    background-color: #FFFFFF;*/
    color: rgb(0, 0, 102);
}

html, body, #wholepage {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

html>body, html>body #wholepage {
    height: auto;
}

#wholepage {
    position: absolute;
    top: 0;
    left: 0;
}

#nav {
  position: absolute;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  width: 170px;
  font-size: 20px;
  top: 0px;
  left: 0px;
  padding: 0;
  margin: 0;
}

#nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#nav a {
  display: block;
  background-color: #DFE7F2;
  color: rgb(0, 0, 102);
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-bottom: 1px solid #717171;
  border-right: 1px solid #717171;
  padding-top: 1px;
  padding-bottom: 1px;
  text-decoration: none;
}

#nav li {
  display: block;
  background-color: #DFE7F2;
  color: rgb(0, 0, 102);
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-bottom: 1px solid #717171;
  border-right: 1px solid #717171;
  text-decoration: none;
}

#nav li a:hover {
  border-top: 1px solid #AFE7F2;
  border-left: 1px solid #717171;
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  background-color: #DAE7F2;
}

#nav .curpage {
  border-top: 3px solid #CAE7F2;
  border-left: 1px solid #717171;
  border-bottom: 1px solid #000000;
  /*border-right: 1px solid #FFFFFF;*/
  background-color: #CAE7F2;
}

#header .logo {
    position: absolute;
    top: 0px;
    left: 170px;
    margin: 0;
    padding: 0;
    border-style: none;
}

#clubs {
    position: absolute;
    top: 214px;
    left: 160px;
    width: 630px;
}

#clubs a {
    float: left;
    margin-top: 1px;
    margin-right: 1px;

    /*  We will replace this border with red lines when hovering. */
    border-top: 1px solid #000000;
    border-right: 1px solid #FFFFFF;
    width: 87px;
    height: 29px;
    margin-left: 0px;
    margin-bottom: 0px;
    display: block;
}

#clubs a:hover {
    float: left;
    margin-top: 0px;
    margin-right: 0px;
    border-top: 2px solid #950000;
    border-right: 2px solid #950000;
    width: 87px;
    height: 29px;
    margin-left: 0px;
    display: block;
}

#clubs img {
    border: none;
    width: 87px;
    height: 29px;
}


#content {
    /*  Note: can't be position: absolute or footer won't work. */

    /*  Using margin on IE doesn't work. */
    padding-left: 160px; 
    padding-top: 210px;   
    margin-bottom: 2em;
}

#content {
    width: 770px;   /*  IE doesn't properly add in padding. */
}

html>body #content {
    width: 610px;   /*  Put in correct width for Mozilla. */
}

#content H1 {
    padding: 0;
    margin: 0;
}

#heading {
    text-align: center;
    font-weight: bold;
    background-color: #FFFFFF;
    list-style: none;
}

#information {
    margin-top: 20px;
    font-size: 16px;
    text-indent: 20px;
}

#information p {
    margin-top: 8px;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 780px;
    border-top: 1px solid #AAAAAA;
    background-color: #DAE7F2;
    color: #626262;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0;
}

#footer p {
    margin: 0em 0em 0em 2em;
    padding: 0;
    font-size: 11px;
    background-color: #DAE7F2;
    color: #626262;
    text-align: center;
}

#footer p a {
    text-decoration: none;
}

.terlist {
    clear: both;
}

.terlist li {
    width: 30%;
    float: left;
    list-style: none;
}

.terheader {
    clear: both;
    padding-top: 20px;
}

.terbox {
    padding-left: 10px;
    border: 1px solid #CCCCCC;
    text-align: center;
}


.answer {
    padding-top: 10px;
    font-weight: normal;
}


.question {
    padding-top: 15px;
    font-weight: bold;
}