/* Default CSS Stylesheet for a new Web Application project */

BODY
{
    BACKGROUND-COLOR: black;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: .8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	

/*
A:link	{	
	text-decoration:	none;
	color:	#eeeeee;
	font-size:	x-small;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#ccffff;
	font-size:	x-small;
	background-color: #0000ff;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#ffff99;
	font-size:	x-small;
	background-color: #0000ff;
	}	
		
A:hover	{	
	color: #cccc33;
	background-color: #3333cc;
	font-size:	x-small;
	}
		
A.current	{	
	text-decoration:	none;
	color:	#ffff00;
	font-size:	x-small;
	background-color: #0000ff;
	}	

li.first	{	
  border-left: 40px none;
}	

A.menu:visited	{	
	color:	#111111;
	border: groove #0000ff;
	border-width:	thin;
	font-size:	x-small;
    BACKGROUND-COLOR: #aaaaaa;
	}	

A.menu:link	{	
	text-decoration:	none;
	color:	#eeeeee;
	font-size:	x-small;
	}	

A.menu:hover	{	
	color:	#aaaaaa;
	border: groove #0000ff;
	border-width:	thin;
	font-size:	x-small;
    BACKGROUND-COLOR: #555555;
	}	

A.inuse:link	{	
	color:	#cccc33;
	border: groove #0000ff;
	border-width:	thin;
	font-size:	x-small;
    BACKGROUND-COLOR: #222222;
	}	

A.inuse:visited	{	
	color:	#cccc33;
	border: groove #0000ff;
	border-width:	thin;
	font-size:	x-small;
    BACKGROUND-COLOR: #222222;
	}	
*/
		
A:hover	{	
	color: #ffffff;
	background-color: #0000ff;
	}

SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

IMG 	{
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	}

.midnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	/* background-color: #FFFFFF; */
	background-color: #006699;
	z-index: 5;
	height: 17px;
	left: 55%;
	top: 80px;
	width: 43%;
	position: absolute;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 2px solid #93BDcc;
	border-bottom: 2px solid #93BDcc;
	/* width: 460px; */
}
.topsection {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	position: absolute;
	height: 20%;
	left: 10%;
	top: 0px;
	color: #F0F0F0;
	background-color: #000000;
	z-index: 2;
	width: 80%;
	/* overflow: auto; */
	font-weight: bold;
	vertical-align: top;
	padding-left: 0px;
}
.mainbody {
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	font-family: Verdana, Times New Roman, Helvetica, sans-serif;
	font-size: 12pt;
	position: absolute;
	left: 10%;
	top: 35%;
	color: #000000;
	background-color: #DDDDDD;
	overflow: auto;
	z-index: 1;
	margin-right: 0px;
	width: 80%;
	height: 60%;
	padding-left: 0px;
	padding-top: 0px;
    background: url(images/Background.jpg) repeat;
}
A.leftnavbar-normal {
	color: #d7e7ec;
	background-color: #006699;
	font: normal 11px Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height:10px;
	letter-spacing:0.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 20px;
	border-bottom: 1px solid #009ac9;
}

A.leftnavbar-normal:hover {
	color: #006699;
	background-color: #d7e7ec;
}

A.leftnavbar-inactive-bold{
	background-color: #006699;
	color: #d7e7ec;
	font: bold 11px Arial, Helvetica, sans-serif;
 	font-size: 10pt;
	line-height:10px;
	letter-spacing:0.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 20px;
	border-bottom: 1px solid #009ac9;
}

A.leftnavbar-inactive-bold:hover {
	background-color: #d7e7ec;
	color: #006699;
}

A.leftnavbar-inactive-normal{
	background-color: #006699;
	color: #d7e7ec;
	font: normal 11px Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height:10px;
	letter-spacing:0.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 20px;
	border-bottom: 1px solid #009ac9;
}

A.leftnavbar-inactive-normal:hover {
	background-color: #d7e7ec;
	color: #006699;
}

TD.label {
	font-size: 8pt;	
}

TD.menu 
{
	font-size: 8pt;	
	color: #ffffff;
	background-color:	Blue;
}

td.menu ul 
{
  margin: 0;
  padding: 0;
  color: #ffffff;
}

td.menu li 
{
  float: left;
  display:inline;
  margin: 0;
  padding: 5;
  list-style: none; /* no bullet markers */
  font-size: 12;
  color: #aaaaaa;
}

td.menu li.first
{
  border-left: 40px none;
}

.player {
	width: 20px;
	height: 12px;
}

.nav ul {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 8pt;	
}
/* any li element within .nav container */
.nav li {
  float: left;
  display:inline;
  margin: 0;
  padding: 5;
  list-style: none; /* no bullet markers */
  font-size: 12;
  color: #ffffff;
}

.nav li a {
  float: left;
  display:inline;
  margin: 0;
  padding: 5;
  list-style: none; /* no bullet markers */
  font-size: 12;
  color: #ffffff;
  border-left: 2px solid #ffffff; /* separator between list items */
  text-decoration: none;
}

.nav li.first {
  border-left: 40px none;
}

/* rollover effect */
.nav li a:hover {
  color: #FFB200;
  text-decoration: underline;
}

.nav li a.current {
  float: left;
  display:inline;
  margin: 0;
  padding: 5;
  list-style: none; /* no bullet markers */
  font-size: 12;
  color: #00ffff;
  border-left: 2px solid #ffffff; /* separator between list items */
}

.nav li a.current:hover {
  color: #FFB200;
  text-decoration: underline;
}
