body {
  background-color: #fff;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color: #7e7e7e;
  padding: 20px;
  margin: 0px;
  text-align: center;
}

div#container div 
{ border: 1px solid #fff; }
nohtml>body div#container div { border: 0px; }

#container
{ color: #7e7e7e;
  text-align: left;
  vertical-align: middle;	
  margin: 0px auto;
  padding: 0px;
  width: 700px;
  background-color: #ffffff; }
nohtml>body #container { width: 690px; }

#content
{ text-align: right;
  padding: 0px;
  margin: 0px;
  width: 346px; }
nohtml>body #content { width: 350px; }

#menu
{ float: right;
  padding: 0px 0px 10px 0px;
  margin: 0px;
  text-align: left;
  width: 340px; }
nohtml>body #menu { width: 350px; }

p, h2, ul
{ border: 1px solid white;
  line-height: 1.4em;
  margin: 0px; 
  padding: 0px 20px 10px 10px;
  padding-right: 12px; }

p.note
{ font-style: italic; }

#menu p
{ padding: 0px 6px; }

div.spacer
{ padding: 0px 0px 0px 10px; }

h1
{ text-align: center; }

div#content h1
{ display: none;
  margin: 0px;
  padding: 0px; }

h2
{ font-size: 11px;
  font-weight: bold;
  padding-bottom: 0px;
  text-decoration: none; }

span img
{ border: 1px solid #7e7e7e;
  padding: 1px;
  margin-right: 10px;
}

a
{ background-color: #fff;
  color: #7e7e7e;
  text-decoration: none;  }

strong
{ border-bottom: 1px solid #7e7e7e;
  font-weight: normal; }

div#content a
{ border-bottom: 1px dotted #7e7e7e; }

div#content a:hover
{ border-bottom: 1px solid #7e7e7e; }

#menu p.selected
{ background: url("../images/curve.jpg") no-repeat scroll bottom left;
  font-weight: bold; }

#menu p a:hover
{ font-weight: bold; }

span.sup
{ font-size: 90%;
  position: relative;
  bottom: 0.5em; }