/* ------------------------ */
/* --- main site format --- */
/* ------------------------ */

body
{
  background-image: url("../images/site/background.gif");
  font-family: Arial, Helvetica, sans-serif;
}

#intro
{
  font-size: 0.8em;
  margin: 10px;
  line-height: 1.6em;
}

#content
{
  background-color: #dfeeff;
  position: absolute;
  left: 30px;
  right: 30px;
  top: 30px;
  bottom: 30px;
  border: 6px black ridge;
  overflow: auto;
}

#header
{
  background-image: url("../images/site/header_background.gif");
  background-color: #00439d;
  font-size: 0.75em;
  font-weight: bold;
  text-align: center;
  color: white;
  border-bottom: 10px #dfeeff groove;
  padding: 5px;
}

#header h1
{
  font-family: Tahoma, Arial, sans-serif;
  font-size: 2em;
  font-weight: bold;
  margin: 0px;
  margin-bottom: 10px;
}

#topics
{
  font-size: 1em;
  left: 40px;
  right: 40px;
  padding: 10px;
}


/* --------------------- */
/* --- table formats --- */
/* --------------------- */
table.topictable
{
  background-color: white;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 20px;
}

table.topictable caption
{
  font-family: Tahoma, Verdana, Arial, sans-serif;
  background-color: #008aff;
  color: #ffee00;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.2em;
}

table.topictable th
{
  background-color: #7dc3ff;
  text-align: left;
  color: #d00000;
  font-weight: bold;
  padding-left: 5px;
}

table.topictable, table.topictable td
{
  border: 1px gray dashed;
}

table.topictable td
{
  font-size: 0.85em;
  padding: 4px;
}

col.article_titlecol
{
  width: 65%;
}

col.article_keywordscol
{
  width: 25%
}

col.article_linkcol
{
  width: 10%;
}


.topicentrytext
{
  color: black;
  padding-right: 20px;
}

table.topictable .keywords
{
  color: gray;
}


/* ------------------- */
/* --- link format --- */
/* ------------------- */
a
{
  text-decoration: none;
/*  text-transform: capitalize;*/
}

a img
{
  border: 0px;
}

a:hover, a:focus
{
  color: white;
  background-color: #d00000;
}


/* ---------------------- */
/* --- content format --- */
/* ---------------------- */
p.imaged
{
  text-align: center;
  font-size: 0.75em;
  font-weight: bold;
}

p.imaged img
{
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}

p#w3clinks, p#adds
{
  text-align: center;
}