/*
Fonts:

SANS-1:
  font-family: 'lucida grande', verdana, geneva, lucida, sans-serif;
SANS-2:
  font-family: tahoma, geneva, helvetica, lucida, sans-serif;
SANS-3:
  font-family: helvetica, tahoma, lucida, sans-serif;
SERIF-1:
  font-family: georgia, 'times new roman', times, serif;
SERIF-2:
  font-family: 'times new roman', times, serif;
FIXED-WIDTH:
  font-family: 'courier new', courier, serif;

*/

/* Keywords */

A.keyword {
  text-decoration: none !important;
  color: #000 !important;
  border-bottom: 1px #999 dotted;
  cursor: help;
  }

A.keyword:hover { background: #ccc; }

/* --- SCREEN --- */

BODY {
  margin: 0em 0em 0em 0em; 
  padding: 0em 0em 0em 0em; 
  color: #fff;
  }

BODY, TABLE, TH, TD { font-size: 100%; }

A:link { text-decoration: none; }
A:active { text-decoration: none; }
A:visited { text-decoration: none; }
A:hover { text-decoration: underline; }

SPAN.display { display: none; }

/* --- BANNER --- */
   
#q { 
  position: absolute; 
  top: 2.5em; 
  left: 0px;
  height: 350px;
  width: 150px;
  background: url(../images/question.gif) no-repeat top left;
  font-weight: bold;
  z-index: 0; 
  }

#w { 
  position: absolute; 
  top: 0px; 
  left: 0px;
  margin: 0px;
  padding: 0px 0.5em 0px 0px;
  font-size: 2.5em; 
  font-family: georgia, 'times new roman', times, serif; 
  font-weight: bold; 
  font-style: italic; 
  color: #fff; 
  z-index: 15; 
  }

#w A { text-decoration: none; color: #fff; }

#c { 
  position: absolute; 
  top: 2.85em; 
  left: 8em; 
  font-size: 0.8em; 
  font-family: helvetica, tahoma, lucida, sans-serif;
  font-weight: bold; 
  color: #fff; 
  z-index: 15; 
  }

#c A { color: #fff; }
   
#quote {
  position: absolute;
  margin: 0em;
  padding: 0em 0.25em 0em 18.5em;
  top: 0em;   
  right: 0em;
  }

#quote TABLE {
  height: 5em;
  text-align: right;
  font-size: 0.7em;  
  line-height: 1.25em;
  font-family: tahoma, geneva, helvetica, lucida, sans-serif;
  color: #fff;
  }

#quote I {
  line-height: 1em;
  font-family: georgia, 'times new roman', times, serif;
  word-spacing: 0.1em;
  }

#quote A { color: #fff; text-decoration: underline; }

/* --- MENU --- */

#top { 
  width: 100%; 
  height: 4em; 
  margin: 0em; 
  padding: 0em; 
  border: 0em;
  color: #fff; 
  }

.menu { 
  width: 100%; 
  margin: 0em; 
  padding: 0em; 
  font-family: 'lucida grande', verdana, geneva, lucida, sans-serif;
  font-size: 0.7em; 
  line-height: 1.2em; 
  font-weight: bold; 
  border-bottom: 1px #fff solid;
  color: #fff; 
  }
   
/* --- SIDEBAR --- */

#sidebar { 
  margin: 31em 0em 0em 0.25em; 
  padding: 0em 0em 0.15em 0em; 
  border-top: 1px #fff solid; 
  border-left: 1px #fff solid; 
  border-bottom: 3px #fff double; 
  font-family: 'lucida grande', verdana, geneva, lucida, sans-serif;
  font-size: 0.65em;
  }

A.sidehead:link, A.sidehead:visited { 
  display: block; 
  padding-left: 0.15em; 
  border-bottom: 3px #000 double; 
  background: #fff;
  font-weight: bold; 
  text-transform: uppercase; 
  }

