/*elements*/
body { font-family: Georgia, "Times New Roman", Times, serif; background-color: #b6b8dc; background-image: url(../images/quilt_strip.jpg); background-repeat: repeat-y; background-position: 0 0; height: 100%; margin: 0; padding: 0; }
.newsletter_text { font-size: 1.1em; text-align: justify; }
.img_news { margin-top: 15px; border: solid 1px #222; }
.img_news_btmspc { margin-top: 15px; margin-bottom: 6px; border: solid 1px #222; }
html { height: 100%; margin: 0; padding: 0; }
.gallery_index_link { color: #039; font-size: 0.9em; font-style: italic; }
.class { }
a:visited { color: #039; }
a:active { color: #039; }
a:hover { color: #636; }
h1 { color: #636; font-size: 15px; font-weight: bold; margin: 4px 0; }
hr { color: #636; background-color: #636; }
/*text
*/
.table_border { border-right: 3px solid #575975; border-left: 3px solid #575975; }
.photo_captions { font-size: 12px; text-align: center; }
.banner_spacer { margin-top: 4px; margin-bottom: 4px; }
.img_border { margin: 4px 4px 4px 0; padding: 0; border: solid 1px #636; }
.flash_spacer { left: 310px; margin-right: 6px; margin-bottom: 6px; margin-left: 10px; border: solid 2px #636; }
.left_spacer { margin-left: 35px; }
.img_border2 { padding: 0; border: solid 1px #636; }
.paragraphs { font-size: 14px; text-align: justify; margin-right: 2px; margin-left: 2px; padding: 10px 10px 0; }
.footer { color: #575757; font-size: 11px; text-align: center; bottom: 0; margin-top: 10px; margin-bottom: 0; padding: 4px; border: solid thin #333; }
.gallery_headers { color: black; font-size: 11px; font-style: italic; text-decoration: underline; text-align: left; margin-top: 0; bottom: 0; }
.table_formatting { font-size: 14px; text-align: left; }
.bottom_table_spacer { margin-top: 6px; margin-bottom: 6px; }
/*menu
*/
#navcontainer
{ font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 22px; background-image: url(../images/navback.png); background-repeat: repeat-x; text-align: center; width: 756px; height: 23px; z-index: 0; margin-top: 0; margin-bottom: 0; padding: 0; }
#navlist
{ font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; width: 100%; text-align: center; margin: 0 auto; padding: 0; text-indent: 0; list-style-type: none; }
#navlist li
{ font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding: 0; margin: 0; text-indent: 0; display: inline; }
#navlist li a
{ letter-spacing: -1px; color: #fff; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; padding: 0 12px; }
#navlist li a:hover,#navlist a#current
{ color: #ff9; border-top: medium none; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline; }
#navlist a#current { color: #ffc; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline; }
/*tooltip
*/
a.info{ position:relative; /*this is the key*/
    z-index:24; color:#000; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:none   }
a.info:hover{ font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; z-index:25; }
a.info span{ font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; display: none   }
a.info:hover span{ /*the span will display just on :hover state*/
    position:absolute; top:2em; left:2em; width:15em; border:solid 1px #1e214a; background-color:#f7d39e; color:#000; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; padding: 2px; display: block; }