/* mainstyles.css Version 1.0.0 Copyright 2018 by M. David Johnson MDJ 2018/04/01 */ /* Begin CSS Reset */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1.2; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } /* End CSS Reset */ /* Begin Overall Page Layout */ html { padding-top: 25px; padding-bottom: 25px; background-color: blanchedalmond; } #Wrap { width: 80%; max-width: 1025px; padding-top: 50px; padding-bottom: 50px; padding-left: 75px; padding-right: 75px; margin: 0 auto; border-radius: 10px; box-shadow: 10px 10px 10px rgb( 0, 0, 0); background-color: #F1FDFB; font-family: Georgia, "Times New Roman", Times, serif; } /* End Overall Page Layout */ /* Begin Master Sections Layouts */ .Header { padding-bottom: 10px; } .Navbar { padding-top: 10px; padding-bottom: 10px; padding-left: 50px; padding-right: 10px; margin-top: 10px; margin-bottom: 40px; background-color: #707070; } .Main { padding-top: 15px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; border: 1px solid #707070; } .Footbar { padding-top: 10px; padding-bottom: 10px; padding-left: 50px; padding-right: 10px; margin-top: 40px; margin-bottom: 12px; background-color: #707070; } .nav { text-decoration: none; color: #F1FDFB; } .copyright { font-size: 70%; } /* End Master Sections Layouts */ /* Begin General Tag Layouts */ h1, h2, h3, h4, h5, h6, .ButtonLink { font-family: Verdana, Arial, Helvetica, sans-serif; } h1 { font-size: 200%; } h2 { font-size: 150%; padding-top: 20px; padding-bottom: 20px; } h3 { font-size: 125%; padding-top: 10px; padding-bottom: 8px; } h4 { font-size: 105%; padding-top: 3px; padding-bottom: 6px; } p { padding-bottom: 10px; } .booklist01 { padding-bottom: 20px; } .booklist02 { padding-bottom: 0; } blockquote { padding-left: 40px; padding-right: 40px; } img { display: block; margin-left: auto; margin-right: auto; } sup { vertical-align: super; font-size: smaller; } sub { vertical-align: sub; font-size: smaller; } p.center { text-align: center; } td { padding: 2px 20px 2px 20px; } /* End General Tag Layouts */ /* Begin Class Layouts */ .button { background-color: #FFFF80; /* Light Yellow */ border: 2px solid #008CBA; border-radius: 8px; color: black; padding: 10px 24px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-weight: bold; } .button:hover { background-color: #F7F700; /* Dark Yellow */ cursor: pointer; } .button:active { background-color: #F4D09C; } .button:disabled { background-color: #D0D0D0; opacity: 0.65; cursor: not-allowed; } .button2N { background-color: #FFFF80; /* Light Yellow */ border: 2px solid #008CBA; border-radius: 8px; color: black; padding: 2px 7px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-weight: bold; } .button2N:hover { background-color: #F7F700; /* Dark Yellow */ cursor: pointer; } .button2N:active { background-color: #F4D09C; } .button2N:disabled { background-color: #D0D0D0; opacity: 0.65; cursor: not-allowed; } .button2E { background-color: #FFFF80; /* Light Yellow */ border: 2px solid #008CBA; border-radius: 8px; color: black; padding: 2px 8px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-weight: bold; } .button2E:hover { background-color: #F7F700; /* Dark Yellow */ cursor: pointer; } .button2E:active { background-color: #F4D09C; } .button2E:disabled { background-color: #D0D0D0; opacity: 0.65; cursor: not-allowed; } .button2S { background-color: #FFFF80; /* Light Yellow */ border: 2px solid #008CBA; border-radius: 8px; color: black; padding: 2px 8px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-weight: bold; } .button2S:hover { background-color: #F7F700; /* Dark Yellow */ cursor: pointer; } .button2S:active { background-color: #F4D09C; } .button2S:disabled { background-color: #D0D0D0; opacity: 0.65; cursor: not-allowed; } .button2W { background-color: #FFFF80; /* Light Yellow */ border: 2px solid #008CBA; border-radius: 8px; color: black; padding: 2px 6px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-weight: bold; } .button2W:hover { background-color: #F7F700; /* Dark Yellow */ cursor: pointer; } .button2W:active { background-color: #F4D09C; } .button2W:disabled { background-color: #D0D0D0; opacity: 0.65; cursor: not-allowed; } .button2U { background-color: #FFFF80; /* Light Yellow */ border: 2px solid #008CBA; border-radius: 8px; color: black; padding: 2px 8px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-weight: bold; } .button2U:hover { background-color: #F7F700; /* Dark Yellow */ cursor: pointer; } .button2U:active { background-color: #F4D09C; } .button2U:disabled { background-color: #D0D0D0; opacity: 0.65; cursor: not-allowed; } .button2D { background-color: #FFFF80; /* Light Yellow */ border: 2px solid #008CBA; border-radius: 8px; color: black; padding: 2px 8px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-weight: bold; } .button2D:hover { background-color: #F7F700; /* Dark Yellow */ cursor: pointer; } .button2D:active { background-color: #F4D09C; } .button2D:disabled { background-color: #D0D0D0; opacity: 0.65; cursor: not-allowed; } .canvas:hover { cursor: pointer; } .textbox { background-color: #FFFF80; /* Light Yellow */ border: 1px solid #008CBA; color: black; font-size: 16px; } .textbox:hover { background-color: #F7F700; /* Dark Yellow */ } .imgA { display: inline; vertical-align: baseline; } .imgB { display: inline; vertical-align: text-top; } .unpad { padding: 0px; } /* End Class Layouts */ /* Begin id Layouts */ #tbl { border-collapse: collapse; } #tbl td, #tbl th { border: 1px solid #000000; /* Black */ padding: 8px; } #tbl th { background-color: #FFFF80; /* Light Yellow */ } #tdL { text-align: left; } #tdR { text-align: right; } /* End id Layouts */