/* Tags (elements) */

body		{background:#FFFFFF; color:navy; font-family: arial, 'sans serif'; font-size: small; }
h1		{text-align:center; font-size:x-large; }
h2		{text-align:center; font-size:large; }
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; }

#notice {
  width: 100%;
  background: #ddd;
}

#container {
    width:100%;
    overflow-y:auto;
    display: inline-block;
}

#logo {
    width: 150px;
    height: 145px;
    float: left;
#    background: #fff;
    margin:0 auto;
}

#header {
#  width:100%;
  height: 145px;
  margin:0 auto;
  text-align: center;
}

#login {
    width: 250px;
    height: 145px;
    float: right;
    margin:0 auto;
}

#left {
    width: 15%;
    height: 65%;
    float: left;
    background: #eee;
    padding-right: 5px;
#    overflow-y: auto;
    overflow-x: hidden;
}

div#newslist{
  display:none;
#  overflow-y:auto;
}

ul#newsmenu{
  overflow-y:auto;
}

#display{
  overflow: auto;
  height: 65%;
  margin: 0 auto;
  background: #ddd;
}

#display img {
    width: 100%;
    max-width: 100%;
    height: auto;
    }

#main{
  height: 65%;
  margin: 0 auto;
  word-wrap: break-word;
  background: #fff;
}

#right {
    width:270px;
    height: 65%;
    float: right;
    padding-left: 0;
    background: #eee;
}

#footer {
  width: 100%;
  clear:both;
    font-size:x-small;
    background-color:#f0f0f0;
    -moz-border-radius: 6px;
   -webkit-border-radius:6px;
}

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}

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;
#    display: inline-block;
}

.image {text-align: center;}
p.image {text-align: center; font-style: italic;}

.tiny		{font-size:x-small; }

.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}
img.centered       {text-align: center}

.left       {text-align: left}
.right       {text-align: right}
.justified       {text-align: justify}

.footer		{
    font-size:x-small;
    background-color:#f0f0f0;
    border:solid 1px gray;
    -moz-border-radius: 6px;
   -webkit-border-radius:6px;
}

sup		{font-size:x-small; }


a:link		{color:navy; }
a:visited	{color:navy; }
/*  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:#FAEBD7}
.bdisp		{border:solid 1px navy; background:white; border-collapse:collapse; padding:5px; }
p.odisp, div.odisp, th.bdisp	{background-color:#DFDFDF}

.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; }