body {
background-image: url('swimg/bg.gif');
background-color: #000000;
/* font-family: Arial, Helvetica; */ 
/* font-size: 9pt; */
font-family: "Lucida Grande","Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
font-size: 12px;
color: #ffffff;
}
.entrylogo {
	height: 100%;
	overflow: hidden;
	text-align: center;
}
.entrylogo img {
	top: 5px;
	position: absolute;
	border: #000000 0px solid;
}
.login {
	position: absolute;
	bottom: 10%;
	width: 100%;
	overflow: hidden;
	font-size: 22px;
	text-align: center;
}
.login a {
	color: #33cc00;
}
.login a:hover {
	color: #000000;
}
TABLE, TR, TD {
font-family: "Lucida Grande","Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
font-size: 12px;
color: #ffffff;
}
.tbl {
border: #000000 1px solid;
background: #17546b;
/* -moz-opacity:0.95; */
/* filter:alpha(opacity=95); */
}
.tbl1 {
border: #000000 1px solid;
background: #aaaaaa;
}
.tbl2 {
/* background-image: url('swimg/tilebg.gif'); */
background-image: url('swimg/topgif.gif');
background-repeat: repeat-x;
background-color: #5091a9;
border: #336699 2px solid;
}
.main {
background: #222222;
border-right: green 1px solid;
border-left: green 1px solid;
}
.action {
color: #00B900;
}
.logo {
background: url('swimg/logograd.gif');
width: 300px;
height: 100px;
}
.bgrad { 
background: url('swimg/bgrad.gif');
border-top: #4c93e3 1px solid;
color: #ffffff;
align: right;
}
.x {
font-size: 8pt;
}
.x a:link,
.x a:active,
.x a:visited {
color: green;
}
.x a:hover {
color: #cccccc;
}
.green {
background: green;
}
.bfont {
color: #000000;
}
.yel {
color: yellow;
}
input {
font-family: "Lucida Grande","Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
font-size: 8pt;
border: #000000 1px solid;
background: #5091a9;
color: #ffffff;
}
textarea {
font-family: "Lucida Grande","Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
font-size: 8pt;
border: #000000 1px solid;
background: ##5091a9;
color: #ffffff;
}
a:link,
a:active,
a:visited {
color: #ffffff;
text-decoration: none;
}
a:hover {
color: yellow;
text-decoration: none;
font-weight: bold;
}
.border {
border: #000000 1px solid;
}
.blueclass {
color: #3F7ABC;
font-weight: bold;
}
.important {
background-color: red;
color: white;
align: center;
font-weight: bold;
}

.basictab ul{
margin: 1px;
padding: 2px 2;
margin-left: 0;
font-family: Arial, Helvetica; 
list-style-type: none;
margin-bottom: 2px;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 2px;
}

.basictab li a{
text-decoration: none;
padding: 2px 2px;
margin-right: 0px;
border: 1px solid green;
border-bottom: 1px solid green;
background-color: #000000;
color: #ffffff;
}

.basictab li a:visited{
color: #ffffff;
}

.basictab li a:hover, .basictab li a.current{
background-color: green;
color: #ffffff;
}

.basictab li a:active{
color: #ffffff;
}

.tabcontainer{
clear: left;
width:100%; /*width of 2nd level sub menus*/
// height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
display:none;
}

#popitmenu{
position: absolute;
background-color: black;
border:1px solid green;
font-family: Arial, Helvetica;
color: white;
line-height: 18px;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: white;
display: block;
}

#popitmenu a:hover{ /*hover background color*/
background-color: green;
}

.hp {
background-image: url('swimg/bars/red_faded.gif');
border-right: #000000 1px solid;
border-left: #000000 1px solid;
}

.str {
background-image: url('swimg/bars/grey_faded.gif');
border-right: #000000 1px solid;
border-left: #000000 1px solid;
}

.def {
background-image: url('swimg/bars/green_faded.gif');
border-right: #000000 1px solid;
border-left: #000000 1px solid;
}

.att {
background-image: url('swimg/bars/yellow_faded.gif');
border-right: #000000 1px solid;
border-left: #000000 1px solid;
}