body {
    font: 65% Verdana, Helvetica, Arial, sans-serif;
    background-image: url("images/background.gif");
    color: Black;
    margin: 0;
    padding: 0;
    scrollbar-base-color: #F7F9FA;
    scrollbar-highlight-color: #F7F9FA;
    scrollbar-track-color: #F7F9FA;
    scrollbar-darkshadow-color: #F7F9FA;
    scrollbar-3dlight-color: #8CACBB;
    scrollbar-shadow-color: #8CACBB;
    scrollbar-arrow-color: #436976;
}

table {
    font-size: 100%;
}

a {
    text-decoration: none;
    color: #436976;
    background-color: transparent;
}

img {
    border: none;
    vertical-align: middle;
}

p {
    margin: 0.5em 0em 1em 0em;
    text-align: justify;
    line-height: 1.5em;
}

p a {
    text-decoration: underline;
}

hr {
    clear: both;
    height: 1px;
    color: black;
    background-color: transparent;
}

h1, h2, h3, h4, h5, h6 {
    color: Black;
    clear: left;
    font: 100% Verdana, Helvetica, Arial, sans-serif;
    margin: 0;
    padding-top: 0.5em;
    border-bottom: 1px solid #8CACBB;
    font-weight: bold;
}

h1 { font-size: 160%; }

h2 { font-size: 150%; }

h3 { font-size: 140%; }

h4 { font-size: 120%; }

h5 { font-size: 100%; }

h6 { font-size: 80%; }

h1.smaller {
    color: Black;
    clear: left;
    font: 150% Verdana, Helvetica, Arial, sans-serif;
    margin: 0;
    padding-top: 0.4em;
    border-bottom: 1px solid #8CACBB;
    font-weight: bold;
}

ul {
    line-height: 1.5em;
    list-style-type: square;
    margin-left: 2em;
    padding:0;
}

ol {
    line-height: 1.5em;
    margin-left: 2em;
    padding:0;
}

ul a, ol a { text-decoration: underline; }

fieldset {
    border: 1px solid #8cacbb;
    margin: 2em 0em 1em 0em;
    padding: 1em 0em;
}

form {
    border: 1px;
    margin: 0;
}

textarea {
    border: 1px solid #8cacbb;
    color: Black;
    background-color: white;
    width: 88%;
    padding: 0.1em;
}

input {
    font: 100% Verdana, Helvetica, Arial, sans-serif;
    border: 1px solid #8cacbb;
    color: Black;
    background-color: white;
    vertical-align: middle;
    margin-bottom: 1px; /* IE bug fix */
    padding: 0.1em;
}

select {
    font: 100% Verdana, Helvetica, Arial, sans-serif;
    border: 1px solid #8cacbb;
    color: Black;
    vertical-align: top;
    width: 88%;
    padding: 0.1em;
}

table.columns {
   width: 100%;
   align: center;
}

table.columns td.left {
    vertical-align: top;
    width: 15%;
    padding: 4em 0em 1em 2em;
}

table.columns td.main {
    vertical-align: top;
    padding: 4em 2em 1em 2em;
    margin: 0;

}

table.columns td.right {
    vertical-align: top;
    width: 15%;
    padding: 4em 2em 1em 0em;
}

div.mainBox {
    background: White;
    border: 1px solid black;
    font: 120% Verdana, Helvetica, Arial, sans-serif;
    margin: 0em 0em 2em 0em;
    padding: 0em 1em 2em 1em;
}

div.boxHeader {
    background-image: url("images/background_horizontal.gif");
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid black;
    color: #FFA500;
    font-weight: bold;
    text-align: right;
    padding-right: 1em;
    text-transform: lowercase;
}

div .error {
    color: #FF0000;
    font-weight=bold;
}

/*
** Structural Elements
*/

div.top {
    /* Top section */
    background: transparent;
    margin: 0;
    padding: 0;
}

.logo {
    /* Logo properties */
    margin: 0em 0em 0em 0em;
    padding: 0;
}

div.searchBox {
    /*searchbox style and positioning */
    background-color: transparent;
    color: Black;
    float: right;
    margin: 3em 0em 0em 0em;
    padding: 0em 2em 0em 0em;
    text-align: right;
    text-transform: lowercase;
    width: 30%;
}

/* Additional STX workaround classes */

div.stx table p /* stupid STX table workaround */
{
    margin: 0;
    padding: 0;
}

div.box {
    border: none;
    margin: 0em 0em 2em 0em;
    padding: 0;
}

div.box h4 {
    font-size: 1em;
}

div.box h5 {
    background-image: url("images/background_horizontal.gif");
    border: 1px solid black;
    border-style: solid solid none solid;
    color: Black;
    padding: 0em 1em 0em 1em;
    text-transform: lowercase;
    display: inline;
    font-size: 1em;
    height: 1em;
}

div.box h6 {
    background: #EEBB00;
    border: 1px solid black;
    border-style: solid solid none solid;
    color: Black;
    padding: 0em 1em 0em 1em;
    text-transform: lowercase;
    display: inline;
    font-size: 1em;
    height: 1.2em;
}


div.box div.body {
    background: transparent;
    border-collapse: collapse;
    border: 1px solid black;
}

.boxDetails {
    text-align: right;
}

div.box .content {
    padding: 0.25em;
}

div.box a.close {
    float: right;
    text-transform: none;
    border-left: 1px solid black;
    padding: 0em 0.2em;
}

div.box h1,
div.box h2,
div.box h3,
div.box h4 {
    margin: 0;
    padding: 0;
}

div.box .even {
    background-color: #EEEEEE;
}

div.box .odd {
    background-color: White;
}

div.box .highlight {
    background-color: 2px solid #FFA500;
}

div.box input {
    font-size: 100%;
}

div.bar {
    background: #EEEEEE;
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: black;
    color: Black;
    padding-right: 3em;
    text-align: right;
    text-transform: lowercase;
}

div.personalBar a {
    background-color: Transparent;
    color: #436976;
    font-weight: normal;
    margin-left: 1em;
}

div.personalBar img {
    vertical-align: top;
}

div.pathBar {
    /* The path bar, including breadcrumbs and add to favorites */
    border-bottom-color: #8CACBB;
    background-color: White;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-left: 2em;
    padding-right: 2em;
    text-transform: lowercase;
}

/*
** Calendar elements - used in the calendar rendering
*/

div.day {
    background-color: #FFFFBB;
    border: 1px solid Black;
    padding: 0.2em;
    position: absolute;
    visibility: hidden;
    width: 12em;
    z-index: 2;
}

div.date {
    font-weight: bold;
}

table.calendar {
    border: 1px solid black;
    text-align: right;
}

table.calendar a {
    text-decoration: none;
    margin: 0em 0em 0em 0em;
    color: #436976;
}

table.calendar a:hover {
    text-decoration: none;
}

table.calendar th {
    background-color: #EEEEEE;
    color: Black;
    font-weight: bold;
    text-align: center;
}

table.calendar td {
    background-color: transparent;
    width: 1.5em;
    padding: 2px;
}

table.calendar td.weekdays {
    background-color: #EEEEEE;
    border: 1px solid black;
    border-style: solid none;
    text-align: center;
}

table.calendar td.event {
    background-color: #EEEEEE;
    font-weight: bold;
}

table.calendar td.noevent {
    background-color: White;
}

table.calendar td.todayevent {
    background-color: #EEEEEE;
    border: 2px solid #FFA500;
    font-weight: bold;
}

table.calendar td.todaynoevent {
    background-color: #EEEEEE;
    border-collapse: collapse;
    border: 2px solid #FFA500;
}