/* Tags (elements) */ body {background-color:black; color:yellow; font-family: arial, 'sans serif'; font-size: small; min-width: 800px;} h1 {text-align:center; font-size:x-large; background-color:black; color:yellow;} h2 {text-align:center; font-size:large; background-color:black; color:yellow;} h3 {text-align:center; font-size:large; background-color:black; color:yellow;} hr {color:navy; } blockquote {font-family:courier; } p,td {padding-left:12px; padding-right:12px; text-align:justify; } th {font-size:small; background:#FAEBD7} li,table,address,dd,dt {font-size:small; } img { max-width: 100%; height: auto; max-height: 80%; } #notice { width: 80%; /* border-style: dashed; border-color: blue; */ background: #ddd; } #container { width:99%; height: 98%; /* border-style: dashed; border-color: red; */ overflow-y:auto; } #top { width:98%; height: 230px; z-index: 998; /* border-style: solid; border-color: grey; */ } #logo { width: 15%; display: inline-block; height: 125px; text-align: center; /* border-style: solid; border-color: grey; */ vertical-align:top; } #header { width:75%; display: inline-block; height: 220px; float: left; /* border-style: solid; border-color: green; */ vertical-align:top; } #login { width: 22%; height: 175px; display: inline-block; text-align: center; float: right; /* border-style: solid; border-color: orange; */ color: yellow; vertical-align:top; } #mainpage { width:98%; height: 72%; /* border-style: solid; border-color: green; */ overflow:auto; } #left { margin-left: 5px; width: 15%; height: 88%; display: inline-block; float: left; /* border-style: dashed; border-color: white; */ color: yellow; padding-right: 5px; overflow-y: auto; overflow-x: hidden; vertical-align:top; } #display{ width: 67%; position: relative; overflow: auto; display: inline-block; background-color:black; color:yellow; /* border-style: dashed; border-color: blue; */ height: 88%; margin: 0 auto; vertical-align:top; float: left; } .back { width: 100px; height: 30px; color: charcoal; top:220px; left:4%; position: fixed; z-index:999; } #right { width:17%; height: 88%; overflow-y: auto; overflow-x: hidden; display: inline-block; /* border-style: dashed; border-color: purple; */ color:yellow; padding-left: 0; background: black; font-weight: bold; float: left; vertical-align:top; } h2,h3#right { max-width: 100%; height: auto; max-height: 80%; color:yellow; background: black; } #footer { width: 98%; height: auto%; position:absolute; background: color: darkgrey; bottom: 0; /* border: 1px solid red; */ font-size:small; } #alert { background: grey; color: red; } div#newslist{ display:none; # overflow-y:auto; } ul#newsmenu{ overflow-y:auto; } td#bubblecheck { } td#important {font-size:small; color:red; border:outset 3px red; background:#F0F0F0; border-collapse:collapse; padding:5px; } th#important {background-color:#FAEBD7} ul#avmenu{ margin-left: 10px; width: 90%; padding:0; float: left; font:12px Verdana; list-style-type: none; overflow-y:auto; } ul#avmenu li a { margin-top: 2px; padding:4px 4px; border:1px solid #ddd; background: #888; color:white; text-decoration:none; display: block; } ul#avmenu a:hover{ background:#bbb; color:#222; } ul#avmenu li.current a { border:1px solid #777; } ul#newsmenu { font-size: x-small; background: #eee; width: 100%; color: navy; list-style:none; padding-left:0; } ul#newsmenu li a { padding:1px 1px; font-size: x-small; background: #eee; color: navy; } ul#newsmenu a:hover{ font-size: x-small; background: #eee; color:#222; } ul#newsmenu li.current a { font-size: x-small; background: #eee; color: #777; } /* Classes */ .container { width:100%; margin: 0 auto; background: #fff; # display: inline-block; } .center { padding: 20px 0; text-align: center; } .image {text-align: center;} p.image {text-align: center; font-style: italic;} .tiny {font-size:x-small; line-height: 1px; margin-bottom: 2px;} .important {color:red; text-align: center; font-size: medium; font-weight: bold;} .centered {text-align: center} div.centered {margin-left: auto; margin-right: auto} p.centered {margin-left: auto; margin-right: auto} h1.centered {margin-left: auto; margin-right: auto} h2.centered {margin-left: auto; margin-right: auto} h3.centered {margin-left: auto; margin-right: auto} img.centered {text-align: center} .left {text-align: left} .right {text-align: right} .justified {text-align: justify} .holiday { /* border:1px grey solid; */ background-color: #F0F0F0: padding: 5px; font-family: arial, 'sans serif'; font-size: 10pt; color:navy; } h1.holiday,h2.holiday,h3.holiday,hr.holiday,p.holiday {color:navy; background-color:#F0F0F0;} a:link.holiday,a:visited.holiday,a:hover.holiday {color:navy; background-color:#F0F0F0;} th.holiday { font-family: arial, 'sans serif'; color:navy; background-color:#DFDFDF; } table.holiday { font-size: 10pt; font-family: arial, 'sans serif'; color: navy; background-color: #F0F0F0; padding: 5px; } tr.holiday { font-size: 10pt; font-family: arial, 'sans serif'; color: navy; background-color: #F0F0F0; border-collapse: collapse; padding: 5px; } td.holiday { font-size: 10pt; font-family: arial, 'sans serif'; color: navy; background-color: #F0F0F0; border-collapse: collapse; padding: 5px; } sup {font-size:x-small; } a:link {color:yellow; background-color: black} a:visited {color:yellow; background-color: black } /* a:active {color:red; } /* GENE - I WOULD TOSS THIS ONE AND SEE IF ANYTHING CHANGES */ a:hover {color:red; } td.footer {font-size:x-small; background-color:#f0f0f0; border:none; } th.footer {font-size:x-small; background-color:#f0f0f0; border:none; } td.important {font-size:small; color:red; border:outset 3px red; background:#F0F0F0; border-collapse:collapse; padding:5px; } th.important {background-color:#FAEBD7} .odisp {border:solid 1px orange; background: white; border-collapse:collapse; padding:5px; } p.odisp, div.odisp, th.odisp {background:black;} .bdisp {border:solid 1px navy; background:black; border-collapse:collapse; padding:5px; } p.odisp, div.odisp, h2.odisp, h3.odisp, th.bdisp {background-color:black;} .frame {border:3px threedshadow outset;} .button {border:3px threedshadow outset;} img.button:hover { border-color: #FFFF00; border-bottom-width: 4px; border-top-width: 2px; border-left-width: 2px; border-right-width: 4px;} img.button:active { border-color: threeddarkshadow; border-bottom-width: 2px; border-top-width: 4px; border-left-width: 4px; border-right-width: 2px;} .popup {border:2px outset; background-color:silver; font-size:smaller; color:black; width:60%; position:absolute; visibility:hidden; left:0; top:0; overflow:visible;} h1.popup {color:black} h2.popup {color:black} h3.popup {color:black} hr.popup {color:black} p.popup {color:black} li.popup {color:black} td.popup {color:black} th.popup {background-color:blue; color:white; text-align:left} a.popup:link {color:blue} a.popup:visited {color:blue} /* member type color code */ .active {font-size:small; font-weight:bold; color:navy;} .lifetime {font-size:small; font-weight:bold; color:maroon;} .pending {font-size:small; color:green; } .expired {font-size:small; color:red; }