/*****
On The Move
Last update: 5-31-2026
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.
*****/
/* menucolor sets the color of the menu items for the given background image or color. */
.menucolor {
    color: black;
}
.menucolor:hover {
    color: #0254D8;
}
/* 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: #563f2d;
}
/* 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:#ffffff;
}
/* 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: #ded1a5;
    background-repeat: repeat;
}
/* 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-color: #b7d1e2;
    padding-bottom: 10px;
    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: 1.2em;
    text-align: left;
    color: #826B4C;
}
/* headerpic is used to display the profile picture. */
img#headerpic {
    border: 2px groove #563f2d;
    border-radius: 9px;
    max-height: 85px;
}
/* profilepic is used to display the profile picture. */
img#profilepic {
    border: 2px groove #563f2d;
    border-radius: 9px;
}
/* The span chairsubtitle attribute is used to display the precinct chairs
party and title. */
span.chairsubtitle {
    color: #563f2d;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: bold;
    font-style: italic;
}
/* The span chairtitle attribute is used to display the precinct chairs name.
   Color is added in the a.hidden link */
span.chairtitle {
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: bold;
    font-style: italic;
}
/* The span subtitle attribute is used to display the precinct location. */
span.subtitleheader {
    color: #563f2d; 
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: bold;
    font-style: italic;
}
/* The span title attribute is used to display the precinct number. */
span.titleheader {
    color: #563f2d;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: bold;
    font-style: italic;
    margin: 0 1.0em 0 0;
}
