/******************************    BODY     ******************************/

body {
    background-color: #DEDEDE;
}

body .title {
    font-size: 12pt;
    font-weight: bold;
    color: #000080;
}

body .subtitle {
    font-size: 10pt;
    font-weight: bold;
    color: #000080;
}

body .blue {
    color: #000080;
}

body .gold {
    color: #F4C638;
}

body .paragraph {
    text-indent: 0;
    margin-bottom: 1.0em;
}

#body {
    width: 100%;
    height: 100%;

    position: absolute;
}

#body .body {
    width: 90.0em;

    margin: auto;

    border: 1px solid #AAAAAA;

    background-color: #FFFFFF;
}

#body #header {
    height: 10.0em;

    vertical-align: top;
}

#body #banner {
    height: 20.0em;
/*
    border-top: 1px solid #000030;
    border-bottom: 1px solid #000030;
*/
    background-color: #CCCCCC;
}

#body #content {
    min-height: 50.0em;

    vertical-align: top;

    padding-top: 1.0em;
    padding-bottom: 1.0em;
}

#body #content #sidebar-left {
    width: 9.0em;

    vertical-align: top;

/*
    padding-top: 1.0em;
*/
    padding-left: 1.0em;
    padding-right: 1.0em;
    padding-bottom: 1.0em;
}

#body #content #body-content {
    vertical-align: top;

/*
    border-left: 1px solid #AAAAAA;
*/
    border-right: 1px solid #AAAAAA;

/*
    padding-top: 1.0em;
    padding-left: 1.0em;
*/
    padding-right: 1.0em;
    padding-bottom: 1.0em;
}

#body #content #sidebar-right {
    width: 16.0em;

    vertical-align: top;

/*
    padding-top: 1.0em;
*/
    padding-left: 1.0em;
    padding-right: 1.0em;
    padding-bottom: 1.0em;
}

#body #footer {
/*
    padding-top: 1.0em;
*/
    padding-left: 1.0em;
    padding-right: 1.0em;
    padding-bottom: 1.0em;
}

#body #copyright {
    height: 3.0em;

    color: #555555;
    text-align: center;

    padding-top: 0.5em;
}

#background {
    width: 100%;
    height: 100%;

    position: absolute;
    top: 9.0em;
    left: 0;
}

#background .gold-stripe {
    height: 0.8em;

    background-color: #F4C638;
}

#background .blue-stripe {
    height: 20.0em;

    margin-top: 0.2em;
    margin-bottom: 0.2em;

    border-top: 1px solid #000030;
    border-bottom: 1px solid #000030;

    background-color: #000080;
}

/******************************    MENU     ******************************/

div.menu ul {
    width: 9.0em;

    color: #FFFFFF;

    margin: 0;

    border: 1px solid #000030;
    border-bottom: 0;

    padding: 0;

    list-style: none;
}

div.menu ul.wide {
    width: 12.0em;
}

div.menu ul li {
    position: relative;

    border-bottom: 1px solid #000030;

    background-color: #000080;
}


div.menu ul li.over {
    background-color: #000030;
}

div.menu ul li ul {
    position: absolute;
    left: 9.0em;
    top: -0.1em;

    display: none;
}

div.menu ul li ul.wide {
    width: 12.0em;
}

div.menu ul li.over ul {
    display: block;
}

div.menu ul li.over ul li ul {
    display: none;
}

div.menu ul li.over ul li.over ul {
    display: block;
}

div.menu a:link {
    width: 8.2em;

    color: #FFFFFF;

    padding: 0.4em;

    display: block;
}

div.menu a.wide:link {
    width: 11.2em;
}

div.menu a:visited {
    width: 8.2em;

    color: #FFFFFF;

    padding: 0.4em;

    display: block;
}

div.menu a.wide:visited {
    width: 11.2em;
}

div.menu a:hover {
    width: 8.2em;

    color: #FFFFFF;

    padding: 0.4em;

    display: block;
}

div.menu a.wide:hover {
    width: 11.2em;
}


/******************************   FOOTER    ******************************/

div.footer {
    color: #FFFFFF;
    text-align: center;

    border: 1px solid #000030;

    padding-top: 0.5em;
    padding-bottom: 0.5em;

    background-color: #000080;
}

div.footer ul {
    margin: 0;
    padding: 0;

    list-style-type: none;
}

div.footer ul li {
    display: inline;

    padding-left:  0.4em;
    padding-right: 0.4em;
}

div.footer ul li.separator {
    border-left: 1px solid #FFFFFF;

    margin-left: 0.2em;

    padding: 0;
}

div.footer a:link {
    color: #FFFFFF;
}

div.footer a:visited {
    color: #FFFFFF;
}

div.footer a:hover {
    color: #FFFFFF;
}

/*****************************  MESSAGE BOX  *****************************/

