/* ********************************************************************************************* */
/*                                                                                               */
/*  Created by:         Paul McKlveen                                                            */
/*          on:         25-MAY-2009                                                              */
/*                                                                                               */
/*  Updated by:         Paul McKlveen                                                            */
/*          on:         27-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                                                       */
/*     ========   ================     ==============================================            */
/*     5b3900     dark gold            Text and borders                                          */
/*     4a280d     gold                 Text in form input boxes                                  */
/*     299444     green                Text for success messages                                 */
/*     fffbf7     off-white            Background                                                */
/*     cc1919     red                  Error Message text                                        */
/*                                                                                               */
/* ********************************************************************************************* */

/* ********************************************************************************************* */
/*  Normal links.                                                                                */
/* ********************************************************************************************* */

a { 
    text-decoration: underline;
    color: #000000; 
    background-color: transparent;
}

a:hover { 
    color: #fffbf7; 
    background-color: #5b3900; 
}


/* ********************************************************************************************* */
/*  emphasis: used for links that are to stand out -- such as when invoking a function.          */
/* ********************************************************************************************* */

a.emphasis { 
    font-weight: bolder;
    text-decoration: underline;
    color: #000000; 
    background-color: transparent;
}

a.emphasis:hover { 
    color: #fffbf7; 
    background-color: #5b3900; 
}


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

body {
    margin: 0px 0px 0px 0px;
    color: #ffffff;
    background-color: #5b3900;
    font-family: Arial, Helvetica, 'Times New Roman', adobe-times, Times; 
    font-size: 75%;   /*  62.5% = 10px, 75% - 12px  */
}

body.popup {
    margin: 3px 3px 3px 3px;
    background-color: #fffbf7;
    font-family: Arial, Helvetica, 'Times New Roman', adobe-times, Times; 
    font-size: 75%;   /*  62.5% = 10px, 75% - 12px  */
}

body.print {
    margin: 0px 0px 0px 0px;
    background-color: #ffffff;
    font-family: Arial, Helvetica, 'Times New Roman', adobe-times, Times; 
    font-size: 75%;   /*  62.5% = 10px, 75% - 12px  */
}


/* ********************************************************************************************* */
/*  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;
    background-color: transparent;
    border-style: none;
    width: 92%;
}

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

div.contentSection {                      /* contentSection is within contentBlock               */
    margin: 6px 0px 0px 0px; 
    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: #5b3900;
    font-size: 0.75em;
    font-weight: bolder;
    text-align: center;
}

div.headerBlock {                         /* headerBlock is within bodyBlock                     */
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 2px 6px;
    background-image: url(../images/bluegreytop.jpg);
    border-top: 3px; 
    border-right: 3px; 
    border-bottom: 3px; 
    border-left: 3px; 
    border-style: solid; 
    border-color: #000000; 
}

