/*  CSS for GoodVibrations  */

body {
 font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
 color: #CCCCCC;
 background-color: #000066;
 padding: 10px;
 font-size: 100%;
}

#header {
 font-size: 100%;
}

#header h1 {
 font-size: 220%;
 font-weight: bold;
 font-style: italic;
 text-align: center;
 margin-top: 0cm;
 margin-bottom: 0.1cm;
 color: #DDDD00;
 background-color: #000066;
}

a {
 font-weight: bold;
 text-decoration: none;
 color: white;
}

a:link {
 color: white;
}

a:visited {
 color: #FFFF00;
}

a:hover {
 text-decoration: underline;
 color: white;
 background-color: #000066;
}

a:active {
 color: aqua;
 background-color: #000066;
} /* Link specifications must be in this order LVHA */

strong {
 color: #FFFFFF;
}

#navigation {
 background-color: #000066;
 color: #000066; /* I do not understand why this controls the border colour for the right borders in my table and NOT the text colour */
 text-align: center;
 font-size: 90%;
}

#navigation a {
 color: aqua; 
 text-decoration: none;
 font-weight: bold;
}

#navigation a:hover {
 background-color: yellow;
 color: #000066;
 text-decoration: underline;
}

#navigation table {
 background: url('gfx/navbg.jpg');
  border-color: #FFFFFF;
}

#navigation td {
 border-right: thin solid;
 vertical-align: middle;
}

#navigation td.last {
 border-right: none;
}

h1 {
 font-size: x-large; 
 font-weight: bold;
 font-style: italic;
 text-decoration: none; /* can be OVERLINE, underline or line-through too */
 margin-top: 0.75cm;
 margin-bottom: 0cm;
 background-color: #000066;
 color: #FFFFFF;
}

h2 {
 font-size: medium;
 font-weight: bold;
 margin-top: 0.75cm;
 margin-bottom: -0.2cm;
}

img {
 border: 0;
}

p.fineprint {
 font-size: 80%;
}

p.noscript {
 font-size: 75%;
 text-align: center;
}

p.heavyemphasis {
 font-size: 110%;
 text-align: center;
 font-weight: bold;
 color: red;
}

ul {
 list-style-image: url('gfx/ul.gif');
 margin-left: 1cm;
 margin-right: 2cm;
}

li.quotes {
 margin-bottom: 0.5cm;
}

table {
 width: 100%;
 border-width: thin;
}

td {
 vertical-align: bottom;
}

tr.colheading {
 color: white;
 background: url('gfx/navbg.jpg');
}

#footer a {
 font-weight: normal;
}

#footer p {
 text-align: center;
 font-style: italic;
 font-size: 95%;
}

#footer p.fineline {
 border-top: solid;
 border-width: 1px;
}