/* Major sections of page */
html { background-color: white; }
body { width: 90%; max-width: 1000px; margin: auto; font-size: small; font-family: Verdana, sans-serif; color: black; }
#banner { border: 3px solid #404040; text-align: center; height: 125px; font-family: Arial, Helvetica, sans-serif; position: relative; }
#banner #logo { position: absolute; top: 0; left: 0; width: 188px; height: 100%; font-style: italic; font-weight: bold; }
#banner #motto { position: absolute; top: 0; right: 0; width: 188px; height: 100%; color: #bb0000; font-weight: bold; font-size: 110%; }
#banner img { border: none; }
#banner #motto p { border-top: 2px solid #404040; border-bottom: 2px solid #404040; margin-top: 25px; padding: 10px 0; }
#banner #sitename { margin: 15px 0 10px; }
#banner #tagline { font-size: 130%; }
#srch { position: absolute; right: 0; bottom: 0; width: 400px; }
#menu { clear: both; background-color: #404040; text-align: center; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; font-size: 120%; }
#menu table { margin: 0 auto; }
#menu table td { vertical-align: middle; padding: 0 5px; white-space: nowrap; }
#menu a { display: block; padding: 5px 10px; background-color: white; border: 2px solid #cccccc; color: black; text-decoration: none; letter-spacing: .02em; }
#menu a:hover { text-decoration: underline; background-color: #cccccc; color: #bb0000; }
#menu .social a { background-color: #404040; border: none; }
#menu .social a:hover { text-decoration: none; background-color: #404040; color: black; }
#main { clear: both; border: 3px solid #404040; position: relative; zoom: 1; }
#main #col-left { position: absolute; top: 0; left: 0; width: 188px; height: 100%; text-align: center; }
#col-left .members { background-image: url("images/bg-paper.jpg"); padding: 5px 10px 10px; margin-bottom: 15px; text-align: left; border-top: 2px solid #404040; border-bottom: 2px solid #404040; }
#col-left .hdg { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 120%; font-weight: bold; margin-top: 0; }
.members ul { margin: 0; margin-left: 15px; padding: 0; }
.members li { margin-bottom: 5px; }
#col-left .notice { font-family: "Arial Black", Arial, sans-serif; font-variant: small-caps; color: #FF0000; text-align: center; font-size: 120%; padding-top: 10px; padding-bottom: 10px; }
#main #content { margin: 0 0px 0 188px; padding: 20px; border-left: 3px solid #404040; border-right: 3px solid #404040; min-height: 1400px; }
#content img, #colcontent img { border: 1px solid #000000; }
#main #colcontent { margin: 0 2rem; }
#colcontent .sectionHdg { margin: 0 -2rem; }
#main #col-right { position: absolute; top: 0; right: 0; width: 180px; height: 100%; text-align: center; } #main a img { border: none; }
#main p { font-size: 110%; }
#main .feature p { font-size: small; }
#bottomnav { clear: both; background-color: #404040; height: 36px; text-align: center; border-left: 3px solid #404040; border-right: 3px solid #404040; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; font-size: 120%; }
#bottomnav ul { margin: 0; padding: 0; padding-top: 8px; }
#bottomnav li { display: inline; margin: 0 5px 0; }
#bottomnav a { color: white; padding: 0 15px; }
#bottomnav a:hover { color: #cccccc; }
#footer { clear: both; border: 3px solid #404040; height: 30px; padding: 0 5px; font-size: x-small; }
#footer a { color: black; text-decoration: none; }
#footer a:hover { color: #bb0000; text-decoration: underline; }

/* Special classes */
.fancylist { clear: both; list-style-type: none; margin-left: 0; padding-left: 0; }
.fancylist li { margin-bottom: 0; padding: 3px; border: 1px inset gray; }
.faq li { margin-bottom: 3px; }
.answer { margin-top: 0; }
.question { font-weight: bold; margin-bottom: 5px; }
.line-decor { border-top: 2px solid #404040; width: 100%; }
.linkspglist { border-collapse: collapse; }
.linkspglist td { text-align: center; border: 1px solid gray; padding: 0; vertical-align: middle; }
.linkspglist img { margin-bottom: 0; }
.linkspglist p { padding: 0 15px; }
.table_families { width: 75%; margin: 20px auto; border-collapse: collapse; border: 1px solid gray; padding: 5px; text-align: center; }
.table_families td { vertical-align: middle; padding: 10px; }
.table_families td img { border: none !important; }
.table_families .family_name { font-size: large; color: #bb0000; font-weight: bold; width: 30%; }
.stdtable { margin: 15px auto; border-collapse: collapse; }
.stdtable td { border: 1px solid gray; padding: 0 2px; }
.wiseguys { width: 188px; border-collapse: collapse; border-style: hidden; }
.wiseguys td { border: 1px solid #404040; text-align: center; font-size: .83em; vertical-align: top; padding: 2px; }
.yridx { padding-left: 10px; padding-right: 10px; }

/* General classes */
.archives { border: none; border-collapse: collapse; width: 100%; margin-top: 15px; }
.archives td { padding: 5px; vertical-align: top; border: 1px solid #ccc; }
.archives ul { margin-top: 5px; margin-bottom: 0; padding-top: 0; padding-bottom: 0; font-size: small; font-weight: normal; }
.bktitle { font-weight: bold; font-style: italic; }
.columndate { float: right; color: #000000; font-size: large; padding-top: 10px; }
.byline { font-size: 110%; font-weight: bold; clear: both; font-family: Verdana, sans-serif; }
.feature { border: 2px solid red; padding: 0 10px; margin: auto; width: 80%; }
.fineprint { font-size: .9em; }
.goLeft { float: left; margin-right: 10px; margin-bottom: 5px; }
.goRight { float: right; margin-left: 10px; margin-bottom: 5px; }
.hilite { color: #bb0000; font-weight: bold; white-space: nowrap; }
.hilite2 { color: #FF0000; font-weight: bold; }
#oldcolumnbody { font-family: "Century Gothic", Verdana, sans-serif; font-weight: bold; background: url('members/bkg_news.jpg') #FFFFFF; }
.oldcolumncopyright { text-align: center; font-weight: bold; font-size: x-small; }
#oldcolumnmaindiv { width: 590px; margin: auto; font-size: medium; }
#oldcolumnmaindiv h2 { font-size: xx-large; text-align: center; margin-top: 20px; margin-bottom: 0; clear: none; }
.outlinedlink { padding: 5px; width: 85%; margin: 0 auto 15px; border: 2px solid #404040; text-align: center; font-weight: bold; background-image: url("images/bg-paper.jpg"); }
.outlinedlink a { color: #BB0000; }
.putCenter { clear: both; text-align: center; }
.putRight { text-align: right; }
.sectionHdg { font-size: 200%; font-weight: bold; color: #FF0000; border: 1px solid gray; padding: 5px; font-family: Verdana, sans-serif; }
.sectionHdgCopy { font-size: large; font-weight: bold; color: #FF0000; border: 1px solid gray; padding: 5px; }

/* General tags */
h1, h2, h3 { font-family: "Trebuchet MS", Arial, sans-serif; clear: both; }
h1 { margin-top: 10px; }
h2, h3 { margin: 20px 0 0; }
h2+p, h3+p { margin-top: 5px; }
hr { clear: both; width: 80%; margin: 10px auto; color: gray; background-color: gray; }

/* Accommodating different sizes of screens */
@media only screen and (max-width : 880px) {
body { width: 100%; }
#banner #motto { display: none; width: 0; }
#banner { text-align: right; }
}
.lowerpic { padding-top: 5px; }