/* Style Definition ---------------------------------------------------------*
 | Author: Joseph "Uncle Vlad" Stockman (vlad@nachtkind.org)
 * --------------------------------------------------------------------------*/

/* --------------------------------------------------------------------------*
 | Background style for the entire page, including the primary text color
 | and font family.
 * --------------------------------------------------------------------------*/

html, body {
    background : white; 
    color : black;
    font-family : Arial, sans-serif;
    font-size : 14px;
    font-weight : normal;
    font-style : normal; 
    text-decoration : none; 
    margin : 0px;
    padding : 0px; 
    text-align: left;
    vertical-align: top;
    border: none;
}

#banner
{
    background: #7777FF;
    background-image: url( 'img/bglogo.png' );
    margin: 0px;
    padding: 0px;
    text-align: center;
}

/* --------------------------------------------------------------------------*
 | Main hypertext references for links. We leave everything the same colour
 | except when hovering over a link.
 * --------------------------------------------------------------------------*/

a {
    background-color: transparent; 
    color: blue;
    font-weight: normal;
    font-variant: normal; 
    font-style: normal;
    text-decoration: underline;
    white-space: nowrap;
}

a:hover { 
    color: purple;
}

/* --------------------------------------------------------------------------*
 | Paragraphs and text elements
 * --------------------------------------------------------------------------*/

p {
    background-color: transparent;
    margin: 3px 6px 6px 6px;
}

p.new {
    background-color: yellow;
    margin: 3px;
    padding: 3px;
    border: 1px black solid;
}

p.indent {
    margin: 3px 6px 3px 18px;
}

p.center {
    text-align: center;
}

p.clear {
    clear: both;
    padding: 0px;
    margin: 6px 0px 12px;
}

ul {
    background-color: transparent;
    text-align: left;
    margin-top: 3px;
    list-style-position: inside;
}

ol {
    background-color: transparent;
    text-align: left;
}

li {
    background-color: transparent;
    text-align: left;
    list-style-position: outside;
}

/* --------------------------------------------------------------------------*
 | Emphasis and Colour
 * --------------------------------------------------------------------------*/

em {
    background-color: transparent;
    color : #FFFF33;
    text-align: inherit;
    font-variant: normal; 
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

em.normal {
    font-family : Arial, sans-serif;
    font-size : 12px;
    font-weight : normal;
    font-style : normal; 
    text-decoration : none; 
}

em.red {
    color: red;
}

em.white {
    color: white;
}

em.black {
    color: black;
}

/* --------------------------------------------------------------------------*
 | Positioning
 * --------------------------------------------------------------------------*/

div.center {
    background-color: transparent;
    margin: 0px;
    text-align: center;
    clear: both;
}

div.right {
    background-color: transparent;
    margin: 0px;
    text-align: right;
}

hr {
    clear: both;
}

/* --------------------------------------------------------------------------*
 | Menu
 * --------------------------------------------------------------------------*/

#menu {
    background-color: transparent;
    color: black;
    margin: 0px;
    padding: 3px;
    text-align: center;
}

#menu a {
    background-color: transparent;
    color: blue;
    font-size : 12px;
    font-weight: bold;
    text-decoration: underline;
    padding: 2px 6px;
}

#menu a:hover {
    color: purple;
}

/* --------------------------------------------------------------------------*
 | The footer area closes the page and contains our copyright information
 * --------------------------------------------------------------------------*/

#footer
{
    clear: both;
    margin: 6px;
    padding: 3px;
    text-align: center;
}

/* --------------------------------------------------------------------------*
 | Option blocks
 * --------------------------------------------------------------------------*/

fieldset {
    background-color : inherit;
    border : 1px solid black; 
    color : black;
    margin : 12px; 
    padding : 6px;
} 

legend {
    background-color : inherit;
    border : 1px solid black; 
    color : black;
    font-family: arial, helvetica, sans-serif;
    font-size : 12px;
    font-weight : bold;
    text-align : inherit;
    padding : 0px 3px;
}

fieldset.error {
    border : 1px solid red; 
    color: red;
} 

legend.error {
    border : 2px solid red; 
    color : red;
}

/* --------------------------------------------------------------------------*
 | Error and Warning display
 * --------------------------------------------------------------------------*/

#error {
    background-color: white;
    color: #FF0000;
}

#warn {
    background-color: yellow;
    color: black;
}

/* --------------------------------------------------------------------------*
 | Headers
 * --------------------------------------------------------------------------*/

h1
{ 
    background-color: #000088; 
    color: #FEFEFE;
    font-family: "Comic Sans MS", arial, helvetica, sans-serif;
    font-variant: normal; 
    font-weight: normal;
    font-style: normal;
    font-size: 24px; 
    text-decoration: none;
    margin: 0px;
    padding: 3px;
    text-align: center;
    border: 1px solid #000088;
}

h2 {
    background-color: transparent;
    color: #FFFF33;
    font-family: "Comic Sans MS", arial, helvetica, sans-serif;
    padding: 0px;
    margin: 0px 0px 1px;
    font-size: 20px;
    text-align: center;
}

h3 {
    background-color: transparent;
    color: black;
    text-align: left;
    font-weight: bold;
    border: none;
    padding: 0px;
    margin: 0px; 3px;
}

h4 {
    background-color: transparent;
    color: #FFFF33;
    font-family: "Comic Sans MS", arial, helvetica, sans-serif;
    padding: 0px;
    margin: 0px 0px 18px;
    font-size: 12px;
    text-align: center;
}

/* --------------------------------------------------------------------------*
 | Tables
 * --------------------------------------------------------------------------*/

table {
    border: 0px;
    padding: 0px;
    border-spacing: 1px;
    margin: 0px;
}

table.center {
    margin: 0px auto;
}

table.splash {
    border-spacing: 0px;
}

label {
    color: black;
    font-weight: normal;
    vertical-align: middle;
}

td {
    font-weight : normal;
    margin: 0px;
    padding: 6px;
    text-align: center;
    background-color: #DDDDFF;
    vertical-align: middle;
}

td.empty {
    font-weight : normal;
    margin: 0px;
    padding: 6px;
    text-align: center;
    background-color: transparent;
    vertical-align: top;
}

td.emptyleft {
    font-weight : normal;
    margin: 0px;
    padding: 6px;
    text-align: left;
    background-color: transparent;
    vertical-align: top;
}

td.center {
    color: #000000;
    text-align: center;
}

td.left {
    color: #000000;
    text-align: left;
}

td.right {
    color: #000000;
    text-align: right;
}

th {
    background-color: #5184B7;
    color: white;
    vertical-align: middle;
    text-align: center;
    padding: 4px;
    margin: 0px;
}

th.submit {
    text-align: center;
    white-space: nowrap;
}

th.error {
    text-align: center;
    background-color: white;
    color: #FF0000;
    border: 1px solid #FF0000;
}

th.warn {
    text-align: center;
    background-color: yellow;
    color: black;
    border: 1px solid black;
}

td.error {
    background-color: #FFFF99;
    color: #EE0000;
    text-align: left;
    border : 1px solid black;
}

a.table {
    background-color: transparent; 
    color: blue;
    font-weight: normal;
    font-variant: normal; 
    font-style: normal;
    text-decoration: underline;
    white-space: nowrap;
}

a.table:hover { 
    color: black;
}

td.menu {
    background-color: transparent;
    text-align: left;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}

/* --------------------------------------------------------------------------*
 | Images
 * --------------------------------------------------------------------------*/

img {
    border: 0px;
    padding: 0px;
    margin: 0px;
}

img.left {
    float: left;
}

img.right {
    float: right;
}