/* ********************************************************************************************* */
/*                                                                                               */
/*  Created by:         Paul McKlveen                                                            */
/*          on:         10-MAY-2010                                                              */
/*                                                                                               */
/*  Updated by:         Paul McKlveen                                                            */
/*          on:         18-MAY-2010                                                              */
/*                                                                                               */
/*  Important Notes:                                                                             */
/*                                                                                               */
/*     1) Link pseudo classes MUST be specified in the following order: link, visited, hover,    */
/*        and active.                                                                            */
/*                                                                                               */
/*     2) Margins and padding MUST be specified in the following order: top, right, bottom,      */
/*        and left.                                                                              */
/*                                                                                               */
/*  Colors:                                                                                      */
/*                                                                                               */
/*     Hex Code   Description          Use                                                       */
/*     ========   ================     ==============================================            */
/*     002747     dark blue            Text, borders, background, and button text                */
/*     0058a1     blue                 Text in form input boxes, and success messages            */
/*     f2f1f6     off-white            Background                                                */
/*     af1010     red                  Error Message text                                        */
/*     10af10     green                Success message text                                      */
/*                                                                                               */
/* ********************************************************************************************* */

/* ********************************************************************************************* */
/*                                                                                               */
/*  C L A S S   s e l e c t o r s                                                                */
/*                                                                                               */
/* ********************************************************************************************* */

a {
    text-decoration: underline;
    color: #002747; 
}

a:hover { 
    color: #f2f1f6; 
    background-color: #002747; 
}


/* ********************************************************************************************* */
/*  Default HTML body characteristics.                                                           */
/* ********************************************************************************************* */

body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #ffffff;
    font-family: Arial, Helvetica, 'Times New Roman', adobe-times, Times; 
    font-size: 87%;   /*  62.5% = 10px, 75% - 12px, 82% - 13px  */
    height:100%;
}


/* ********************************************************************************************* */
/*  DIVs are used to define page layout characteristics.                                         */
/* ********************************************************************************************* */

div.bodyBlock {                           /* bodyBlock is the outermost DIV                      */
    margin: 24px auto 0px auto; 
    padding: 0px 0px 0px 0px;
    border-style: none;
    width: 92%;
}

div.contentBlock {                        /* contentBlock is within bodyBlock                    */
    margin: 0px 0px 0px 0px; 
    padding: 0px 6px 0px 6px;
    border-top: 3px; 
    border-right: 3px; 
    border-bottom: 3px; 
    border-left: 3px; 
    border-style: solid; 
    border-color: #000000; 
    background-color: #f2f1f6;
    text-align: left;
}

div.contentSection {                      /* contentSection is within contentBlock               */
    margin: 6px 6px 0px 9px; 
    padding: 0px 0px 0px 0px;
    border-style: none; 
    color: #000000;
    background-color: transparent;
}

div.footerSection {                       /* footerSection is within contentBlock                */
    margin: 6px 0px 0px 0px; 
    padding: 6px 0px 6px 0px;
    border-style: none; 
}

div.footerSection p {
    margin: 6px 0px 0px 0px; 
    padding: 6px 0px 6px 0px;
    border-style: none; 
    background-color: transparent;
    color: #002747;
    font-size: 0.75em;
    font-weight: bolder;
    text-align: center;
}

div.headerBlock {                         /* headerBlock is within bodyBlock                     */
    margin: 0px 0px 0px 0px; 
    padding: 0px 6px 2px 6px;
    border-top: 3px; 
    border-right: 3px; 
    border-bottom: 3px; 
    border-left: 3px; 
    border-style: solid; 
    border-color: #000000; 
    background-color: #99ccff;
    text-align: left;
}

div.headerBlock h1 {                      /* NOT IN USE                                          */
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px;
    border-style: none;  
    color: #000000;
    font-size: 1.25em; 
    font-weight: normal;
}

div.headerBlock h2 {                      /* NOT IN USE                                          */
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 6px 0px;
    border-style: none; 
    color: #002747;
    font-size: 1.167em; 
    font-weight: bolder;
}

div.headerBlock h3 {                      /* NOT IN USE                                          */
    margin: 0px 0px 0px 0px; 
    padding: 0px 4px 6px 0px;
    border-style: none; 
    color: #002747;
    font-size: 1.083em; 
    font-style: italic;
    font-weight: normal;
}

div.headerBlock p {
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px;
    border-style: none; 
}

