body { font-family: arial, helvetica, sans-serif; margin: 0px 5px; }

h2 { margin: 19px 0 9px 0 }

.container { margin-left:auto; margin-right:auto; }

div.quote, table.quote { margin-left: 2em; margin-right: 3em; border: 1px dashed #428d4b; padding: 0px }
table.quote td { padding: 5px }

table#header { background-color: #fff; padding-bottom: 5px; margin-bottom: 5px }
table#header th { width: 227px; text-align: left; }
table#header td { font-size: 40px; font-family: arial }
table#header td.subtitle { font-size: 16px; text-align: left; padding-left: 20px; color: #428d4b }
table#header td.subtitle div { border: 2px solid #9ecd4f; padding: 10px; font-weight: bold }

table#header.small img { width: 50% }
table#header.small th  {  }
table#header.small td { font-size: 50% }

div.header { border-bottom: 1px dashed #ccc; }

#site { width: 900px; padding-top: 5px; }

td.options { width: 160px; vertical-align: top; padding-top: 5px }
table.options { width: 160px; }
table.options tr.title { text-align: center; color: #777; background-color: #eee }
table.options tr.title th { border: 1px solid; }
table.options td { padding: 5px 10px 0px 10px; border-right: 1px dashed #ccc; border-left: 1px dashed #ccc; font-family: arial, helvetica, sans-serif; font-size: 12px;  }
table.options td p { margin: 7px 0px; }

table.options td A { text-decoration: none; font-weight: bold; }
table.options td A:link { color: #428d4b }
table.options td A:active { color: #808080 }
table.options td A:visited { /* font-weight: normal; */ color: #428d4b }
table.options td A:hover { background-color: #428d4b; color: white }
table.options td A.sel { font-weight: bold; color: #428d4b; text-decoration: underline }
table.options td A:visited.sel { color: #428d4b }
table.options td A:hover.sel { background-color: white; }
table.options td A b { color: #9ecd4f; }

table.options td a {
        position:relative;
        z-index:24;
        text-decoration:none;
	}

table.options td a:hover {z-index:25; zcursor: help;}
table.options td a span {display: none}
table.options td a:hover span {
        display:block;
        position:absolute;
        top:-0.5em; left:10em; width:10em; padding: 5px; 
        border:1px solid #aaa;
        background-color:#eee;
	color:#000;
        text-align: left;
        text-decoration: none;
        margin-left: 0px;
}

table.options td a:hover span.center { position: absolute; top: -150px; left: -300px; }
table.options td a img { border: 3px solid #ccc; }

table.options td a span div.a { padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 5px; }
table.options td a span ul { margin-left: 0px; padding-left: 20px; }
table.options td a span div.n { width: 100%; background-color: #666; color: #fff; text-align: center; }

table.options td ul { margin: 0px 0px 0px 20px; padding-left: 0px; color: #428d4b }
table.options td ul li { margin: 0px 0px 0px 0px; padding: 0px;}
table.options td p.hdr { color: #428d4b; font-weight: bold }

td.news { width: 160px; vertical-align: top; padding-top: 5px }

table.subscribe { background: #eee; padding: 10px }
table.subscribe th { text-align: right; padding-right: 10px; white-space: nowrap }
table.subscribe tr { border: 1px solid #ccc }

td.main { vertical-align: top; padding-left: 5px; zwidth: 640px;
padding-top: 5px; font-size: 15px}

td.main ol li { margin: 0px 0px 10px 0px; padding: 0px; }

table.promo { }
table.promo td.two { text-align: left; vertical-align: top; padding: 0px }
table.promo td.textright { text-align: left; vertical-align: top; padding: 0px 0px 0px 10px }
table.promo td a img { padding: 5px; border: 1px solid #ccc }

table.photoarticle td { vertical-align: top; padding-right: 10px }
table.mailmerge { width: 100% }
table.mailmerge td { vertical-align: top; width: 100% }

table.books { margin: 0px auto; }

table.book { padding: 10px }
table.book th { text-align: center }
table.book td { text-align: center }

table.links { margin: 0px auto; padding: 15px; border-collapse: separate }
table.links td { text-align: center; width: 400px; padding: 15px; border: 1px solid #ccc; font-size: 13px }
table.links td.two { text-align: center; }
table.links th a img { padding: 5px; border: 1px solid #ccc }

a.hover {
        position:relative; /*this is the key*/
        z-index:24;
        text-decoration:none;
	}

a.hover:hover {z-index:25; zcursor: help;}
a.hover span {display: none}
a.hover:hover span { /* the span will display just on :hover state */
        display:block;
        position:absolute;
        /* top:-0.5em; left:10em; */
	width:10em;
	color:#000;
        text-align: left;
        text-decoration: none;
        margin-left: 0px;
}

a.hover:hover span.center { top: -150px; left: -100px; border: 0;}
a.hover:hover span.center img { border: 1px solid #ccc; }

img.photoborder { border: 1px solid #ccc; display:block; margin-left: auto; margin-right: auto; padding: 2px; margin-bottom: 4px }





a.link {
	color:#428D4B;
	text-decoration:none;
}