/* Global styles for Stephenson County Website */

BODY, TABLE, P, LI {
    color: #000000;
    font-family: Arial, Helv, sans-serif;
    font-size: x-small
}

TT {
    font-size: x-small;
}

P, H1, H2, H3, H4, H5, UL {
    margin-top: 0pt;
    margin-bottom: 8pt
}

P, LI, H3, BLOCKQUOTE {
    line-height: 135%
}


H1, H2, H3, H4, H5, .coRed, .coGold {
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    font-weight: bold;
    font-size: large
}

H2 {
    font-size: medium;
    font-style: normal
}

H3 {
    font-family: Arial, Helv, sans-serif;
    font-weight: bold;
    font-variant: small-caps;
    font-style: normal;
    font-size: small
}

.ftNote {
    font-size: xx-small
}

.coRed {
    font-size: medium;
    color: #cc3333;
    line-height: 120%
}

.coGold {
    font-size: medium;
    color: #9c9a63
}

.coRedSub, .coRedSubSC {
    color: #cc3333;
    font-weight: bold
}

.coRedSubSC {
    font-variant: small-caps;
    font-size: small
}

A {
    color: #636531;
}

A:visited {
    color: #6495ed;
}

A:hover {
    color: #cc3333;
    background-color: #efefd9;
    text-decoration: none
}


/*** Styles for nav. links at top and bottom ***/
.hdr, .hdr:visited, .hdrOff {
    color: #fefefe;
    font-weight: bold;
    font-family: Verdana, Arial, sans-serif;
    background-color: transparent;
    text-decoration: none; 
    font-size: 10pt
}

.hdr:hover, .hdrOff {
    color: #dee57b; /* yellowish */
    background-color: transparent;
}

.goldAtLeft {
    border-left: 1px solid #999966
}


/*** Styles for navigation buttons at left ***/
.btnOn {
    background-color: #9c9a63;
}

.btnOff {
    background-color: #efefd9;
}

.btnOnInt {
    background-color: #636531;
}

.btnOffInt {
    background-color: #efefd9;
}

.btnOnIntHd {
    background-color: #636531;
}

.btnOffIntHd {
    background-color: #efefd9;
}

.mainMenuOff, .mainMenuOff:visited {
    color: #000000; /* black */
    width: 100%;
    background-color: transparent;
    text-decoration: none; 
}

.mainMenuOff:hover, .btnTop, .btnTop:hover, .btnTop:visited {
    color: #fefefe; /* almost white */
    width: 100%;
    background-color: transparent;
    text-decoration: none; 
}

.btnTop:hover {
    text-decoration: underline; 
}

.mainMenuOn, .mainMenuOn:visited {
    color: #fefefe; /* almost white */
    width: 100%;
    background-color: transparent;
    text-decoration: none
}

.btnOnRed {
    background-color: #cc3333;
}