/* Tags (elements) */

body		{background:black; color:white; font-family: arial, 'sans serif'; font-size: small; }
h1		{text-align:center; font-size:x-large; }
h2		{text-align:center; font-size:large; }
h3		{text-align:center;  }
hr		{color:yellow; }

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:white; }
a:visited	{color:white; }
a:hover		{color:yellow; }

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;
    border-radius: 12px 12px 0px 0px;
}

ul#list-nav li a {
    text-decoration:none;
    font-weight:bold;
    padding:5px 0;
    width:100px;
    background:#888; 
    color:#000;
    float:left;
    text-align:center;
    border-left:1px solid #000;
    border-right:1px solid #000;
    border-radius: 12px 12px 0px 0px;
}

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


/* 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;
    color: navy;
    border:solid 1px gray;
    -moz-border-radius: 6px;
   -webkit-border-radius:6px;
}
.footer a:link		{color:navy; }
.footer a:visited	{color:navy; }
.footer a:hover		{color:maroon; }

.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}
table.centered    {margin-left: auto; margin-right: auto}
.left       {text-align: left}
.right       {text-align: right}
.justified       {text-align: justify}
.indented   {text-aling: left; margin-left: 20px;}

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: #44f;}

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

ul.sidebar li {
list-style: none;
/* display:inline-block; */
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; }