div.leftMenuBlock {                       /* leftMenuBlock is within contentBlock                */
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 12px;
    border-style: none; 
}

div.leftMenuBlock a {
    font-weight: bolder;
    padding: 0px 3px 9px 0px;
    text-decoration: none;
    color: #002747; 
}

div.leftMenuBlock a:hover { 
    color: #f2f1f6; 
    background-color: #002747; 
}

div.leftMenuBlock p {
    margin: 0px 0px 0px 0px; 
    padding: 4px 3px 4px 0px;
    background-color: transparent;
    color: #000000;
    font-weight: bolder;
}

div.topMenuBlock {                        /* topMenuBlock is within bodyBlock                    */
    margin: 0px 0px 0px 0px; 
    padding: 6px 6px 6px 6px;
    border-style: none; 
    vertical-align: middle;
}

div.topMenuBlock a {
    font-weight: bolder;
    text-decoration: none;
    color: #f2f1f6; 
}

div.topMenuBlock a:hover { 
    color: #002747; 
    background-color: #f2f1f6; 
}

div.topMenuBlock p {
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px;
    background-color: transparent;
    color: #ffffff;
    font-size: 1.167em;
    font-weight: bolder;
    text-align: center;
}


/* ********************************************************************************************* */
/*  All forms are to be displayed inline.                                                        */
/* ********************************************************************************************* */

form {
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px;
    display: inline;
}


/* ********************************************************************************************* */
/*  Header element characteristics                                                               */
/* ********************************************************************************************* */

h1 {
    margin: 0px 0px 0px 0px; 
    padding: 12px 0px 3px 0px;
    border-style: none; 
    color: #002747;
    font-size: 1.334em;
    font-weight: bolder;
}

h2 {
    margin: 0px 0px 0px 0px; 
    padding: 24px 0px 2px 0px;
    border-style: none; 
    color: #002747;
    font-size: 1.25em;
    font-weight: bolder;
}

h3 {
    margin: 0px 0px 0px 0px; 
    padding: 20px 0px 2px 0px;
    border-style: none; 
    color:#002747;
    font-size: 1.083em; 
    font-weight: bolder;
}


/* ********************************************************************************************* */
/*  HTML characteristics                                                                         */
/* ********************************************************************************************* */

html {
    height:100%;
}


/* ********************************************************************************************* */
/*  Form characteristics (input and option)                                                      */
/* ********************************************************************************************* */

input.button {
    color: #002747;
}

input.pageNumber {                        /* This needs to stay in synch with p.pageNumber       */
    margin: 0px 0px 0px 0px; 
    padding: 1px 1px 1px 1px;
    border-style: none;
    color: #002747;
    background-color: transparent; 
    font-size: 0.75em;      
}


/* ********************************************************************************************* */
/*  Form characteristics                                                                         */
/* ********************************************************************************************* */

option {
    margin: 0px 0px 0px 0px; 
    padding: 1px 1px 1px 1px;
    border-color:#cccccc;
    border-style: solid;
    color: #0058a1;
}

select {
    margin: 0px 0px 0px 0px; 
    padding: 1px 1px 1px 1px;
    border-color:#cccccc;
    border-style: solid;
    color: #0058a1;
}

textarea {
    margin: 0px 0px 0px 0px; 
    padding: 1px 1px 1px 1px;
    border-color:#002747;
    border-style: solid;
    color: #0058a1;
}


/* ********************************************************************************************* */
/*  Paragraph characteristics                                                                    */
/* ********************************************************************************************* */

p {
    margin: 0px 0px 0px 0px; 
    padding: 15px 0px 0px 0px;
    border-style: none; 
    color: #000000;
}

p.bold {
    margin: 0px 0px 0px 0px; 
    padding: 15px 0px 0px 0px;
    font-weight: bold;
}

p.error {
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px;
    color: #af1010;
    font-style: italic;
    font-weight: bolder;
}

p.indent_1 {
    margin: 0px 0px 0px 18px; 
    padding: 15px 0px 0px 0px;
    border-style: none; 
}

p.pageNumber {                            /* This needs to stay in synch with input.pageNumber   */
    margin: 0px 0px 0px 0px; 
    padding: 1px 1px 1px 1px;
    border-style: none;
    color: #002747;
    background-color: transparent; 
    font-size: 0.75em;      
}

