/* ###### Body Text ###### */

body {
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
  font-size: 94%; 
  margin: 0;
}

h1, h2, h3 {
  font-family: "trebuchet ms", verdana, tahoma, sans-serif;
}

h1 {
  font-size: 175%;
  font-weight: bold;
  line-height: 1.2em;
}

h2 {
  font-size: 150%;
  font-weight: bold;
  line-height: 1em;
}

h3 {
  font-size: 125%;
  font-weight: bold;
  line-height: 1em;
}

img {
  border: none;
}

acronym {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  cursor: help;
}

code {
  font-family: "lucida console", monospace;
  font-size: 95%;
}

dt {
  font-weight: bold;
}

dd {
  padding-bottom: 1.5em;
}

a.external {
  padding: 0 14px 0 0; 
  margin: 0 2px 0 0; 
  background: url("/images/external.png") no-repeat 100% 10%;
}

/* ###### Header ###### */

#header {
  height: 2em;
  margin-bottom: 5mm;
  padding: 0 2.5mm 0 4mm;
  border-bottom-style: solid;
  border-bottom-width: 5px;
}

.headerTitle {
  font-size: 150%;
  text-decoration: none;
  font-weight: bold;
  font-style: italic;
  line-height: 1.5em;
}

.headerTitle span {
  font-weight: normal;
}

.menuBar {
  font-size: 75%;
  position: absolute;
  right: 2ex;
  top: 1.2em;
}

.menuBar * {
  text-decoration: none;
  font-weight: bold;
  padding-left: 1ex;
  padding-right: 2ex;
}


/* ###### content ###### */
#content { 
  margin: 15px; 
}

.section {
  margin: 5px;
  margin-bottom: 15px; 
  padding: 2px;
}


/* ###### Colors ###### */

body { 
  background-color: white; 
}

#header { 
  border-color: #c0d0c0;  
  background-color: #333366; 
}

.headerTitle { 
  color: #cddbcd; 
}

.headerTitle span { 
  color: white; 
}

.menuBar, .menuBar * { 
  color: white; 
} 

.menuBar a:hover { 
  color: #c0d0c0; 
}

#content { 
  color: #333366; 
  background-color:white;
}

.section {
  border-right: 7px solid #cddbcd; 
  padding-right: 14px; 
  padding-left: 7px;
  background-color:white; 
}

.section h1 {
  border-bottom: 1px solid #c0d0c0; 
}

.section h2 {
  border-bottom: 1px dashed #c0d0c0; 
}