/*Typography*/
body {font-family: georgia,"times new roman",times,serif;
  font-size: 14px;
  line-height: 1.5em;
  background-color: #ffffff;
  }

h1, h2, h3, h4 {
  color: #5f3124;
  background-color: inherit;
  font-family: "times new roman",times,serif;
  }
h1 {font-size: 3em;
  }
h2 {font-size: 1.3em;
  margin-top: 0;
  font-weight: normal;
  }
h3 {font-size: 1em;
  font-weight: bold;
  }
td h3 {margin-top:0em; padding-top:0em;} /*for website screenshots*/
h4 {font-size: 1em;
  font-weight: normal;
  font-style: italic;
  }

a:link, a:visited, a:hover, a:active {background-color: inherit;}
a:link {color: #004499;}
a:visited {color: #993377;}
a:hover {color: #dd0000;}
a:active {color: #bb0000;}
#skip {display: none;}
a.longdesc {
  text-decoration: none;
  border-bottom: 1px dotted #006aaa;
  }
a.external {
  background-image: url("../images/external.gif");
  background-position: center right;
  background-repeat: no-repeat;
  padding-right: 12px;
  }
a.screenshot {background-image: none;}
a.screenshot img {
  border: 1px solid #b27765; /*#5f3124;*/
  padding: 1px;
  margin:0em 1em 1em 0em;
  }

dt {
  color: #5f3124;
  background-color: inherit;
  font-weight: normal;
  font-size: .95em;
  }
dd {margin-top: 1em;}

ol {margin-bottom: 1em;}
li {margin-top: 1em;}
li li {margin-top: 0em;}
ul.audio {list-style-image:url("../images/sound.png");}
ul.video {list-style-image:url("../images/video.png");}
ul.compact li {margin: 0;}

blockquote {font-size: smaller;}

cite {font-style: italic;}

img {
  margin:0;
  border:0;}

td {vertical-align: top;}

div.top {
  text-align:right;}
div.update {
  margin-left:3em;
  font-size:smaller;}
  
span.music-symbol {font-family: "Arial Unicode MS","Lucida Sans Unicode"}

/*Layout*/
body {
  background-image: url("../images/introspective-trim.jpg");
  background-position: 16px 16px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  color: #04090c;}

#Container {}

#Header {
  margin: 1em 1em 1em 223px;
  text-align: center;
  }

#Nav {
  font-size: .9em;
  padding: 0 0 1.6em 0;
  margin: 0 1em 1em 223px;
  }

#Nav h2 {display:none;}

#Nav ul {
  list-style-type: none;
  padding-left: 0;
  margin:0;
  line-height: normal;
  }
#Nav ul ul {
  list-style-type: circle;
  margin-left:2.5em; padding-left:0em;
  }
#Nav ul li {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
  }
#Nav ul li a {
  display: block;
  margin: 0 .25em 0 0;
  padding: .5em;
  color: inherit;
  background-color: #ffefb4; /*#ffecdc;*/
  border: 1px solid #ffe2cb;
  }
#Nav ul li a:hover {
  color: inherit;
  background-color: #ffe37c; /*#ffe2cb;*/
  border: 1px solid #ffecdc;
  }
#Nav ul li span {
  display: block;
  margin: 0 .25em 0 0;
  padding: .5em;
  color: inherit;
  background-color: #ffe37c; /*#ffe2cb;*/
  border: 1px solid #ffe2cb;
  border-top: 1px solid #b27765;
  border-bottom: 1px solid #b27765;
  }

#StepwiseNav {text-align: center;
  /*font-size: larger;*/
  font-weight: normal;
  margin-top: 2em;}

#MainText {
  width:auto;
  margin-left:223px;
  margin-right:1em;
  }

#MainText div {
  margin-top: 1em;
  padding: 1em;
  color: inherit;
  background-color: #ffefb4; /*#ffecdc;*/
  border: 1px solid #ffe2cb;
  }

div.calc_screenshot {
  margin-top:1em;
  padding:0;
  }
div.calc_screenshot img {
  border: 1px solid #b27765;
  padding: 1px;
  margin:0 1em 0 0;
  background-color: #ddc;
  }

div.image {
  margin: 0 2em 0 2em;
  font-family: tahoma, arial, sans-serif;
  font-size: smaller;
  }
div.image img {
  border: 0;
  padding: 0;
  margin:0;
  /*background-color: #fff;*/
  }