p.success {
    margin: 0px 0px 0px 0px; 
    padding: 5px 0px 0px 0px;
    color: #10af10;
    font-style: italic;
    font-weight: bolder;
}

p.textLink {
    margin: 0px 0px 0px 0px; 
    padding: 0px 3px 0px 0px;
    border-style: none; 
    color: #002747;
    background-color: transparent; 
    font-size: 0.833em;
}

p.textLink a { 
    color: #002747;
    background-color: transparent; 
    font-weight: bolder;
    text-decoration: none;
}


/* ********************************************************************************************* */
/*  Table characteristics.                                                                       */
/* ********************************************************************************************* */

table {
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px;
}


/* ********************************************************************************************* */
/*  contentxxxxxx: Table cell characteristics used for formatting the "outer" table cells        */
/*                 used for page content.  Referenced in all pages plus the header.              */
/* ********************************************************************************************* */

td.contentCenter {
    margin: 0px 0px 0px 0px; 
    padding: 6px 6px 6px 6px;
    border-style: none; 
}

td.contentLeft {
    margin: 0px 0px 0px 0px; 
    padding: 6px 6px 6px 3px;
    border-style: none; 
}

td.contentLeftBorderRight {
    margin: 0px 6px 0px 0px; 
    padding: 6px 6px 6px 3px;
    border-top: 0px; 
    border-right: 1px; 
    border-bottom: 0px; 
    border-left: 0px; 
    border-style: solid; 
    border-color: #002747; 
}

td.contentRight {
    margin: 0px 0px 0px 0px; 
    padding: 6px 3px 6px 6px;
    border-style: none; 
}

td.contentRightBorderLeft {
    margin: 0px 0px 0px 6px; 
    padding: 6px 3px 6px 15px;
    border-top: 0px; 
    border-right: 0px; 
    border-bottom: 0px; 
    border-left: 1px; 
    border-style: solid; 
    border-color: #002747; 
}

td.contentSingle {
    margin: 0px 0px 0px 0px; 
    padding: 6px 3px 6px 3px;
    border-style: none; 
}


/* ********************************************************************************************* */
/*  Table cell characteristics used for tables containing displayable content.                   */
/* ********************************************************************************************* */

td.centerColumn, th.centerColumn {
    margin: 0px 0px 0px 0px; 
    padding: 6px 6px 6px 6px;
    border-style: none; 
}

td.centerColumnBottomBorder, th.centerColumnBottomBorder {
    margin: 6px 0px 18px 0px; 
    padding: 6px 6px 6px 6px;
    border-top: 0px; 
    border-right: 0px; 
    border-bottom: 3px; 
    border-left: 0px; 
    border-style: solid; 
    border-color: #002747; 
}

td.centerColumnTopBorder, th.centerColumnTopBorder {
    margin: 6px 0px 18px 0px; 
    padding: 6px 6px 6px 6px;
    border-top: 3px; 
    border-right: 0px; 
    border-bottom: 0px; 
    border-left: 0px; 
    border-style: solid; 
    border-color: #002747; 
}

td.centerColumnTopPadded, th.centerColumnTopPadded {
    margin: 6px 0px 18px 0px; 
    padding: 9px 6px 6px 6px;
    border-style: none; 
}

td.leftColumn, th.leftColumn {
    margin: 0px 0px 0px 0px; 
    padding: 6px 6px 6px 0px;
    border-style: none; 
}

td.leftColumnBottomBorder, th.leftColumnBottomBorder {
    margin: 6px 0px 18px 0px; 
    padding: 6px 6px 6px 0px;
    border-top: 0px; 
    border-right: 0px; 
    border-bottom: 3px; 
    border-left: 0px; 
    border-style: solid; 
    border-color: #002747; 
}

td.leftColumnRightBorder {
    margin: 6px 0px 18px 0px; 
    padding: 6px 6px 6px 0px;
    border-top: 0px; 
    border-right: 1px; 
    border-bottom: 0px; 
    border-left: 0px; 
    border-style: solid; 
    border-color: #002747; 
}

td.leftColumnTopBorder, th.leftColumnTopBorder {
    margin: 6px 0px 18px 0px; 
    padding: 6px 6px 6px 0px;
    border-top: 3px; 
    border-right: 0px; 
    border-bottom: 0px; 
    border-left: 0px; 
    border-style: solid; 
    border-color: #002747; 
}

td.leftColumnTopPadded, th.leftColumnTopPadded {
    margin: 6px 0px 18px 0px; 
    padding: 9px 6px 6px 0px;
    border-style: none; 
}

