body {background: #cfc url("greenbckgrnd.jpg") repeat-y; color: #000; margin: 0;}
body, div {font: 11px verdana,geneva,lucida,arial,sans-serif;} 
img {border: 0;}     

.ctr {text-align: center;}
.rgt {text-align: right;}
.bld {font-weight: bold;}
.ital {font-style: italic;}

/* logo */
#logo {position: absolute; top: 5px; left: 5px;}

/* masthead */
#mast {position: absolute; top: 5px; left: 155px; height: 113px; width: 100%;}
#mast h1, #mast h2 {color: white; padding-left: 20px;}

/* content area */
#contentframe {margin: 130px 180px 10px 170px; padding: 5px;}
#content {line-height: 130%; background: white; padding: 10px 10px 10px 20px;}
#content h4 {display: inline; margin: 0;}
#content img {float: right; margin-left: 10px;}
#content h3 {margin: 5px 0 5px;}
#content ul, #content ol {margin-top: 5px;}
#content ul li, #content ol li {margin-bottom: 3px; margin-left: -15px;}
.small {font-size: 10px; font-weight: normal; float: right;}
.bsmall {font-size: 10px; font-weight: bold;}
.xsmall {font-size: 6px;}
.fsmall {font-size: 10px;}
.blueframe {background: #003;}
.greenbdr {border: 3px double green;}
.greenframe {background: #030;}
.bluebdr {border: 3px double blue;}
.yellow {background: yellow;}
.blue {color: blue; margin-left: 15px; margin-right: 15px;}
.indent {margin-left: 15px; margin-right: 15px;}

/* weather icons */
#weather {position: absolute; top: 5px; right: 5px; z-index: 3; width: 150px;}

/* left nav */
#leftnav {position: absolute; top: 130px; left: 5px; width: 150px;}
#leftnav a {display: block; width: 140px; border: 2px solid #030; padding: 4px; font-weight: bold; text-decoration: none; margin-bottom: 1px; font-size: 11px; background: #030; color: #fff;}
#leftnav .here {display: block; width: 140px; border: 2px solid #060; padding: 4px; font-weight: bold; text-decoration: none; margin-bottom: 1px; font-size: 11px; background: #fff; color: #060;} 
#leftnav a:hover {background: #fff; color: #060;}
#leftnav h3 {color: #fff; font-size: 11px; padding: 0; margin: 5px 0 2px 5px;}

/* new nav */
#newnav {position: absolute; top: 130px; left: 5px; width: 150px;}
#newnav #outergreen {margin-bottom: 5px; padding: 10px; background-image: url('graphics/accents/crystalgreen.jpg'); border: 1px solid #030;}
#newnav #outerblue {margin-bottom: 5px; padding: 10px; background-image: url('graphics/accents/crystalblue.jpg');}
#newnav .inner {background: #fff;  padding-bottom: 3px; margin-bottom: 7px; border: 1px solid #030;}
#newnav .inner ul {list-style-type: none; padding: 0; padding-left: 10px; margin: 0; margin-bottom: 5px;}
#newnav .inner ul li {margin-bottom: 2px;}
#newnav a {color: #060;}
#newnav a:hover {color: #0c0;}
#newnav .here {padding-left: 10px; margin-bottom: 2px; font-weight: bold;}
#newnav .title {background-color: #060; color: #fff; font-weight: bold; font-style: italic; padding-left: 10px; padding-bottom: 2px; margin-bottom: 2px;}
#newnav #outergreen .here {color: #030;}
#newnav #outerblue a {color: #006;}
#newnav #outerblue a:hover {color: #00f;}
#newnav #outerblue .here {padding-left: 10px; margin-bottom: 2px; color: #003;}
#newnav #outerblue .title {background-color: #039; color: #fff; font-weight: bold; font-style: italic; padding-left: 10px; padding-bottom: 2px; margin-bottom: 2px;}

/* animal and other strange classes */
.froggy {background: #90ad04; color: #000;}
.smokie {background: #996633; color: #fff; font-weight: bold;}
blink {background: #f00; font-weight: bold; font-size: 14px;}

/* popup windows */
#popup {text-align: center;}
#popup h1 {font-size: 16px;}
#pic1 {width: 400px; margin-left: auto; margin-right: auto; font-weight: bold;}
#pic2 {width: 700px; margin-left: auto; margin-right: auto; font-weight: bold;}
#pic1 img, #pic2 img {margin: 5px;}
#text {margin: 10px;}

/* archive left nav */
#lnavarch {position: absolute; top: 130px; left: 5px; width: 150px;}
#lnavarch a, #lnavarch .here {display: block; width: 140px; border: 2px solid #003; padding: 4px; font-weight: bold; text-decoration: none; margin-bottom: 1px; font-size: 11px; background: #003; color: #fff;}
#lnavarch a:hover, #lnavarch .here {background: #fff; color: #039;}
#lnavarch h3 {color: #fff; font-size: 11px; padding: 0; margin: 5px 0 2px 5px;}

/* archive page table */
#archives {text-align: center;}
#archives table {width: 40%; margin-right: auto; margin-left: auto;}
#archives table td, #archives table th {border: none; padding: 1px 2px;}
#archives table td {text-align: left;}
#archives table th {color: #039; width: 33%;}

/* birthday page css */
#bday {text-align: center; margin: 10px;}
#bday h1 {font-size: 16px; color: #fff;}
#bday table {width: 90%; margin-right: auto; margin-left: auto; background: #fff; border: 5px solid #030;}
#bday table td, #bday table th {border: 1px solid #030; padding: 1px 2px;}
#bday table td {text-align: left;}
#bday table th {color: #030; width: 33%;}
#bday .tenpct {width: 10%;}
#bday .twelvepct {width: 12%;}
#bday .fiftpct {width: 15%;}
#bday #missing {font-size: 12px; font-weight: bold; font-style: italic;}

.joannie img {margin: 1px;}

/* jack left nav */
#lnavjack {position: absolute; top: 130px; left: 5px; width: 150px;}
#lnavjack a, #lnavjack .here {display: block; width: 140px; border: 2px solid #036; padding: 4px; font-weight: bold; text-decoration: none; margin-bottom: 1px; font-size: 11px; background: #036; color: #fff;}
#lnavjack a:hover, #lnavjack .here {background: #fff; color: #036;}
#lnavjack h3 {color: #fff; font-size: 11px; padding: 0; margin: 5px 0 2px 5px;}