/*
  File: contentstyles.css
  Purpose: Styles for the content sections.
  Author: tjk
  Version: $Id:$
*/

/* Note: in XHTML, elements are suggested to have *lowercase* names. */

body 
{ 
  color: #EEEEEE;
  background: #333333;
  font: 0.9em/1.3em Verdana, Geneva, Helvetica, sans-serif;
  margin-left: 15%; 
  margin-right: 15%; 
  margin-top: 2em;
  padding: 0
}

div.content 
{
  background: #EEEEEE;
  color: black;
  padding: 1.5em
}

h1, h2, h3, h4, h5, h6 { line-height: 100% }
h1.title { text-align: center }
h2.subtitle { text-align: center; color: #666666 }
h2.section { margin-left: -0.75em }
h3.subsection { margin-left: -0.5em }

div.iconbar
{
  text-align: right
}
img.icon
{
  border: black 1px;
  height: 33px;
  width: 24px
}

img.tag
{
  width: 30px;
  height: 60px;
  float: left;
  margin-right: 0.5em
}

a { font-weight: bolder }
a:link { color:  #333333 }
a:visited { color: black }
a:active  { color: black }
a:hover { background: white }
a:link, a:visited, a:active { text-decoration: none }

a:link.legaltag { color: white }
a:visited.legaltag { color: #CCCCCC }
a:active.legaltag  { color: white }
a:hover.legaltag { background: #666666 }

.center { text-align: center }

p.endtag { text-align: right; font-style: italic; clear: both }
p.legaltag { text-align: center; font-size: 75% }

.footmark { vertical-align: super; font-size: 75% }
.footnote { font-size: 75%; line-height: 100%; clear: both }

div.box
{
  font: 0.8em/1.1em Verdana, Geneva, Helvetica, sans-serif;
  background: #CCCCCC;
  color: black;
  text-align: center;
  margin: 0.5em;
  border: 1px solid
}

div.boxheader
{ 
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.5em;
  text-align: left;
  background: #AAAAAA;
  font-weight: bolder
}

div.boxinfo
{
  padding-top: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  text-align: left;
  padding-bottom: 0.5em
}

div.boxheader a { font-weight: bolder }
div.boxheader a:link { color:  black; text-decoration: underline }
div.boxheader a:visited { color: black }
div.boxheader a:active  { color: black }
div.boxheader a:hover { background: white }