body {
  background: #FFFFE8; 
  margin: 1% 1% 1% 1%; 
  font-family: sans-serif;
}

A IMG { color: white } 
A:link { color: #041 } A.offsite:link { color:#601 } 
A:visited { color: #030303 } 

H1, H2, H3 { font-weight: bold } 

a.skip {
  font-size: x-small;
}

a:link.skip {
  color: #030303;
}

a:visited.skip {
  color: #030303;
}

a.topnav {
  font-weight: bold;
  text-decoration: none;
}

a:link.topnav {
  color: #030303;
}

a:visited.topnav {
  color: #030303;
}

a:hover.topnav {
 text-decoration: underline;
}

a.topnav_selected {
  font-weight: bold;
  text-decoration: none;
}

a:link.topnav_selected {
  color: #030303;
}

a:visited.topnav_selected {
  color: #030303;
}

a:hover.topnav_selected {
 text-decoration: underline;
}

caption {
font-size: large;
font-weight: bold;
}

td.sand {
  background: #FFFFCC;
  padding: .5em;
  margin: 0;
}

td.sidenav {
  background: #FFFFCC;
  width: 20%;
}

div.main {
 margin: .5em;
} 

h2.main {
  text-align: center;
}

h3 {
margin-bottom: 0;
padding-bottom: 0;
}

ul.sidenav {
  list-style: none;
  margin: .25em;
  background: #FFFFCC;
  padding: 0;
}

li.sidenav {
  border: 2px solid black;
  padding: .25em;
  margin-left: 0;
  margin-top: .25em;
  margin-bottom: .25em;
  indent: 0;
  background: #F0F080;
}

li.sidenav_selected {
  border: 2px solid black;
  padding: .25em;
  margin-left: 0;
  margin-top: .25em;
  margin-bottom: .25em;
  indent: 0;
  background: #FFFFCC;
}

a.sidenav {
  font-weight: bold;
  text-decoration: none;
}

a:link.sidenav {
  color: #030303;
}

a:visited.sidenav {
  color: #030303;
}

a:hover.sidenav {
 text-decoration: underline;
}

a.sidenav_selected {
  font-weight: bold;
  text-decoration: none;
}

a:link.sidenav_selected {
  color: #030303;
}

a:visited.sidenav_selected {
  color: #030303;
}

a:hover.sidenav_selected {
 text-decoration: underline;
}


h1.title {
  text-align: left;
  margin-top: .25em;
  margin-bottom: .5em;
}

span.title {
  margin-left: .25em;
}

div.topnav_space {
  float: left;
  font-weight: bold;
  width: 3%;
  padding-top: .25em;
  padding-bottom: .25em;
  border-bottom: 2px solid black;
}

div.topnav {
  float: left;
  width: 16%;
  text-align: center;
  border: 2px solid black;
  padding-top: .25em;
  padding-bottom: .125em;
  background: #F0F080;
  margin-bottom: 0;
}

div.topnav_selected {
  float: left;
  width: 15%;
  text-align: center;
  padding-top: .25em;
  padding-bottom: .25em;
  border-top: 2px solid black;
  border-left: 2px solid black;
  border-right: 2px solid black;
  border-bottom: 2px solid #FFFFCC;
  background: #FFFFCC;
  margin-bottom: 0;
}

div.main {

 margin: .5em;

}

table {
  clear: both;
  background: $FFFFCC;
}

td.sand {
  background: $FFFFCC;
  height: 1.5 em;
}


p.options {
  text-align: center;
}

ul.rating_radio {
  margin-left: .5em;
  padding-left: 0;

}

li.rating_radio {
  list-style: none;
}

.code {
border: .2em solid black;
background: lightyellow;
margin: .5em;
padding: .5em;

}

.source {
border: .2em solid black;
background: yellow;
margin: .5em;
padding: .5em;

}

p.test {
text-align: center;
border-top: 3px solid black;
margin-top: 1em;
padding-top: 1em;
}

ol.tests {
list-style: none;
margin-left: 0;
padding-left: 1em;
}

abbr.nr {
color: red;
}

abbr.c {
color: green;
}

abbr.c {
color: darkgreen;
}
.modified {
	color: #FFFFFF;
	background-color: #3366CC;
	font-size: xx-large;
	padding: 0.5em 1em;
}