/********** Body **********/

body
{
  background-color: #001133;
  margin: 3px;
  padding: 0;
  font-family: sans-serif;
}

@media print
{
  body
  {
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
    font-family: sans-serif;
  }
}

/********** General styling **********/

div
{
  margin: 0;
  padding: 0;
  border: none;
}

div.clear
{
  width: 100%;
  height: 0;
  clear: both;
}

div.floatLeft
{
  float: left;
  margin: 5px 10px 5px 0px;
}

div.floatRight
{
  float: right;
  margin: 5px 0px 5px 10px;
}

div.centre
{
  width: 100%;
  text-align: center;
}

div.infoBox
{
  border: solid 2px #224499;
  margin: 3px;
  padding: 3px;
}

img
{
  border-style: none;
  margin: 0;
  padding: 0;
}

h1
{
  margin: 1.0em 0em 0.5em 0em;
  font-size: x-large;
  font-weight: bold;
}

h2
{
  margin: 1.5em 0em 0.5em 0em;
  font-size: large;
  font-weight: bold;
}

h3
{
  margin: 1.5em 0em 0.5em 0em;
  font-size: medium;
  font-weight: bold;
}

p, li
{
  margin: 0em 0em 0.5em 0em;
}

a
{
  border: none;
  padding: 0;
  margin: 0;
}

/********** Header, logo and banner ad **********/

div#header
{
  clear: both;
  padding: 3px;
  text-align: center;
  height: 60px;
  overflow: hidden;
  background-color: #5566AA;
  background-image: url("gradient01.png");
  background-repeat: repeat-x;
}

@media print
{
  div#header
  {
    display: none;
  }
}

div#logo
{
  height: 60px;
  float: left;
  margin: 0px 3px 3px 0px;
}

@media print
{
  div#logo
  {
    display: none;
  }
}

span#ad_banner
{
}

div#corner_paypal
{
  height: 60px;
  float: right;
  margin: 0px 0px 3px 3px;
}

@media print, handheld
{
  span#ad_banner
  {
    display: none;
  }
  div#corner_paypal
  {
    display: none;
  }
}

/********** Other ads **********/

div#ad_tall
{
}

div#ad_wide
{
}

@media print, handheld
{
  div#ad_tall
  {
    display: none;
  }

  div#ad_wide
  {
    display: none;
  }
}

/********** Menu bar **********/

div#menuBar
{
clear: both;
padding: 5px 10px 5px 10px;
background-color: #224499;
color: #BBCCFF;
}

div#menuBar a
{
color: #BBCCFF;
font-weight: bold;
text-decoration: none;
margin: 0px 15px 0px 0px;
}

div#menuBar a:hover
{
color: #EE8822;
text-decoration: underline;
}

@media print
{
  div#menuBar
  {
    display: none;
  }
}

/********** Location and backtrack bars **********/

div#locationBar, div#backtrackBar
{
  clear: both;
  background-color: #DDDDFF;
  color: #224499;
  padding: 10px 30px 10px 30px;
  font-size: small;
}

@media handheld
{
  div#locationBar, div#backtrackBar
  {
    padding: 5px;
  }
}

div#locationBar a, div#backtrackBar a
{
  color: #224499;
  text-decoration: underline;
}

div#locationBar a:hover, div#backtrackBar a:hover
{
  color: #EE8822;
}

@media print
{
  div#locationBar, div#backtrackBar
  {
    display: none;
  }
}

/********** Content **********/

div#content
{
  clear: both;
  background-color: #FFFFFF;
  padding: 10px 30px 20px 30px;
  text-align: justify;
}

@media handheld
{
  div#content
  {
    padding: 5px;
  }
}

div#content a
{
  color: #224499;
  text-decoration: underline;
}

div#content a:hover
{
  color: #EE8822;
}

@media print
{
  div#content
  {
    padding: 0;
  }

  div#content a
  {
    color: #000000;
    text-decoration: none;
  }
}

span#ad_refer
{
}

div#donate
{
  display: inline;
  width: 354px;
  height: 44px;
  margin: 20px;
}

/********** Contact/donation links bar **********/

div#contactBar
{
clear: both;
padding: 5px 10px 5px 10px;
background-color: #88AA55;
color: #EEFFEE;
text-align: center;
}

div#contactBar a
{
color: #EEFFEE;
font-weight: bold;
text-decoration: none;
margin: 0px 15px 0px 0px;
}

div#contactBar a:hover
{
color: #FFCC44;
text-decoration: underline;
}

@media print
{
  div#contactBar
  {
    display: none;
  }
}

/********** Footer **********/

div#footer
{
clear: both;
padding: 10px;
background-color: #224499;
color: #7799DD;
font-size: small;
text-align: center;
}

div#footer a
{
text-decoration: none;
color: #BBCCFF;
}

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

@media print
{
  div#footer
  {
    clear: both;
    border: solid 1pt #000000;
    padding: 1em;
    background-color: #FFFFFF;
    color: #000000;
    font-size: small;
    text-align: center;
  }

  div#footer a
  {
    text-decoration: none;
    color: #000000;
  }
}