/* ********************************************************************************************* */
/*                                                                                               */
/*  Created by:         Paul McKlveen                                                            */
/*          on:         03-NOV-2009                                                              */
/*                                                                                               */
/*  Updated by:         Paul McKlveen                                                            */
/*          on:         06-NOV-2011                                                              */
/*                                                                                               */
/*  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                                          */
/*     945a29     gold                 Text in form input boxes, and success messages            */
/*     fff1d9     off-white            Background                                                */
/*     cc1919     red                  Error Message text                                        */
/*                                                                                               */
/* ********************************************************************************************* */

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

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

a:hover {
    color: #fff1d9;
    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: #5b3900;
    background-color: transparent;
}

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


/* ********************************************************************************************* */
/*  pageLinks: used for page number hyperlinks.                                                  */
/* ********************************************************************************************* */

a.pageLinks {
    font-weight: bolder;
    text-decoration: underline;
    color: #5b3900;
    background-color: transparent;
}

a.pageLinks:hover {
    color: #fff1d9;
    background-color: #5b3900;
}


/* ********************************************************************************************* */
/*  menu: used for displaying small menu links.                                                  */
/* ********************************************************************************************* */

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

a.menu:hover {
    color: #fff1d9;
    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: 81%;   /*  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;
    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;
    color: #000000;
    background-color: #fff1d9;
    text-align: left;
}

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

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

div.footerSection {                       /* footerSection is within contentBlock                */
    margin: 6px 0px 0px 0px;
    padding: 0px 0px 0px 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 6px 0px 6px;
    background-image: url(../images/gradient.png);
    border-top: 3px;
    border-right: 3px;
    border-bottom: 3px;
    border-left: 3px;
    border-style: solid;
    border-color: #000000;
}

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

div.titleSection {
    margin: 9px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-style: none;
    color: #000000;
    background-color: transparent;
    font-weight: bolder;
}

div.titleSection h1 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 2px 0px;
    border-style: none;
    color: #5b3900;
    background-color: transparent;
    font-size: 1.5em;
    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.topMenuBlockSlideshow {               /* topMenuBlockSlideshow is within bodyBlock           */
    margin: 0px 0px 0px 0px;
    padding: 6px 6px 6px 6px;
    border-style: none;
    vertical-align: middle;
}

div.topMenuLine {
    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: #fff1d9;
    background-color: transparent;
}

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


/* ********************************************************************************************* */
/*  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.5em;
    font-weight: bolder;
}

h1.agehrLogo {
    margin: 0px 0px 0px 0px;
    padding: 1px 0px 0px 0px;
    border-style: none;
    color: #000000;
    background-color: transparent;
    font-size: 1.334em;
    font-weight: normal;
    text-align: right;
}

h1.area7Logo {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-style: none;
    color: #000000;
    background-color: transparent;
    font-size: 1.5em;
    font-weight: normal;
    text-align: center;
}

h1.guildMotto {
    margin: 0px 0px 0px 0px;
    padding: 0px 4px 3px 0px;
    border-style: none;
    color: #5b3900;
    background-color: transparent;
    font-size: 1.334em;
    font-style: italic;
    font-weight: normal;
    text-align: right;
}

h2 {
    margin: 0px 0px 0px 0px;
    padding: 15px 0px 3px 0px;
    border-style: none;
    color: #5b3900;
    background-color: transparent;
    font-size: 1.5em;
    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.25em;
    font-weight: bolder;
}

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


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

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


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

input.pageLinks {
    margin: 0px 0px 0px 0px;
    padding: 1px 1px 1px 1px;
    border-style: none;
    color: #5b3900;
    font-size: 0.917em;
    font-weight: bolder;
}

input.standard {
    margin: 0px 0px 0px 0px;
    padding: 1px 1px 1px 1px;
    border-color:#5b3900;
    border-style: solid;
    color: #945a29;
}

option {
    margin: 0px 0px 0px 0px;
    padding: 1px 1px 1px 1px;
    border-color:#c2c1c6;
    border-style: solid;
    color: #945a29;
}

select {
    margin: 0px 0px 0px 0px;
    padding: 1px 1px 1px 1px;
    border-color:#c2c1c6;
    border-style: solid;
    color: #945a29;
}


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

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

ol.noUpperMargin {
    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;
}

p.bold {
    margin: 0px 0px 0px 0px;
    padding: 15px 0px 0px 0px;
    border-style: none;
    font-weight: bolder;
}

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

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

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

p.italic {
    margin: 0px 0px 0px 0px;
    padding: 15px 0px 0px 0px;
    border-style: none;
    font-style: italic;
}

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


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

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

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 {
    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;
}

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;
}

td.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;
}

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;
}

td.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;
}

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;
}

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

td.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;
}

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;
}

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.stdRowSpacer {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #000000;
    background-color: transparent;
    font-size: 6px;
    font-weight: normal;
}


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

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

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

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


/* ********************************************************************************************* */
/*  Styles for slide down articles                                                               */
/* ********************************************************************************************* */

#slidedownArticle {
    margin:             0px 0px 0px 0px;
    padding:            0px 0px 0px 0px;
    /*width:              550px;*/               /* 205px */
}

#slidedownArticle li {                       /* Article block */
    margin:             1px 0px 0px 0px;
    padding:            4px 0px 0px 0px;
    position:           relative;
    list-style-type:    none;
    clear:              both;
    display:            block;
}

#slidedownArticle li div {                   /* Article body - indented from heading */
    background-color:   transparent;
    margin:             0px 0px 0px 0px;
    padding:            8px 0px 12px 20px;
    border-style:       none;
}

#slidedownArticle li span {                  /* Heading style used when Javascript disabled */
    /*background-color:   #5b3900;*/
    border-style:       none;
    font-size:          1.125em;
    font-weight:        bold;
    margin:             0px 0px 1px 0px;
    padding:            2px 4px 2px 4px;
    color:              #5b3900;
    text-decoration:    none;
    line-height:        20px;
}

#slidedownArticle .hiddenArticle {           /* Hidden article heading - "li span" override */
    color:              #b56e32;
}

#slidedownArticle .shownArticle {            /* Shown article heading - "li span" override */
    color:              #5b3900;
}