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


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

#left {
    width: 150px;
    height: 100%;
   /*  height: auto;  */
    float: left;
    background: #fff;
    margin-right: 5px;
}

#right {
    width: 250px;
    float: right;
    background: #eee;
    margin:0 auto;
    margin-left: 5px;
}

#header {
width:100%;
margin:0 auto;
background:#fff;
}

#footer {
clear:both;
background:#fff;
}

#main{
width:100%;
padding-right: 10px;
background:#fff;
}

ul#menu {color: navy;}
ul#menu li {color: navy;}
ul#menu li:hover {color: maroon;}

ul#list-nav {
    list-style:none;
    margin:20px;
    padding:0;
    width:100%;
}

/* ul#list-nav li:first-child {display: inline-block; font-size:small; float: none;} */

ul#list-nav li {
    display:inline-block;
    float: left;
    font-size: small;
    -moz-border-radius: 6px;
    -webkit-border-radius:6px;
}

ul#list-nav li a {
    text-decoration:none;
    font-weight:bold;
    padding:5px 0;
    width:100px;
    background:#00b; /*blue;*/
    color:#fff;
    float:left;
    text-align:center;
    border:1px solid #fff;
    -moz-border-radius: 6px;
    -webkit-border-radius:6px;
}

ul#list-nav li a:hover {
    background:#ddd;
    color:#000;
    border: 1px solid #888;
}


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

.tiny		{font-size:x-small; }
.footer		{
    font-size:x-small;
    background-color:#f0f0f0;
    border:solid 1px gray;
    -moz-border-radius: 6px;
   -webkit-border-radius:6px;
}
.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}

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}

.sidebar {
  background-color: navy;
  }

ul.sidebar li a:hover {
background:#ddd;
color:#000
}

ul.sidebar li {
list-style: none;
float: left;
font-size: x-small;
margin-bottom: 2px;
}

ul.sidebar li a {
text-decoration:none;
font-weight:bold;
padding:5px 0;
width:100px;
color:#fff;
float:left;
text-align:center;
border-left:1px solid #fff;
}

ul.sidebar li a:hover {
background:#ddd;
color:#000
}
/* 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; }