/* Base formating
----------------------------------------------- */

body {
  background-color:#fff;
  }
a {
  color:#000;
  text-decoration:none;
  }
a:hover {
  color:#009;
  text-decoration:underline;
  }
h1 {
  font-size:xx-large;
  color:#f00;
  }


/* Right navigator
----------------------------------------------- */

#nav {
 float:right;
 text-align:center;
 width:180px;
}


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

#content {
 text-align:center;
}

/* Links
----------------------------------------------- */

#links {
  background-color:#fff;
  width:100%;
  border:solid #ccc;
  border-width:1px 0 1px 0;
  text-align:left;
  }
#links ul {
  margin:0;
  padding:0;
  list-style:none;
  }
#links li {
  margin:2;
  padding:8;
  text-indent:0;
  font-size:medium;
  background-color:#eee;
  }
#links a, #links strong {
  display:block;
  color:#000;
  white-space:nowrap;
  font-weight:bold;
  }
/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #links a {
  width:1%;
  }
#links a:hover, #links a:hover strong, #links strong {
  color:#c00;
  }