/*
 * Define basic parameters to be inherited
 * by everything else.
 */
html {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: black;
  background-color: white;
}

body {
  margin: 0;
  padding: 0;
}

p.center {text-align: center}

/*
 * Colors:
 *
 * #711 - Deep chetsnut brown : Dark text
 * #864 - Mid brown           : Borders etc.
 * #fd9 - light brown/cream   : Contrasting border
 *
 * #888 - mid grey
 *
 * Now the major areas of the document
 */
#header {
  margin: 0;
  padding: 1em;
  background-color: white;
  color: #711;
  border-style: solid;
  border-color: #864;
  border-width: 0 0 1em 0;
}

#sitenav {
  float: left;
  clear: right;
  font-size: 80%;
  margin: 0;
  padding: 0 0.5em 0.5em 0.5em;
  width: 8em;
  background-color: #864;
}

#content  {
  /* sitenav is 8em * 80% = 6.4em, so one
     more for a bit of spacing = 7.4 */
  margin: 0 0 0 7.4em;
  padding: 0 0.5em 0.5em 0.5em;
  background-color: white;
}

#footer {
  clear: left;
  margin: 0;
  padding: 1em;
  background-color: #fd9;
  color: black;
  border-style: solid;
  border-color: #864;
  border-width: 0.5em 0 0.5em 0;
}

/* Things in header */

#header p { 
  margin: 0;
  text-align: right;
}

#header p.location { 
  margin: 0;
  text-align: right;
  clear: right;
}

#header p.tagline { 
  padding: 0.3em;
  margin: 0;
  color: #888;
  font-size: 80%;
  font-style: italic;
  text-align: right;
  clear: right;
}

#header img.logo { 
  float: right;
}

/* Things in sitenav */

#sitenav ul  {
  margin: 0;
  border-width: 0;
  padding: 0.2em;  
  background-color: #fd9;
  color: #711;
  list-style: none outside;
  text-align: right;
}
  
#sitenav ul li  {
  margin: 0.4em 0 0.4em 0;
}

#sitenav ul li.selected {
  margin: 0.4em 0 0.4em 0;
  padding: 0.4em;
  background-color: #711;
  color: #fd9;
}

#sitenav ul li:first-child {
  margin: 0 0 0.4em 0;
}

#sitenav ul li:first-child.selected {
  margin: 0 0 0.4em 0;
}

#sitenav ul li a {
  margin: 0.4em 0 0.4em 0;
  padding: 0.4em;
  display: block;
  text-decoration: none;
}

#sitenav ul li:first-child a {
  margin: 0 0 0.4em 0;
}

#sitenav ul li a:link {
  text-decoration: none;
  color: #711;
}

#sitenav ul li a:visited {
  text-decoration: none;
  color: #711;
}

#sitenav ul li a:hover {
  text-decoration: none;
  background-color: #711;
  color: #fd9;
}

#sitenav ul li a:active {
  text-decoration: none;
  background-color: #711;
  color: #fd9;
}

#sitenav ul li ul {
  margin: 0.1em;
  border: 0.1em solid #711;
  padding: 0;  
  background-color: #fd9;
  color: #711;
  list-style: none outside;
}

#sitenav ul li ul li.selected  {
  margin: 0 0 0.4em 0;
  padding: 0.4em;
  background-color: #711;
  color: #fd9;
}

#sitenav ul li ul li {
  font-size: 90%;
}

#sitenav ul li ul li:first-child  {
  font-size: 100%;
}

/* Things in content */

#content p {
  margin: 0.4em 0 0.2em 0;
  padding: 0;
  border-width: 0;
}

#content h1 {
  margin-top: 0.4em;
  color:#711;
}

#content h2 {
  margin-top: 0;
  padding-top: 0.4em;
  margin-bottom: 0;
  color:#711;
}

#content h3 {
  margin-top: 0.4em;
  color:#711;
}

#content h3.profilename {
  margin-bottom: 0;
  padding: 0;
  border-width: 0;
  color:#711;
}

#content p.profiletitle {
  margin: 0;
  padding: 0;
  border-width: 0;
  font-style: italic;
  color:#711;
}

#content p.profile {
  margin: 0;
  padding: 0;
  border-width: 0;
}

/* Things in footer */

#footer address {
  font-size: 66%;
  clear: right;
  text-align: left;
  white-space: nowrap;
  margin: 0;
}

#footer a:link {
  text-decoration: none;
  color: #711;
}

#footer a:visited {
  text-decoration: none;
  color: #711;
}

#footer a:hover {
  text-decoration: underline;
  color: #711;
}

#footer a:active {
  text-decoration: underline;
  color: #711;
}

/* Tables */
table.simple {
  text-align: left;
  background-color: #def;
  border-collapse: collapse;
  border-style: none;
}

table.simple col { 
  border-style: solid;
  border-color: white;
  border-width: 0.1em;
}

table.simple thead { 
  background-color: #711;
  color: white;
  border-bottom:solid;
  border-top:hidden;
  border-left:hidden;
  border-right:hidden;
  border-color: white;
  border-width: 0.3em;
}

table.simple tfoot { 
  background-color: #711;
  color: white;
  border-top:solid;
  border-bottom:hidden;
  border-left:hidden;
  border-right:hidden;
  border-color: white;
  border-width: 0.3em;
}

table.simple tbody tr {
  border-style:solid;
  border-color: white;
  border-width: 0.1em;
}

table.simple td { 
  padding: 0.2em;
}

table.simple td.head  {
  background-color: #711;
  color: white;
  padding: 0.2em;
}

table.simple tr.head td { 
  background-color: #711;
  color: white;
  border-width: 0.3em;
  padding: 0.2em;
}

/* A table for embedding in a bigger table */
table.embed {
  text-align: left;
  background-color: white;
  border-collapse: collapse;
  border-color: #711;
}

table.embed col { 
  border-style: solid;
  border-color: #711;
  border-width: 0.1em;
}

table.embed tbody tr {
  border-style:solid;
  border-color: #711;
  border-width: 0.1em;
}

table.embed td { 
  padding: 0.1em;
}

/* Example Code */

div.code { 
  background-color: #fd9;
  color: black;
  font-family: monospace;
  white-space: pre;
  text-align: left;
  padding: 0.5em;
}