div.headerBlock h1 {
    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 {
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 6px 0px;
    border-style: none; 
    color: #5b3900;
    font-size: 1.167em; 
    font-weight: bolder;
}

div.headerBlock h3 {
    margin: 0px 0px 0px 0px; 
    padding: 0px 4px 6px 0px;
    border-style: none; 
    color: #5b3900;
    font-size: 1.083em; 
    font-style: italic;
    font-weight: normal;
}

div.titleSection {                        /* titleSection is within contentBlock                 */
    margin: 3px 0px 0px 0px; 
    padding: 0px 0px 0px 0px;
    background-color: transparent;
    border-style: none; 
}

div.titleSection h1 {
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 2px 0px;
    border-style: none; 
    color: #5b3900;
    font-size: 1.334em; 
    font-weight: bolder;
    text-align: center;
}

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

div.topMenuLine {                         /* topMenuLine is within topMenuBlock                  */
    margin: 3px 0px 3px 0px; 
    padding: 0px 0px 0px 0px;
    color: #ffffff;
    background-color: transparent;
    font-size: 1.167em;
    font-weight: bolder;
    text-align: center;
}

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

div.topMenuLine a:hover { 
    color: #5b3900; 
    background-color: #fffbf7; 
}


/* ********************************************************************************************* */
/*  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: 0px 0px 3px 0px;
    border-style: none; 
    color: #5b3900;
    background-color: transparent;
    font-size: 1.334em; 
    font-weight: bolder;
}

h2 {
    margin: 0px 0px 0px 0px; 
    padding: 15px 0px 3px 0px;
    border-style: none; 
    color: #5b3900;
    background-color: transparent;
    font-size: 1.25em; 
    font-weight: bolder;
}

h3 {
    margin: 0px 0px 0px 0px; 
    padding: 12px 0px 3px 0px;
    border-style: none; 
    color: #5b3900;
    background-color: transparent;
    font-size: 1.084em; 
    font-weight: bolder;
}


/* ********************************************************************************************* */
/*  Horizontal rules.                                                                            */
/* ********************************************************************************************* */

hr {
    margin: 0px 0px 0px 0px; 
    padding: 9px 0px 9px 0px;
    border-style: none; 
    color: #5b3900;
}


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

input {
    margin: 0px 0px 0px 0px; 
    padding: 1px 1px 1px 1px;
    color: #4a280d;
}

input.button {
    color: #5b3900;
    font-weight: bolder;
}

input.checkbox {
    margin: 0px 0px 0px 0px; 
    padding: 0px 6px 0px 1px;
    color: #4a280d;
    height: 12px;
    width: 12px;
}

select {
    margin: 0px 0px 0px 0px; 
    padding: 1px 1px 1px 1px;
    color: #4a280d;
}


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

ol {
    margin-top: 0px; 
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px; 
}

ul {
    margin-top: 0px; 
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px; 
    color: #5b3900;
    background-color: transparent;
}

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


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

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

p.error {
    margin: 0px 0px 0px 0px; 
    padding: 15px 0px 0px 0px;
    color:#cc1919;
    background-color: transparent; 
    font-style: italic;
    font-weight: bolder;
}

p.indentList {
    margin: 0px 0px 0px 18px; 
    padding: 6px 0px 0px 0px;
    border-style: none; 
}

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

p.signOn a { 
    color: #5b3900;
    background-color: transparent; 
    font-weight: bolder;
    text-decoration: none;
}

p.signOn a:hover { 
    color: #fffbf7; 
    background-color: #5b3900; 
}

p.smallPadding {
    margin: 0px 0px 0px 0px; 
    padding: 6px 0px 0px 0px;
    border-style: none; 
}

p.spacer {
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px;
    font-size: 3px;
}

p.success {
    margin: 0px 0px 0px 0px; 
    padding: 15px 0px 0px 0px;
    color:#299444;
    background-color: transparent; 
    font-style: italic;
    font-weight: bolder;
}


/* ********************************************************************************************* */
/*  Normal table characteristics.                                                                       */
/* ********************************************************************************************* */

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

table.insetTable {                        /* for defining a table within a table                 */
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px;
    font-size: 0.917em;
}


/* ********************************************************************************************* */
/*  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; 
    color: #000000;
    font-weight: normal;
}

td.contentLeft {
    margin: 0px 0px 0px 0px; 
    padding: 6px 6px 6px 3px;
    border-style: none; 
    color: #000000;
    font-weight: normal;
}

td.contentRight {
    margin: 0px 0px 0px 0px; 
    padding: 6px 3px 6px 6px;
    border-style: none; 
    color: #000000;
    font-weight: normal;
}

td.contentSingle {
    margin: 0px 0px 0px 0px; 
    padding: 6px 3px 6px 3px;
    border-style: none; 
    color: #000000;
    font-weight: normal;
}


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

td.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: #5b3900;
}

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

td.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: #5b3900;
}

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

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: #5b3900;
}

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

td.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: #5b3900;
}

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

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: #5b3900;
}

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

td.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: #5b3900;
}

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

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: #5b3900;
}

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

td.singleColumnDualBorders {
    margin: 6px 0px 18px 0px; 
    padding: 6px 0px 6px 0px;
    border-top: 3px; 
    border-right: 0px; 
    border-bottom: 3px; 
    border-left: 0px; 
    border-style: solid; 
    border-color: #5b3900;
}

td.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: #5b3900;
}

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

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


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

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

tr.smlHdg {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #000000;
    font-weight: bolder;
}

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

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


/* ********************************************************************************************* */
/*  Generic characteristics that can be applied to any element.                                  */
/* ********************************************************************************************* */

*.annotation {                            
    margin: 0px 0px 0px 0px; 
    padding: 1px 0px 1px 0px;
    border-style: none;
    font-size: 0.917em;      
    font-style: italic;
}

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

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

*.largeFont {                 /*  NEW  */
    font-size: 1.083em;
}

*.smallFont {                 /*  NEW  */
    font-size: 0.833em;
}