A.sidehead:active, A.sidehead:hover { text-decoration: none; }

A.sideitem:link, A.sideitem:visited { 
  display: block; 
  padding: 0.2em 0em 0.3em 0.2em; 
  line-height: 0.9em;
  color: #fff; 
  }

A.sideitem:active, A.sideitem:hover { color: #fff; text-decoration: none; }

#sidebar HR {
  margin: 0em 0.2em 0em 0.2em;
  padding: 0em;
  border-bottom: 1px #fff solid;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  }

A.search:link, A.search:visited { 
  display: block;
  padding: 0em 0em 0em 0.25em;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  }

A.search:active, A.search:hover { color: #fff; text-decoration: none; }
  
#sidebar INPUT {
  width: 92%;
  margin: 0px 0.25em 0.2em 0.3em;
  padding: 0px;
  border: 1px #fff solid;
  font-size: 1em;
  font-family: tahoma, geneva, helvetica, lucida, sans-serif;
  color: #000;
  }

/* --- FRAME --- */
   
#screen { 
  position: absolute; 
  top: 4em; 
  margin: 0em; 
  padding: 0em 0em 0.4em 0em;
  color: #fff;
  }

TD#bar { 
  width: 7em; 
  margin: 0em; 
  padding: 0em;
  color: #fff; 
  }

TD#content { 
  margin: 0em; 
  padding: 0em; 
  border-top: 1px #fff solid; 
  border-left: 1px #fff solid; 
  border-bottom: 1px #fff solid;
  color: #fff;
  }

TD#left { 
  margin: 0em; 
  padding: 0.2em 7px 0.5em 5px; 
  background: #fff; 
  border-left: 2px #000 solid; 
  border-top: 2px #000 solid; 
  border-bottom: 2px #000 solid;
  background: #fff;
  color: #000;
  }

TD#right { 
  width: 150px; 
  margin: 0em; 
  padding: 3.95em 5px 0em 7px; 
  background: #fff; 
  border-left: 1px #000 solid; 
  border-top: 2px #000 solid; 
  border-bottom: 2px #000 solid;
  background: #fff;
  color: #000;
  }

TD#right-resources { 
  width: 150px; 
  margin: 0em; 
  padding: 1.85em 5px 0em 7px; 
  background: #fff; 
  border-left: 1px #000 solid; 
  border-top: 2px #000 solid; 
  border-bottom: 2px #000 solid;
  background: #fff;
  color: #000;
  }
   
.base { 
  width: 100%; 
  margin: 0em; 
  padding: 0em; 
  font-family: 'lucida grande', verdana, geneva, lucida, sans-serif;
  font-size: 0.7em; 
  font-weight: bold; 
  border-top: 1px #fff solid;
  color: #fff; 
  }

