@import "color.css";

/*
    general.css
    
    August 30 2023
*/

body {
    background: white;
}

.times {
    font-family: "Times New Roman",serif;
}

.palatino {
    font-family: "Palatino","Palatino Linotype",serif;
}


/*
    embedlinks.js works primarily with div and li blocks
    this definition defines standard properties for div and li
    for convenience, the p tag is also included

    note:
        if you prefer  text-align:left  to  text-align: justify
        edit the definition below
*/
div, li, p {
    text-align: justify;
    margin-bottom: 0.25em;
}


/*
    since the default ul margin-top and margin-bottom in a browser
    is large, this definition reduces these values
*/
ul {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/*
    by html rules, one may not embed a ul directly into a ul
    rather, one must embed a ul into an li in an outer ul

    the noliststyletype avoids a "bullet" symbol for the li
    that acts as the bridge between an inner and outer ul

    this class may be used to suppress the "bullet" symbol
    in any other cases where that is desired
*/
.noliststyletype {
    list-style-type: none;
}


/* 
    indent classes indent on left side
    indent amount is a multiple of 40px
*/

.indent, .indent1 {
    margin-left: 40px;
}

.indent2 {
    margin-left: 80px;
}

.indent3 {
    margin-left: 120px;
}

.indent4 {
    margin-left: 160px;
}

/* 
    bident classes indent symmetrically on both sides
    indent amount is a multiple of 40px
*/

.bident, .bident1 {
    margin-left: 40px;
    margin-right: 40px;
}

.bident2 {
    margin-left: 80px;
    margin-right: 80px;
}

.bident3 {
    margin-left: 120px;
    margin-right: 120px;
}

.bident4 {
    margin-left: 160px;
    margin-right: 160px;
}


/*
    font style
*/

.italic {
    font-style: italic;
}

.normal_style {
    font-style: normal;
}


/*
    font weight
*/

.bold {
    font-weight: bold;
}

.normal_weight {
    font-weight: normal;
}

/*
    both normal style and normal weight
*/

.normal {
    font-style: normal;
    font-weight: normal;
}


/*
    text align
*/

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.justify {
    text-align: justify;
}

.text-align-inherit {
    text-align: inherit;
}

/*
    vertical align
*/

.valign-baseline {
    vertical-align: baseline;
}

.valign-top {
    vertical-align: top;
}

.valign-middle {
    vertical-align: middle;
}

.valign-bottom {
    vertical-align: bottom;
}

.valign-text-top {
    vertical-align: text-top;
}

.valign-text-bottom {
    vertical-align: text-bottom;
}

.valign-sub {
    vertical-align: sub;
}

.valign-super {
    vertical-align: super;
}

/*
    font size adjustment

    naming: fsX where X is a percentage

    percentages are from 50% to 250% in increments of 5%
*/

.fs50 {
    font-size: 50%;
}

.fs55 {
    font-size: 55%;
}

.fs60 {
    font-size: 60%;
}

.fs65 {
    font-size: 65%;
}

.fs70 {
    font-size: 70%;
}

.fs75 {
    font-size: 75%;
}

.fs80 {
    font-size: 80%;
}

.fs85 {
    font-size: 85%;
}

.fs90 {
    font-size: 90%;
}

.fs95 {
    font-size: 95%;
}

.fs100 {
    font-size: 100%;
}

.fs105 {
    font-size: 105%;
}

.fs110 {
    font-size: 110%;
}

.fs115 {
    font-size: 115%;
}

.fs120 {
    font-size: 120%;
}

.fs125 {
    font-size: 125%;
}

.fs130 {
    font-size: 130%;
}

.fs135 {
    font-size: 135%;
}

.fs140 {
    font-size: 140%;
}

.fs145 {
    font-size: 145%;
}

.fs150 {
    font-size: 150%;
}

.fs155 {
    font-size: 155%;
}

.fs160 {
    font-size: 160%;
}

.fs165 {
    font-size: 165%;
}

.fs170 {
    font-size: 170%;
}

.fs175 {
    font-size: 150%;
}

.fs175 {
    font-size: 175%;
}

.fs180 {
    font-size: 180%;
}

.fs185 {
    font-size: 185%;
}

.fs190 {
    font-size: 190%;
}

.fs195 {
    font-size: 195%;
}

.fs200 {
    font-size: 200%;
}

.fs205 {
    font-size: 205%;
}

.fs210 {
    font-size: 210%;
}

.fs215 {
    font-size: 215%;
}

.fs220 {
    font-size: 220%;
}

.fs225 {
    font-size: 225%;
}

.fs230 {
    font-size: 230%;
}

.fs235 {
    font-size: 235%;
}

.fs240 {
    font-size: 240%;
}

.fs245 {
    font-size: 245%;
}

.fs250 {
    font-size: 250%;
}

/*
    font choice for monospaced text
*/

pre, code, .pre, .code, .mono {
    font-family: "Courier New", monospace;
}

/*
    .pre - css class to act like a pre block
*/

.pre {
    white-space: pre;
}


/*
    standard settings for links
*/

/* initial link settings */
a, a > code, a > .code {
    color: #08f;
    font-weight: bold;
    text-decoration: none;
}

/* adjustments for visited link */
a:visited, a:visited > code, a:visited > .code {
    color: #88f;
}

/* adjustments for mouse hover over a link */
a:hover, a > code:hover, a > .code:hover, a:visited:hover, a:visited > code:hover, a:visited > .code:hover {
    color: #f00;
}


/*
    img settings
        max-width: 100%;

    this prevents an image from being wider than its block container
*/
img {
    max-width: 100%;
}


/*
    hidden entities
*/

.hidden {
    display: none;
}


/*
    maximum width adjustment
    
    naming: mwX where X is a percentage

    set max-width of a block container in percent values
    relative to the parent of the block

    percent values range from 95 to 10 in multiples of 5
    also does the special percent values of 33 and 66

    if X is the numeric value of the percent,
    mwX sets:
        max-width: X%;

    this means that the max-width of the container is set
    to X% of its parent's width

    mwX also sets
        box-sizing: border-box;
    so that the computation accounts for padding and border


    the block may be positioned within normal flow using
    the commands blockC, blockL, blockR given below



    note that the alignment of flow content within a block
    is controlled by the text-align commands encapsulated
    in left, right, center, justify given above
*/

.mw95 {
    box-sizing: border-box;
    max-width: 95%;
}

.mw90 {
    box-sizing: border-box;
    max-width: 90%;
}

.mw85 {
    box-sizing: border-box;
    max-width: 85%;
}

.mw80 {
    box-sizing: border-box;
    max-width: 80%;
}

.mw75 {
    box-sizing: border-box;
    max-width: 75%;
}

.mw70 {
    box-sizing: border-box;
    max-width: 70%;
}

.mw66 {
    box-sizing: border-box;
    max-width: 66%;
}

.mw65 {
    box-sizing: border-box;
    max-width: 65%;
}

.mw60 {
    box-sizing: border-box;
    max-width: 60%;
}

.mw55 {
    box-sizing: border-box;
    max-width: 55%;
}

.mw50 {
    box-sizing: border-box;
    max-width: 50%;
}

.mw45 {
    box-sizing: border-box;
    max-width: 45%;
}

.mw40 {
    box-sizing: border-box;
    max-width: 40%;
}

.mw35 {
    box-sizing: border-box;
    max-width: 35%;
}

.mw33 {
    box-sizing: border-box;
    max-width: 33%;
}

.mw30 {
    box-sizing: border-box;
    max-width: 30%;
}

.mw25 {
    box-sizing: border-box;
    max-width: 25%;
}

.mw20 {
    box-sizing: border-box;
    max-width: 20%;
}

.mw15 {
    box-sizing: border-box;
    max-width: 15%;
}

.mw10 {
    box-sizing: border-box;
    max-width: 10%;
}


/*
    position a block whose width is less than the width of its parent
    when block remains in the normal flow of blocks within the parent

    blockC: center block within its parent
    blockL: align left  edge of block with left  edge of parent
    blockR: align right edge of block with right edge of parent
*/

.blockC {
    margin: 0 auto;
}

.blockL {
    margin: 0 auto 0 0;
}

.blockR {
    margin: 0 0 0 auto;
}


/*
    float control commands

    used to float a block or to end current floats

    floatL: float block to left
    floatR: float block to right

    clearfloat:  clear all current float situations

    float: css with no css behavior
    used to signal that a default clearfloat should NOT
    be done - see below

    a block may be taken out of normal flow and floated
    using the commands floatL or floatR

    eventually a float situation should be cleared
    in order to return to normal flow
    use the clearfloat command
    
    the command float has no css behavior
    float is inserted in image css to override the default
    clearfloat that is implemented in image rendering
    
    we have implemented image blocks that place an image
    on the left or the right using floatL and floatR
    
    this is only way that we found to center a title
    underneath an image that is placed left or right
    
    the technical reason is that floatL and floatR create
    blocks that accurately measure the width of an image
    and thus enable centering of the title underneath
    
    by default after an image is rendered
    we clear these the float commands
    
    however if you wish to allow the float to continue
    after the image is rendered by floatL or floatR
    then use float in the image css to signal that wish
    the image code will override the default clearfloat
*/

.floatL {
    float: left;
}

.floatR {
    float: right;
}

.clearfloat {
    clear: both;
}

.float {}       /* no behavior - this is a signal */

.titlebelow {}  /* no behavior - this is a signal */


/*
    wide sets left and right margin to 20px
*/
.wide {
    margin-left: 20px;
    margin-right: 20px;
}

/*
    other specific margins
    margin left (mL*), right (mR*), and both margin left and right (mLR*)
    where * represents measurements in pixels with values 5, 10, 15, 20, 25
 */

.mL5 {
    margin-left: 5px;
}

.mL10 {
    margin-left: 10px;
}

.m15 {
    margin-left: 15px;
}

.mL20 {
    margin-left: 20px;
}

.mL25 {
    margin-left: 25px;
}

.mR5 {
    margin-right: 5px;
}

.mR10 {
    margin-right: 10px;
}

.mR15 {
    margin-right: 15px;
}

.mR20 {
    margin-right: 20px;
}

.mR25 {
    margin-right: 25px;
}

.mLR5 {
    margin-left: 5px;
    margin-right: 5px;
}

.mLR10 {
    margin-left: 10px;
    margin-right: 10px;
}

.mLR15 {
    margin-left: 15px;
    margin-right: 15px;
}

.mLR20 {
    margin-left: 20px;
    margin-right: 20px;
}

.mLR25 {
    margin-leftt: 25px;
    margin-right: 25px;
}

/*'
    wide is equivalent to mLR20
 */


/* table default settings */

table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}

th, td { for Alameda County, Contra Costa County, and the City of Palo Altoding: 5px; }