body
{ 
  background: #00004a;
  position: 0 0;
  color: white;
}

a img { border: none;  }

a:link { color: silver; }
a:visited {  color: yellow; }

div#banner
{ 
  height: 130px;
  background: white;
  background-image: url("../minipics/banner.jpg");
  background-repeat: no-repeat;
  background-position: 50% 100%;
  border-bottom-style: solid;
  border-color: maroon;
  margin-left: 2em;
  margin-right: 1.5em;
}

div#banner h1
{
  position: absolute;
  top: 75px;
  color: red;
  font-weight: bold;
  margin-left: 1em;
}

#content
{ 
  background: #dfdfdf;
  margin-left: 2em;
  margin-right: 14em;
  padding: 1em 2em 1em 2em;
  color: black;
  min-height: 25em;
}

#content a:link { color: blue; }
#content a:visited { color: purple; }

blockquote { text-align: center; padding-bottom: 1em; }
blockquote div.quote 
{  
  font-family:  garamond, serif; 
  font-style: italic;
}

blockquote div.author { font-weight: bold; }

div#sidebar
{ 
  position: absolute;
  right: 2em;
  width: 12em;
  z-index: 100;
}

div#menu
{ 
  border: solid;
  border-color: maroon;
  font-weight: bold;
  font-family: verdana, sans-serif;
  font-size: 16px;
}

div#menu span#current
{
  display: block;
  background: gray;
  text-align: center;
  margin-top: 1px;
  margin-bottom: 1px;
  border: none;
}

div#menu span#current a:link
{ 
  background: inherit;
  color: white;
}

div#menu span#current a:visited
{ 
  background: inherit;
  color: white;
}

div#menu a
{ 
  display: block;
  background: silver;
  text-align: center;
  text-decoration: none;
  margin-top: 1px;
  margin-bottom: 1px;
  border: none;
}

div#menu a:hover
{ 
  background: black;
}

div#menu a:link { color: teal; }
div#menu a:visited { color: teal; }
div#menu a span
{ 
  display: none;
}

div#menu a:hover span
{ 
  display: block;
  position: absolute;
  top: 20em;
  width: 8em;
  left: 2em;
  background: black;
  z-index: 100;
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
  font-family: verdana, sans-serif;
  font-size: 10px;
  color: white;
}

.submenu
{
  font-family: verdana, sans-serif;
  font-size: 16px;
  color: white;
  text-align: center;
  margin-top: 1em;
}

.submenu .title
{
  font-style: italic;
  font-size: 110%;
  font-family: 'Times New Roman', Times, serif;
  display: block;
}

.submenu a:link 
{ 
  color: white; 
  text-decoration: none;
}

.submenu a:visited 
{ 
  color: white; 
  text-decoration: none;
}

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


#footer
{
  clear: both;
  margin-left: 2em;
  margin-right: 2em;
}

#footer div#copyright
{ 
  font-family: verdana, sans-serif;
  font-style: italic;
  font-size: 10px;
}

#footer div#modification 
{  
  float: left; 
  font-family: verdana, sans-serif;
  font-style: italic;
  font-size: 10px;
}

#footer div#generator 
{  
  float: right;  
  font-family: verdana, sans-serif;
  font-style: italic;
  font-size: 10px;
}

#footer div#credit
{ 
  text-align: center;
  font-family: verdana, sans-serif;
  font-style: italic;
  font-size: 10px;
}

#content h1#title
{ 
  background: #00004a;
  text-align: center;
  border-style: solid;
  border-color: maroon;
  color: white;
  margin-left: 5em;
  margin-right: 5em;
  margin-bottom: 1em;
  clear: both;
}

#content div#leftcol
{
  float: left;
  width: 50%;
}

#content div#rightcol
{
  float: left;
  width: 50%;
}

#content div#leftcol h4, #content div#rightcol h4
{ 
  color: red;
  margin-bottom: 0;
}

#content div#leftcol h4 + p
{ 
  margin-top: 0;
  padding-right: 2em;
}

#content div#rightcol h4 + p
{ 
  margin-top: 0;
}

#content div#leftcol ul, #content div#rightcol ul
{ 
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
  margin-right: 2em;
  margin-top: 0;
}

#content div#leftcol ul li ul, #content div#rightcol ul li ul
{ 
  list-style-type: circle;
  padding-left: 1.5em;
  margin-top: 0;
}

#content div#colfooter
{ 
  clear: both;
  color: black;
  font-size: 10px;
}

#content div#tavernheader
{ 
  text-align: center;
  margin-bottom: 1em;
}

#content div#tavernheader h1
{ 
  margin-bottom: 0;
}

#content div.navmenu
{ 
  clear: both;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
}

ol.alpha
{ 
  list-style-type: lower-alpha;
}

img.left
{ 
  float: left;
}

img.right
{ 
  float: right;
}

table.featuretable
{ 
  border-style: groove;
  border-collapse: separate;
  width: 100%;
}

table.featuretable * th
{ 
  border-style: groove;
}

table.featuretable * td
{ 
  border-style: groove;
}

table.featuretable tr td.notwork
{ 
  background: red;
  text-align: center;
}

table.featuretable tr td.work
{ 
  background: lightgreen;
  text-align: center;
}

table.featuretable tr td.unknown
{ 
  text-align: center;
}

span.date
{ 
  font-style: italic;
  margin-right: 1em;
}

pre
{ 
  background: #efefef;
  margin-left: 1em;
  margin-right: 1em;
  border-style: solid;
}

div.callingcard
{ 
  background: #efefef;
  margin-left: 1em;
  margin-right: 1em;
  padding: 1em;
  border-style: solid;
}