/* 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; }