/*****
Patriot
Last update: 5-17-2020
Notes: The style name is the first line after the first comment line. Do not write
       anything else on the style name line that is not a part of the style name.
*****/
/* This is the attribute tag for the precinct chair name. Be
careful of what is applied here. Generally a color attribute 
is all that is needed. */
a.hidden {
    color: #833;
}
/* The website fixed divs are transparent, so whatever is specified
here for background images, colors, etc. will be rendered, unless 
superceded by the userheader and userbody divs below. */
body {
    background-color: #919191;
}
/* The div title attribute is used to display the website title. */
div#title {
    color: #a66; 
    font-family: Oxygen, Arial, Helvetica;
    font-size: 44pt;
    font-weight: bold;
    font-style: italic;
    text-shadow: -2px -2px whitesmoke;
    margin-top: 0.1em;
    text-align: center;
}
/* userheader is used to display any user theme with the body header,
which is the top "static" portion of all web pages prior to the content
portion of the web page (articles, events, etc.) The height and width
attributes of this div should not be specified absolutely, since the
userheader is contained in an absolutely defined div. */
div#userheader {
    background-color: silver;
    margin: 0.2em 0.4em;
    height: 6.0em;
    width: 99%;
}
/* userbody is used to display any user theme with the body, or content
portion of the web page. The height and width attributes should not be
specified absolutely, since the userheader is contained in an absolutely
defined div. */
div#userbody {
    background-image: url("257923_3.jpg");
    background-size: 60% 80%;
    background-repeat: no-repeat;
    height: 50em;
    margin: 0.2em 0.4em;
    padding-bottom: 1.2em;
    overflow: hidden;
}
/* userstyle is used to display headers, which include articles, calendar
events and news/commentary headers. */
h2.userstyle {
    font-family: Arial, Times, serif;
    font-weight: bold;
    font-style: italic;
    font-size: 16pt;
    text-align: left;
    color: #A52A2A;
}
/* The span menuitemv is used to display the left side menu block. */
span.menuitemv { /* Normal, not selected */
    padding: 0.2em 0.5em;
    margin-right: 0.8em;
    font-family: Calibri, Cambria, Arial;
    font-weight: normal;
    font-style: italic;
    font-size: 12pt;
    background-color: #c99;
    color: #733;
    border: 1px solid #d99;
    border-radius: 12px;
    box-shadow: 5px 5px 2px #833;
}
span.menuitemv:hover { /* Hover style */
    padding: 0.2em 0.5em;
    margin-right: 0.8em;
    font-family: Calibri, Cambria, Arial;
    font-weight: normal;
    font-style: italic;
    font-size: 12pt;
    background-color: #833;
    color: #e99;
    border: 1px solid #3aa;
    border-radius: 12px;
    box-shadow: 3px 3px 2px #bb4;
}
span.menuitemva { /* Active, menu selected */
    padding: 0.2em 0.5em;
    margin-right: 0.8em;
    font-family: Calibri, Cambria, Arial;
    font-weight: normal;
    font-style: italic;
    font-size: 12pt;
    background-color: #833;
    color: #e99;
    border: 1px solid #3aa;
    border-radius: 12px;
    box-shadow: 3px 3px 2px #44a;
}