/* Start everyone on an equal footing, since different browsers
   have different values for the margins. */

* {
  margin: 0;
  padding: 0;
} 

/* Set some reasonable defaults for the page body. */

body {
  font-family: Arial, Helv, sans-serif;
  font-size: 12pt;
  background-color: #dddddd;
  color: white;
}

/* Setup the headings */

h1 {
  font-size: 22pt;
  font-weight: bold;
  text-align: left;
  margin: 0.5em 0 0.5em 0;
}

h2 {
  font-size: 16pt;
  font-weight: bold;
  text-align: left;
}

h3 {
  font-size: 14pt;
  font-weight: bold;
}

h4 {
  font-size: 12pt;
  font-weight: bold;
}

/* Set margins for various regular tags */
  
p {
  margin: 0.7em 0;
}

ul, ol, dl {
  margin: 0.7em 0;
}

li {
  margin: 0 0 0 1.5em;
}

ul.spaced {
  margin: 0 0;
}

ul.spaced li {
  margin: 0.7em 0 0 1.5em;
}


/* Define link behavior. By default we don't want them underlined 
   except maybe when we hover over them */

#header a, #header a:visited {
  color: white;
  text-decoration: none;
}

#header a:hover {
  text-decoration: none;
}

#content a, #content a:visited {
  color: blue;
  text-decoration: none;
}

#content a:hover {
  text-decoration: underline;
}

#footer a, #footer a:visited {
  color: blue;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}


/* Define the major divisions of the page */

#page {
  margin: 10px auto;
  border: 1px solid black;
  width: 768px;
  background-color: white;
  color: black;
}

#header {
  padding: 8px;
  background-color: #990000;
  color: white;
  text-align: center;
  margin-bottom: 10px;
  font-size: 12pt;
  font-weight: bold;
}

#content {
  margin: 0px 20px 20px 20px;
}

#footer {
  padding: 10px;
  background-color: white;
  color: black;
  text-align: right;
  font-size: 70%;
}

/* Article list */

#articles {
  margin: 0 auto;
}

#articles td {
  vertical-align: top;
  padding: 0 1em 0 1em;
}

/* Control how the site name and site description look */

#sitename {
  font-size: 16pt;
  font-weight: bold;
  padding: 4px 0 8px 0;
}

#sitedesc {
  font-size: 16pt;
  font-weight: bold;
}

/* Settings for the top link unit */

#linkunit_top {
  margin: 0 0 20px -3px;
}
 
/* Settings for the first ad, the one immediately after
   the <h1> */

#ad_after_h1 {
  margin-right: 0.5em;
  float: left;
}

/* Settings for the bottom ad */

#ad_before_footer {
  margin-top: 1em;
  text-align: center;
}

/* Navigation links */

#prevlink {
  text-align: right;
  margin: 1em 0;
}

#nextlink {
  text-align: right;
  margin: 1em 0;
}

div.image {
  text-align: center;
  padding: 0.5em 0;
}

div.image img {
  border: 1px solid black;
}

div.image img.noborder {
  border: none;
}

img.bordered {
  border: 1px solid black;
}

img.noborder {
  border: none; 
}

div.mainimage img {
  margin: 1em 0 1em 0;
  border: 1px solid grey;
}

#leftcol {
  padding-right: 1em;
  width: 200px;
}

#ad_in_article_list {
  text-align: center;
  margin: 1em;
}

#ad_after_p2 {
  text-align: center;
  margin: 1em;
}

div.secondaryimage img {
  margin: 0 0 0 1em;
  border: 1px solid grey;
  float: right;
}