body {
    background-color:gray;
    margin:0px;
    padding:30px;
    font-family:sans-serif;
    font-size:100%;
  }
  #page {
    width:754px;
    margin:0 auto;
  }
  #page2 {
    width:730px;
    padding:12px;
    float:left;
    background-color:#D3D3D3;
  }
  #header {
    width:730px;
    padding:10px 0 0;
    float:left;
    color:white;
    background-color:black;
  }
  #col1 {
    width:518px;
    float:left;
  }
  #col2 {
    width:200px;
    float:right;
    padding-bottom:0px;
  }
  #footer {
    width:730px;
    padding:10px 0 0;
    float:left;
    text-align: center;
    background-color:maroon;
    color:white;
    margin-top:20px;
    padding-bottom:10px;
    font-size:small;
  }
  h1 {
    text-align:center;
    margin-top:1em;
  }
  h2 {
	font-size:115%;
    margin-left:10px;
    margin-top:18px;
    color:black;
  }
  h3 {
    font-size:95%;
    margin-left:10px;
    margin-top:18px;
    color:black;
  }
  hr {
    display:none;
  }
  #counter {
	display:none;
	float:right;
	margin-right:10px;
}

  ul li {
    list-style: circle;
    font-size:small;
    font-weight:bold;
  }
  a, a:link {
    color: maroon;
    text-decoration:none;
  }
  a:hover, a:active {
    color: blue;
    text-decoration:none;
  }



/* =Nav
----------------------------------------------- */
#nav {
  background:#135 url("/img/bg-nav.jpg") repeat-x 0 0;
  float:left;
  width:730px;
  margin:0;
  padding:0;
  border-bottom:2px solid #135;
  list-style:none;
  }
#nav li {
  background:none;
  display:inline;
  padding:0;
  }
#nav li a, #nav li strong {
  float:left;
  width:auto;
  padding:5px 9px 4px;
  border-left:1px solid #579;
  border-right:1px solid #135;
  color:#def;
  text-decoration:none;
  font-weight:normal;
  }
#nav li strong {
  background:#246;
  color:#fff;
  font-weight:bold;
  }
#nav li a strong {
  padding:0;
  border-width:0;
  }
#nav li a:hover {
  background:#246;
  border-left-color:#246;
  color:yellow;
  }

p {
  font-size:small;
  margin:12px;
  line-height:1.2;
}