.base A:link, .base A:visited { color: #fff; }
.base A:active, .base A:hover { background: #fff; text-decoration: none; }

/* --- CONTENT --- */

FORM {
  margin: 0px;
  padding: 0px;
  }

H1 {  /* title/headline */
  margin: 0em;
  padding: 0em;
  border-bottom: 1px #000 solid;
  font-family: 'lucida grande', verdana, geneva, lucida, sans-serif;
  font-size: 1.35em;
  font-weight: bold;
  }

H2 {  /* mostly just used on wikipedia entries */
  margin: 1em 0em 0.25em 0em;
  border-bottom: 1px #000 dotted;
  font-family: georgia, 'times new roman', times, serif;
  font-size: 1.25em;
  font-weight: bold;
  font-style: italic;
  background: transparent !important;
  color: #000 !important;
  border: #fff 0px solid;
  text-decoration: underline;
  }

H3 {
  margin: 1em 0em 0.5em 0em;
  border-bottom: 1px #000 dotted;
  }

H4 { /* author, source, date */
  margin: 0em; 
  padding: 0.2em 0.25em 0.05em 0.25em;
  border-bottom: 1px #000 solid;
  font-family: 'lucida grande', verdana, geneva, lucida, sans-serif;
  font-size: 0.75em;
  font-weight: normal;
  }

H4 A { font-weight: bold; }

H4.resources {
  margin: -1.5em 0em 0em 0em; 
  padding: 0.1em 0.25em 0em 0em;
  border-bottom: 0px #fff solid;
  font-family: 'lucida grande', verdana, geneva, lucida, sans-serif;
  font-size: 0.7em;
  font-weight: bold;
  text-align: right;
  background: transparent;
  }

H4.features {
  margin: -1.5em 0em 1em 0em; 
  padding: 0.1em 0.25em 0em 0em;
  border-bottom: 0px #fff solid;
  border-top: 1px #000 solid;
  font-family: 'lucida grande', verdana, geneva, lucida, sans-serif;
  font-size: 0.7em;
  font-weight: bold;
  text-align: right;
  background: #fff;
  }

A.image IMG { /* for wikipedia images */
  margin: 0em 0em 1em 1em;
  padding: 0em;
  border: 1px #000 solid;
  }

DIV.read-abstract {
  margin: 1.15em 0em 0em 0.5em;
  padding: 0.25em 0em 0.25em 0.1em;
  width: 200px;
  float: right;
  text-align: right;
  background: #fff;
  font-family: helvetica, tahoma, lucida, sans-serif;
  font-size: 85%;
  font-weight: bold;
  line-height: 160%;
  border-bottom: 1px #000 solid;
  border-top: 1px #000 solid;
  }

DIV.description {
  margin: 0.5em 0em 0em 0em;
  padding: 0em 0em 0.25em 0em;
  text-align: justify;
  font-family: georgia, 'times new roman', times, serif;
  font-size: 1em;
  line-height: 1.25em;
  border-bottom: 3px #000 double;
  }

DIV.description P {
  margin: 0em;
  padding: 0em;
  }

DIV.description A {
  font-weight: bold;
  }

DIV.results {
  margin: 0.5em 0em 1em 0em;
  padding: 0.5em 0em 0em 0em;
  border-top: 1px #000 solid;
  font-family: 'lucida grande', verdana, geneva, lucida, sans-serif;
  font-size: 0.8em;
  text-align: center;
  }

DIV.results P { margin: 0em; padding: 0em; }
DIV.results A.nav { font-weight: bold; }

DIV.content {
  margin: 1em 0em 0em 0em;
  padding: 0em;
  text-align: justify;
  font-family: georgia, 'times new roman', times, serif;
  font-size: 0.85em;
  line-height: 1.25em;
  }

DIV.content P {
  margin: 0em 0em 0.75em 0em;
  padding: 0em;
  }

DIV.content DL {
  margin: 0.5em 1em 0.5em 1em;
  padding: 0em;
  font-size: 90%;
  font-family: 'lucida grande', verdana, geneva, lucida, sans-serif;
  }

DIV.content DT {
  font-weight: bold;
  }

DIV.content DD {
  margin-left: 1.5em;
  }

/*P:first-letter {
  margin: -0.15em 0.1em -0.25em 0em;
  padding: 0em;
  font-family: 'times new roman', times, serif;
  font-size: 300%;
  font-weight: bold;
  float: left;
  }

P:first-line {
  font-variant: small-caps;
  font-family: 'times new roman', times, serif;
  font-size: 110%;
  line-height: 1.1em;
  }*/

#left DIV.content A:link { text-decoration: underline; }
#left DIV.content A:active { text-decoration: underline; }
#left DIV.content A:visited { text-decoration: underline; }
#left DIV.content A:hover { text-decoration: none; }
#left H1 A { text-decoration: none; }

#left BLOCKQUOTE {
  font-size: 90%;
  font-family: 'lucida grande', verdana, geneva, lucida, sans-serif;
  margin: 0.5em 1em 0.5em 1em;
  padding: 0em;
  }

DIV.content OL OL {
  list-style-type: lower-alpha;
  }

DIV.content CITE {
  display: block;
  text-align: right;
  font-style: italic;
  font-family: georgia, 'times new roman', times, serif;
  }

DIV.content UL {
  font-size: 90%;
  font-family: 'lucida grande', verdana, geneva, lucida, sans-serif;
  margin: 0.5em 1em 0.5em 1em;
  padding: 0em 1em;
  }

DIV.content UL LI { list-style-type: square; }

A.footnote {
  padding-left: 2px;
  font-family: tahoma, geneva, helvetica, lucida, sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  }

#left DIV.content A.footnote { text-decoration: none; }

A.footnote:before { content: '(';}
A.footnote:after { content: ')'; }

DIV.endnote {
  margin: 1.5em 0em 1em 0em;
  padding: 0em 0em 0em 0em;
  border-top: 1px #000 solid;
  font-size: 0.8em;
  font-family: 'lucida grande', verdana, geneva, lucida, sans-serif;
  }

DIV.endnote P {
  margin: 0.5em 0em 0.5em 0em;
  padding: 0em 0em 0em 1.4em;
  text-indent: -1.5em;
  }

DIV.endnote P A { font-weight: bold; }

A.sourceurl {
  display: block;
  margin: 1em 0em 0.5em 0em;
  padding: 0em;
  text-align: left !important;
  font-family: 'lucida grande', verdana, geneva, lucida, sans-serif;
  font-size: 0.8em;
  }

.right {
  margin: 0em 0em 1em 0em;
  padding: 0.25em;
  border-top: 1px #000 solid;
  border-bottom: 1px #000 solid;
  font-family: tahoma, geneva, helvetica, lucida, sans-serif;
  font-size: 0.7em;
  font-weight: bold;
  }

.right A:hover { text-decoration: none; }

.right DIV.link {
  margin: 0em;
  padding: 0.4em 0em 0em 0em;
  font-weight: normal;
  line-height: 1.05em;
  }

/* --hide from ie5 mac-- \*/
.right DIV.link { display: list-item; list-style: square inside; }
/* --bye bye ie5-- */

#open {
  font-weight: normal;
  }