td.rightColumn, th.rightColumn {
    margin: 0px 0px 0px 0px; 
    padding: 6px 0px 6px 6px;
    border-style: none; 
}

td.rightColumnBottomBorder, th.rightColumnBottomBorder {
    margin: 6px 0px 18px 0px; 
    padding: 6px 0px 6px 6px;
    border-top: 0px; 
    border-right: 0px; 
    border-bottom: 3px; 
    border-left: 0px; 
    border-style: solid; 
    border-color: #002747; 
}

td.rightColumnLeftBorder {
    margin: 6px 0px 18px 0px; 
    padding: 6px 0px 6px 6px;
    border-top: 0px; 
    border-right: 0px; 
    border-bottom: 0px; 
    border-left: 1px; 
    border-style: solid; 
    border-color: #002747; 
}

td.rightColumnTopBorder, th.rightColumnTopBorder {
    margin: 6px 0px 18px 0px; 
    padding: 6px 0px 6px 6px;
    border-top: 3px; 
    border-right: 0px; 
    border-bottom: 0px; 
    border-left: 0px; 
    border-style: solid; 
    border-color: #002747; 
}

td.rightColumnTopPadded, th.rightColumnTopPadded {
    margin: 6px 0px 18px 0px; 
    padding: 9px 0px 6px 6px;
    border-style: none; 
}

td.singleColumn, th.singleColumn {
    margin: 0px 0px 0px 0px; 
    padding: 6px 0px 6px 0px;
    border-style: none; 
}

td.singleColumnBottomBorder, th.singleColumnBottomBorder {
    margin: 6px 0px 18px 0px; 
    padding: 6px 0px 6px 0px;
    border-top: 0px; 
    border-right: 0px; 
    border-bottom: 3px; 
    border-left: 0px; 
    border-style: solid; 
    border-color: #002747; 
}

td.singleColumnTopBorder, th.singleColumnTopBorder {
    margin: 6px 0px 18px 0px; 
    padding: 6px 0px 6px 0px;
    border-top: 3px; 
    border-right: 0px; 
    border-bottom: 0px; 
    border-left: 0px; 
    border-style: solid; 
    border-color: #002747; 
}

td.singleColumnTopPadded, th.singleColumnTopPadded {
    margin: 0px 0px 0px 0px; 
    padding: 9px 0px 6px 0px;
    border-style: none; 
}

th {
    font-weight: bolder;
    text-align: left
}


/* ********************************************************************************************* */
/*  Table row characteristics.                                                                   */
/* ********************************************************************************************* */

tr {
    color: #000000;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

tr.smlRowSpacer {
    color: #000000;
    font-size: 1px;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

tr.stdRowSpacer {
    color: #000000;
    font-size: 6px;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}


/* ********************************************************************************************* */
/*  List characteristics.                                                                        */
/* ********************************************************************************************* */

ul {
    color: #002747;
    margin-top: 0px; 
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px; 
}

li {
    color: #000000;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 12px;
    padding-bottom: 0px;
}


/* ********************************************************************************************* */
/*                                                                                               */
/*  I D   s e l e c t o r s                                                                      */
/*                                                                                               */
/* ********************************************************************************************* */

/* ********************************************************************************************* */
/*  Tags that appear within "searchCriteria" are used in displaying search criteria.             */
/* ********************************************************************************************* */

#searchCriteria h1 {
    margin: 0px 0px 0px 0px; 
    padding: 16px 0px 3px 0px;
    border-style: none; 
    color: #002747;
    font-size: 1.083em;
    font-weight: bolder;
}

#searchCriteria h2 {
    margin: 0px 0px 0px 0px; 
    padding: 8px 0px 2px 0px;
    border-style: none; 
    color: #002747;
    font-size: 0.785em;
    font-weight: bolder;
}

#searchCriteria input {
    font-size: 0.785em;
}

#searchCriteria select {
    font-size: 0.785em;
}

#searchCriteria p {
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px;
    border-style: none; 
    color: #000000;
    font-size: 0.785em;
}


/* ********************************************************************************************* */
/*                                                                                               */
/*  U N I V E R S A L   s e l e c t o r s                                                        */
/*                                                                                               */
/* ********************************************************************************************* */

*.centered {                  /*  NEW  */
    text-align: center;
}

*.right {                     /*  NEW  */
    text-align: right;
}