div.message-box {
    width: 40.0em;

    margin: auto;

    border: 1px solid #888888;

    background-color: #FFFFFF;
}

div.message-box .title {
    font-size: 12pt;
    color: #FFFFFF;
    font-weight: bold;

    padding: 0.3em;

    background-color: #888888;
}

div.message-box .subtitle {
    padding-top: 1.5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
/*
    padding-bottom: 1.5em;
*/
}

div.message-box .content {
    padding: 1.5em;
}

div.message-box .details {
/*
    padding-top: 2.0em;
*/
    padding-left: 2.0em;
    padding-right: 2.0em;
    padding-bottom: 2.0em;
}

/******************************    FORMS    ******************************/

form .inline {
    margin-left: 0.5em;
    margin-right: 0.5em;
}

form div.errors {
    font-size: 10pt;
    font-weight: normal;
}

form div.errors ul {
    margin-top: 0;
    margin-bottom: 0.5em;
}

form div.errors ul li.required {
    color: #FF0000;
}

form div.errors ul li.invalid {
    color: #000080;
}

form fieldset {
    border: 0.1em solid #000080;
}

form fieldset legend {
    font-size: 12pt;
    font-weight: normal;
    color: #000080;

    padding-left: 1.0em;
    padding-right: 1.0em;
}

form div.field-group {
    margin: 1.0em;
}

form div.field-group div {
    padding: 0.5em;

    clear: both;
}

form div.field-group div label {
    font-size: 10pt;
    font-weight: normal;

    float: left;

    display: block;
}

form div.field-group div.inline label {
    font-size: 10pt;
    font-weight: normal;

    float: none;

    display: inline;
}

form div.field-group div input,
form div.field-group div select {
    float: left;
}

form div.field-group div.inline input,
form div.field-group div.inline select {
    float: none;
}

form input.readonly {
    border: 0;

    background-color: transparent;
}

form input.required {
    border: 1px solid #FF0000;
}

form select.required {
    color: #FFFFFF;

    background-color: #FF0000;
}

form textarea.required {
    border: 1px solid #FF0000;
}

form input.invalid {
    border: 1px solid #000080;
}

form select.invalid {
    color: #FFFFFF;

    background-color: #000080;
}

form textarea.invalid {
    border: 1px solid #000080;
}

form div.field-group div img.calendar {
    position: relative;
    top: 0.3em;
    left: 0.4em;

    border: 0;

    float: left;

    cursor: pointer;
}

form div.field-group div.inline img.calendar {
    position: relative;
    top: 0.3em;
    left: 0.2em;

    border: 0;

    float: none;

    cursor: pointer;
}

form div.button-group {
    padding-top: 1.0em;
}

form input.button {
    color: #FFFFFF;
    font-weight: bold;

    margin-left: 0.25em;
    margin-right: 0.25em;

    border-style: solid;
    border-color: #999999 #000000 #000000 #999999;
    border-width: 1px;

    padding-left: 0.5em;
    padding-right: 0.5em;

    background-color: #000080;
}

/******************************   TABLES    ******************************/

table#events {
    width: 100%;

    border: 0.1em solid #CCCCCC;
}

table#events thead td {
    font-weight: bold;

    border: 0.1em solid #CCCCCC;

    padding-left: 0.5em;padding-right: 0.5em;
}

table#events tbody td {
    font-size: 10pt;

    border: 0.1em solid #CCCCCC;

    padding-left: 0.5em;padding-right: 0.5em;
}

table#news {
    width: 100%;

    font-weight: bold;
}

table.results {
    width: 100%;

    border: 0.1em solid #CCCCCC;
}

table.results thead tr {
    background-color: #006666;
}

table.results thead td {
    font-size: 12pt;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;

    padding: 0.2em;
}

table.results tbody tr.oddrow {
    background-color: #FFFFFF;
}

table.results tbody tr.evenrow {
    background-color: #EFEFEF;
}

table.results tbody td {
    font-size: 10pt;

    border-left:  0.1em solid #CCCCCC;
    border-right: 0.1em solid #CCCCCC;

    padding: 0.5em;
}

/******************************    IMAGES   ******************************/

div.photo {
    width: 12.0em;

    text-align: center;

    margin: 0.2em;
    margin-bottom: 1.2em;

    float: left;
}


div.photo .caption {
    margin-top: 0.5em;
}

/******************************    LINKS    ******************************/

a:link {
    color: #000080;
}

a:visited {
    color: #000080;
}

a:hover {
    color: #000030;
}

a:link img {
    border: 0;
}

a:visited img {
    border: 0;
}

a:hover img {
    border: 0;
}

/*
#news a:link {
    color: #990000;
}

#news a:visited {
    color: #990000;
}

#news a:hover {
    color: #990000;
}
*/