#open A {
  display: inline;
  font-weight: normal;
  text-decoration: underline;
  }

.right DIV.action {
  display: block;
  margin: 0em;
  padding: 0.3em 0em 0em 0em;
  font-weight: normal;
  line-height: 0.8em;
  }

.right SPAN {
  font-family: 'courier new', courier, monospace, serif;
  text-transform: uppercase;
  color: #666;
  }

#feature {
  font-style: italic;
  font-family: 'times new roman', times, serif;
  font-size: 0.75em;
  }

#feature B {
  font-style: normal;
  font-weight: bold;
  font-family: tahoma, geneva, helvetica, lucida, sans-serif;
  font-size: 0.9em;
  }

#feature A {
  font-style: normal;
  font-family: tahoma, geneva, helvetica, lucida, sans-serif;
  font-size: 0.9em;
  }

#feature A:link { text-decoration: underline; }
#feature A:active { text-decoration: underline; }
#feature A:visited { text-decoration: underline; }
#feature A:hover { text-decoration: none; }

DIV.image {
  margin: 0.25em 0em 0em 0.75em;
  padding: 0.25em 0em 0.25em 0.75em;
  width: 250px;
  float: right;
  text-align: right;
  background: #fff;
  font-family: helvetica, tahoma, lucida, sans-serif;
  font-size: 85%;
  }

DIV.image IMG {
  margin-bottom: 3px;
  }

DIV.caption {
  color: #999;
  line-height: 1em;
  margin: -0.25em 0em 0.5em 0em;
  padding: 0em;
  font-size: 95%;
  font-family: 'lucida grande', verdana, geneva, lucida, sans-serif;
  }

DIV.image A { font-weight: bold; font-size: 95%; }