﻿/*
Red: #a10000
Blue: #2f8fd8
*/

/* --- Layout --- */
body {
    font-size:1em; font-family:"Calibri" , "Segoe UI" , Arial; color:#858585;
    margin:0px; padding:0px; background:#ffffff url('images/bg.gif') repeat; }

.page {
    width: 960px; background-color: White;
    margin: 20px auto 0px auto; border: 1px solid #858585;
    -moz-box-shadow: 0 0 5px 5px #696969; -webkit-box-shadow: 0 0 5px 5px #696969;
    box-shadow: 0 0 2px 2px #696969; -moz-border-radius:4px; border-radius:4px; }

.main { /* Offset content from page edge*/
    padding: 0px 12px; margin: 12px 8px 8px 8px; min-height: 150px;}

.content {
    -moz-box-shadow:0px 1px 2px 1px #c9c9c9; -webkit-box-shadow:0px 1px 2px 1px #c9c9c9; box-shadow:0px 1px 2px 1px #c9c9c9;
    border: 1px solid #c9c9c9; padding:4px; border-radius:4px; -moz-border-radius:4px; }

.content p {
    padding: 0px; margin: 4px 0px 0px 36px; width: 95%; text-align: justify; }
    
hr {
    width: 75%;color:#858585;background-color:#858585;}
/* --- End Layout --- */

/* --- h and a tags --- */   
a {
    text-decoration:none; outline:none; background-color:transparent; }

a:link, a:visited {
    color: #a10000; }

a:hover {
    text-decoration: underline; color: #2f8fd8 }

a:active {
    color: #2f8fd8; }

.aBlue, a.aBlue:link, a.aBlue:visited, a.aBlue:active, a.aBlue:hover {
    color: #2f8fd8;
}

a img {
    border: none; }

h1, h2, h3, h4, h5 {
    text-transform:none; padding:0px; margin:0px; }

h1 {
    color: #a10000; font-size: 3.5em; font-weight: 600;
    text-shadow: 1px 1px 2px #858585; }

h2 {
    color: #2f8fd8; font-size: 2em; font-weight: 600;
    text-shadow: 1px 1px 1px #333333; }

h3 {
    color: #2f8fd8; font-size: 1.4em; }

h4 {
    color: #a10000; font-size: 1.2em; font-weight: bold; }
    
h5 {
    color: #2f8fd8; font-size: 1.2em; }
/* --- End h and a tags --- */

/* --- Header Styles --- */
/* Nav Menu styles in bgpos.css in bgpos plugin */
.headerMain {
    position:relative; width:100%; }

.headerLeft {
    position:absolute; left:0px; top:0px; }

.headerMid {
    height:100px;vertical-align: middle; }

.headerRight {
    position:absolute; right:0px; top:0px; }
/* --- End Header Styles --- */

.footer {
    border-top:#c9c9c9 1px solid; font-size:0.8em; padding:4px 0px 4px 0px; }

/* --- Table Styles --- */
.tableMain {
    padding:0px; margin: 8px 0px 4px 0px; border: 1px solid #2f8fd8; border-collapse:collapse; width: 100%; }

    
.tableMain td {
    padding: 5px 0px 5px 0px; }

#rowHead {
    background-color: #2f8fd8; color: white; background:url('images/tileB50.gif') repeat-x;
    font-weight: bold; font-size: 1.2em; text-align: center; cursor: default; }

#row, #rowalt {
    text-align: center; }
    
.rowLink {
    cursor: pointer; }

#row, .row {
    background-color: #fff; }
    
#rowalt, .rowalt {
    background-color: #f9f9f9; }

#row:hover, #rowalt:hover {
    background-color: #c4dcef; }

#row.rowLink:hover, #rowalt.rowLink:hover {
    background-color: #c4dcef; color: #a10000; }
/* --- End Table Styles --- */

/* --- Miscellaneous --- */
.centre {
    text-align:center; margin-left:auto; margin-right: auto; }

.clear {clear: both;}

.bold {
    font-weight: bold; }

.font8pt {
    font-size: 8pt; }
    
.font10pt {
    font-size: 10pt; }

.italic {
    font-style: italic; }
    
.red {
    color: #a10000; }

.blue {
    color: #2f8fd8; }

.green {
    color: #293; }

.highlight {
    background-color: #FFFF88; }
    
#txtSearch {
    width: 330px; color:#858585; font-weight: bold;color: #2f8fd8; }