/* ========================================
really need to remove this -- jber 20140203
BASE (reset all basic html tags)
========================================== */

div, h1, h2, h3, h4, h5, h6,  blockquote, fieldset, ledgend, form, label, ul, li, ol, dl, dd, dt, address { /* stripper */
    margin: 0;
    padding: 0;
    font: arial,sans-serif;
    color: #333;
    text-decoration: none;
    border: none;
    line-height: 1.5rem;
    }
img { border: none; }

/* ========================================
STRUCTURE (position, width, height, margin, padding, etc.)
========================================== */

/* basics
------------------------------------ */

html {
    margin: 0;
    padding: 0;
    height: 100%;
    min-height: 100%;
    }
body {
    text-align: center;
    margin: 0;
    padding: 0;
    background: #fff;
    }
blockquote{
    margin: 15px;
    }


/* div construction
------------------------------------ */

#wrapper {
    margin: 0 auto;
    padding: 0px;
    width: 90%;
    max-width: 800px;
    background: #ffffff;
    text-align: left;
    }

#stroke {
    margin: 0;
    margin-top:25px;
    margin-bottom:25px;
    padding: 0;
    background: #ffffff;
    border: 18px solid #f4f4f2;
    }

#inner-edge {
    margin: 0;
    padding: 0;
    border-left: 20px solid #ffffff;
    border-right: 20px solid #ffffff;
    }

#inner-edge a, #inner-edge a:visited {
    color: #1a0dab;
    text-decoration: none;
font-size: 1.1rem;
    margin-bottom: -8px;
    display: block;
    }
#inner-edge a:hover {
    color: #1a0dab;
    text-decoration: underline;
    }


/* naviation
------------------------------------ */

#mainnav {
    width: 658px;
    height: 20px;
    padding: 5px 0 0 0;
    background: #666;
    font: bold 12px Verdana, "Trebuchet MS", Arial, Helvetica;
    clear: both;
    }

#mainnav ul {
    margin: 0;
    list-style: none;
    }
#mainnav li {
    margin: 0;
    padding: 0;
    display: inline;
    position: relative;
    color: #ffffff;
    padding: 0px 10px 0px 30px;
    }
#mainnav li a, #mainnav li a:visited {
    color: #ffffff;
    text-decoration: none;
    }
#mainnav li a:hover {
    color: #ffccff;
    text-decoration: underline;
    }



/* footer
------------------------------------ */

#footer {
    margin: 0;
    width: 764px;
    background-color: #58585a;
    clear: both;
    border-top: 5px solid white;
    min-height: 80px;
    }



address {
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-align: right;
    padding-top: 11px;
    padding-right: 8px;
}


address a, address a:visited {
    color: #ffffff;
    text-decoration: none;
    }
address a:hover {
    color: #663366;
    text-decoration: underline;
    }




/* content
------------------------------------ */
h1 {
    font:  18px Helvetica, Arial, Verdana,sans-serif;
    color: #000000;
    padding-top: 17px;
    text-transform: uppercase;
    }
h2 {
    font:  18px Helvetica, Arial, Verdana,sans-serif;
    color: #996699;
    padding-top: 17px;
    text-transform: uppercase;
    width: 280;
    font-weight:bold;
    }

.clientname {
    font:  18px Helvetica, Arial, Verdana,sans-serif;
    color: #996699;
    padding-top: 5px;
    text-transform: uppercase;
    width: 280;
    font-weight:bold;
    }

p {
    font: normal 14px Verdana, Arial, Helvetica, sans-serif;
    color: #323833;
    line-height: 1.2em;
    }

p.headline {
    font-size: 1.15rem;
    }

.entry h2 {
    font: bold 12px Arial, Helvetica, Verdana,sans-serif;
    color: #ffffff;
    padding: 5px;
    text-transform: none;
    background-color: #58585a;
    width: 380px;
    margin-top: 25px;
    }

.entry {
    border-bottom: 1px dashed #58585a;
    }

ul {
    margin: 0;
    font: normal 14px arial,sans-serif;
    color: #323833;
    list-style: none;
    line-height: 1.2em;
    }
li {
    margin: 0;
    padding: 0;
    color: #000000;
    padding: 5px 0px 5px 0px;
    line-height: 1.2em;
    }

.entry ul {
    margin: 0;
    font: normal 14px arial,sans-serif;
    color: #323833;
    padding: 5px 0px 15px 30px;
    list-style: disc;
    }
.entry li {
    margin: 0;
    padding: 0;
    color: #000000;
    padding: 15px 0px 5px 10px;
    line-height: 1.3em;
    }


ul.thumbnails  {
    margin: 0;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    color: #323833;
    padding: 15px 0px 15px 0px;
    list-style: none;
    }
.thumbnails li {
    margin: 0;
    padding: 0;
    color: #000000;
    padding: 15px 0px 5px 0px;
    width: 230px;
    margin-left: 60px;
    float: left;
    }

div.clear {
    clear: both;
    color: #ffffff;
}

ul.thumbnails2  {
    margin: 0;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    color: #323833;
    padding: 15px 0px 15px 0px;
    list-style: none;
    }
.thumbnails2 li {
    margin: 0;
    padding: 0;
    color: #000000;
    padding: 15px 0px 5px 0px;
    width: 230px;
    margin-left: 60px;
    float: left;
    }

.ledger {
    font: bold 12px Arial, Helvetica, Verdana,sans-serif;
    padding: 15px;
    text-transform: none;
    margin-top: 155px;
    width:628px; background:#996699; height: 30px;  color: #ffffff;
    }

table.thumbnails td  {
    margin: 0;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    color: #323833;
    padding: 15px 0px 15px 30px;
}

.red {
color:#cc0000;
}
