body {
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 75%;
  line-height: 150%;
  margin: 0;
  padding: 0;
  background: #FFFFFF;
  color: #333;
}

/* Main structure */

#page {
  max-width: 980px;
  margin: 0 auto;
  padding: 0;
  background: #FFFFF0;
  border: solid 1px #DDD;
}

* html #page { /* IE6 hack */
  width: 980px;
}

#header {
  height: 150px;
  margin: 0;
  padding: 0 0 0 1em;
  background: url(../img/banner-web.jpg) top left no-repeat navy;
  color:white;
  overflow: hidden;
}

#contentwrapper {
  margin: 2em 1em;
}

#menu {
  overflow: hidden;
  background: #E6ECFF;
  border: solid 1px #6078BF;
  margin-bottom: 1em;
}

#main {
  float: right;
  width: 75%;
  text-align:justify;
  margin: 0 0 2em 0;
}

#main.nosidebar {
  float:none;
  width:100%;
}

#sidebar {
  float:left;
  width: 24%;
  font-family: Arial, Sans-Serif;
  border-right: solid 1px #DDD;
  margin: 0 0 2em 0;
}

#footer {
  float: none;
  clear: both;
  margin: 2em 0 0 0;
  text-align:center;
  padding: 1em;
  font-size:91.7%;
  border-top: solid #DDD 1px;
  color: #666;
}

/* Header */

#header .title {
  font-size: 3em;
  font-weight: bold;
  margin: 1em 0 0;
}

#header .tagline {
  font-size: 2em;
  margin: 1em 0 0;
  font-weight: bold;
  font-style: italic;
  line-height: normal;
}

/* Menu */

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: Arial, Sans-Serif;
  font-size: 108.3%;
}

#menu ul li {
  float: left;
  text-align: center;
  margin: 0 2px 0 0;
  padding: 0;
}

#menu ul li a {
  display: block;
  float: left;
  padding: .5em 4em;
  font-weight: bold;
  color: black;
}

#menu ul li a:hover {
  background: #6078BF;
  color: white;
  text-decoration: none;
}

#menu ul li.active a {
  background: #6078BF;
  color: white;
}

#menu ul li.last {
  float: none;
  padding: .5em 4em;
}

/* Breadcrumb */

p.breadcrumb {
  font-weight:bold;
  font-style: italic;
  margin-top: 0;
  padding-top: 0;
}

/* Titles */

h1, h2, h3 {
	font-family: Arial, Sans-Serif;
	text-align:left;
	line-height: normal;
	padding: 0;
  margin: 1em 0;
}

h1 {
	font-size: 2em;
	margin: 0 0 1em;
}

h2 {
  font-size: 1.5em; 
}

h3 {
  font-size: 1.25em;
}

/* Related box */

#related {
  float: right;
  border: solid 1px #CCC;
  padding: 1em;
  margin: 0 0 1em 1em;
  background: #FFFFE0;
  max-width: 33%;
}

#related ul {
  list-style-type:none;
  margin:0 0 .5em .5em;
  padding:0;
}

#related div.heading1 {
  font-family: Arial, Sans-Serif;
  font-weight: bold;
  font-size: 1.25em;
  margin-bottom: 0.5em;
}

#related div.heading2 {

}

/* Links */

a {
	color: blue;
	text-decoration: none;
	outline: none;
}

a:hover {
  color: navy;
  text-decoration: underline;
}

a img {
  border: none;
}

/* Next, previous, up */

#main div.prevnextup {
  font-weight:bold;
}

#main div.prevnextup div {
  float:left;
  width:48%;
  text-align:center;
  padding: 0 0.5% 0 0.5%;
}

/* Footnotes */

sup.footnote {
  color: blue;
  cursor: help;
}

div#footnotes {
  display:none;
}

ol#all_footnotes {
  font-size: 91.67%;
  padding:0;
  margin: 0 0 0 3em;
  line-height: normal;
}

ol#all_footnotes li {
  padding: 0;
  margin: 0 0 1em 0;
}
div#footnote {
 width:380px;
 position:absolute;
 background:#F5F5F5;
 border:solid 1px #333;
 z-index:10;
 padding: 10px;
 font-size: 91.7%;
 line-height: normal;
}

/* Navigation sidebar */

#sidebar .heading {
  font-size: 1.5em;
  font-weight: bold;
  margin: 0 0 1em 0;
}

#sidebar div.chapter {
  margin-bottom:1em;
}

#sidebar div.chapter div.title {
  margin-bottom: .5em;
}

#sidebar div.chapter div.title span { /* plus/minus sign */
  position:absolute;
  width: 15px;
  cursor: pointer;
  text-indent:-1000px;
}
#sidebar div.collapsed div.title span {
  background:url(../img/collapsed.png) no-repeat center left;
}
#sidebar div.expanded div.title span {
  background:url(../img/expanded.png) no-repeat center left;
}

#sidebar div.chapter div.title a {
  margin-left: 15px;
  font-weight: bold;
  font-size: 108.3%; /* 13 px */
}
#sidebar div.chapter div.title.active a { /* highlight of current chapter */
  color:navy;
  text-decoration:underline;
}

#sidebar div.chapter ul {
  list-style-type:none;
  margin:0 0 0 20px;
  padding: 0;
}
#sidebar div.chapter ul li {
  margin: 0;
  padding: 0;
  text-indent: -5px;
}

#sidebar div.chapter ul li.active a { /* highlight of current section */
  color: navy;
  text-decoration: underline;
}
#sidebar div.chapter ul li.active ul li a { /* lowlight of subsection if highlighted section */
  color: blue;
  text-decoration: none;
}
#sidebar div.chapter ul li.active ul li a:hover { /* lowlight of subsection if highlighted section */
  color: navy;
  text-decoration: underline;
}
#sidebar div.chapter ul ul {
  margin:0 0 0 5px;
  font-size:91.7%; /*11 px */
}

#sidebar div.collapsed ul {
  display:none;
}

/* General elements and classes */

.clear {
  float:none;
  clear: both;
}

.center {
  text-align: center;
}

small, .small {
  font-size: 91.7%;
}

grayish, .grayish {
  color:darkgray;
}

.floatright {
  float:right;
}

.valid {
  background: #ccffcc;
  padding: 1em;
}

.invalid {
  background: #ffcccc;
  padding: 1em;
}

.framed {
  border: solid 1px #EEE;
  padding: 3px;
  background: white;
}

.image {
  float: left;
  width: 25%;
  text-align: center;
  height: 150px;
  margin: 1em 0;
}

/* Map */

#map {
  height: 500px;
  border: solid 1px #CCC;
  overflow: hidden;
}

#map div.tooltip {
  background-color: #FFFFE0;
  border:solid 1px #CCC;
  width:250px;
  padding: 1em;
  font-size:91.7%;
  line-height:normal;
}

#map div.balloon {
  line-height: normal;
}

/* Footer */

#footer .jamo {
  font-size: 11px;
  color: #666;
}

#footer .jamo a {
  color: #666;
  text-decoration: underline;
}