/* Global Styles */

body {
	margin:0px;
	background-color: #C0DFFD;
}

/* Tables should show empty cells. */
table
{
	empty-cells: show;
}

td, th , tr
{
	color: #000000;
	font-size: small;
	font-family: verdana, sans-serif;
}

input, textarea, button
{
	color: #000000;
	font-family: verdana, sans-serif;
}

input, button
{
	
	font-size: 90%;
}

input.disabled {
	font-weight: normal;
	color: #666666;
}

textarea
{
	font-size: 100%;
	color: #000000;
	font-family: verdana, sans-serif;
}

select
{
	font-size: 90%;
	font-weight: normal;
	color: #000000;
	font-family: verdana, sans-serif;
}

hr, .hrcolor
{
	height: 1px;
	border: 0;
	color: #666666;
	background-color: #666666;
}

.checkbox{
	vertical-align: middle;
	border-bottom: solid 0px #C0DFFD;
	border-right: solid 0px #C0DFFD;
	border-top: solid 0px #C0DFFD;
	border-left: solid 0px #C0DFFD;
}

.line
{
	background-color: #003366;	
	letter-spacing:.2em;
	line-height:2px;
}

/* Class Styles */
.headerbg {
	background-color: #3366CC;	
}

.headerLogo 	
{
	font:25px Verdana, Arial, Helvetica, sans-serif;
	color: #CCFF99;
	letter-spacing:.2em;
	line-height:30px;
}

.headerText {
	font-size: 10px;
	color: #FFFFFF;
	letter-spacing:.2em;
	line-height:30px;
}

.menubg  {
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	background-color: #CCFF99;
	letter-spacing:0.1em;
	text-decoration: none;
	border-bottom: solid 1px #9BAEBF;
	border-top: solid 1px #FFFFFF;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #88A6C0;
}

.menu a {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	background-color: #CCFF99;
	display: inline;
	letter-spacing:.1em;
	text-decoration: none;
	text-align: center;
	margin-top:10px;
	margin-bottom: 10px;
}

.menu a:hover {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FF6600;
}

.menu2 a {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	background-color: #CCFF99;
	display: inline;
	letter-spacing:0.1em;
	text-decoration: none;
	text-align: left;
	padding-left:10px;
	margin-top:10px;
	margin-bottom: 10px;
	background-image: url("images/arrow.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

.menu2 a:hover {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FF6600;
	background-image: url("images/arrow.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

.menuText {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	background-color: #CCFF99;
	display: inline;
	letter-spacing:.1em;
	text-decoration: none;
	text-align: center;
	margin-top:10px;
	margin-bottom: 10px;
}

/*tabbed menu using div*/
.menutab {
	color: #003366;
	background-color: #CCFF99;
	padding-top:8px;
	padding-bottom:8px;
}

.menutab ul {
	margin:0;
	padding: 0;
	list-style: none;
	text-align: left;
}

.menutab li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 0.85em;
	font-weight: bold;
	margin-left:10px;
	margin-right:10px;

	text-decoration:none;	
}

.menutab a {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	background-color: #CCFF99;
	display: inline;
	letter-spacing:.1em;
	text-decoration: none;
	text-align: center;
	margin-top:10px;
	margin-bottom: 10px;
	position: relative;
}

.menutab a:hover {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FF6600;
/*	text-transform: uppercase;*/
}

.menutab2 a {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	background-color: #CCFF99;
	display: inline;
	letter-spacing:0.1em;
	text-decoration: none;
	text-align: left;
	padding-left: 10px;
	margin-top:10px;
	margin-bottom: 10px;
	background-image: url("images/arrow.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

.menutab2 a:hover {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FF6600;
	background-image: url("images/arrow.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

.htab {
	color: #003366;
	padding-top:8px;
	padding-bottom:8px;
}

.htab ul {
	margin:0;
	padding: 0;
	list-style: none;
	text-align: left;
}

.htab li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 0.85em;
	font-weight: bold;
	margin-right:20px;

	text-decoration:none;	
}

.htab a {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#0033FF;
	display: inline;
	letter-spacing:.1em;
	text-decoration: none;
	text-align: center;
	margin-top:10px;
	margin-bottom: 10px;
	position: relative;
}

.htab a:hover {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FF6600;
}

.barbg{
	background-color: #C2FFc0;
	line-height:20px;
}

.barbg1{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #333399;
	letter-spacing:.2em;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 8px;
}

.barbg2 {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #333399;
	letter-spacing:.2em;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
	
.footerbg {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 6px;
	padding-left: 6px;
}
	
.footerbg2 {
	background:#C2FFc0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 6px;
	padding-left: 6px;
}
	
.footerText {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#0066CC;
	line-height:20px;
	margin-top:0px;
	text-decoration: none;
}

.footerText a:hover{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FF3300;
	line-height:20px;
	margin-top:0px;
	text-decoration: none;
}

.loginbg{
	background-color: #E6F3FF;
	text-decoration: none;
	border-left: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
	border-right: solid 1px #88A6C0;
	border-bottom: solid 1px #88A6C0;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 3px;
}

.login{
	background-color: #E6F3FF;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 3px;
}

.login td{
	width: 200px;
}

.loginText {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}
	
.loginText a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	text-decoration: none;
	line-height:16px;
	letter-spacing:.1em;
	padding:8px 6px 10px 6px;
	}
	
.loginText a:hover {
	color:#FF6600;
	padding:8px 6px 10px 6px;
	}

.loginButton {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	cursor: hand; 
	background-color: #E6F3FF;
	text-align:center;
	text-decoration: none;
	line-height: 16px;
	letter-spacing: 0.1em;
	border: #ffffff 0px solid; 
	padding-top: 5px; 
	padding-right: 4px; 
	padding-left: 4px; 
	padding-bottom: 5px; 
}
.loginDbutton {
	BORDER-RIGHT: #fff 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: #fff 0px solid; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 9px; 
	BACKGROUND: url("images/gb.gif"); PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; BORDER-LEFT: #fff 0px solid; WIDTH: 100px; CURSOR: hand; COLOR: #c34000; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 0px solid; FONT-FAMILY: verdana,arial, Helvetica, Helv; HEIGHT: 22px
}
.loginXbutton {
	BORDER-RIGHT: #fff 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: #fff 0px solid; PADDING-LEFT: 0px; FONT-SIZE: 9px; 
	BACKGROUND: url("images/gb.gif"); 
	PADDING-BOTTOM: 0px; BORDER-LEFT: #fff 0px solid; WIDTH: 100px; CURSOR: hand; COLOR: #c34000; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 0px solid; FONT-FAMILY: arial, Helvetica, Helv; HEIGHT: 22px
}
.loginGbutton {
	BORDER-RIGHT: #fff 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: #fff 0px solid; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 9px; 
	BACKGROUND: url("images/ok.gif"); PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; BORDER-LEFT: #fff 0px solid; WIDTH: 31px; CURSOR: hand; COLOR: #c34000; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 0px solid; FONT-FAMILY: verdana,arial, Helvetica, Helv; HEIGHT: 22px
}


.linksbg {	/*all links*/
	background-color: #E6F3FF;
}

.links {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	background-color: #E6F3FF;
	border-top: 1px solid #C0DFFD;
	border-bottom: 1px solid #C0DFFD;
	border-right: 2px solid #C0DFFD;
	border-left: 2px solid #C0DFFD;
	display:block;
	text-decoration: none;
	line-height:16px;
	letter-spacing:.1em;
}

.links td{
	color: #003366;
	background-color: #E6F3FF;
	display:block;
	text-decoration: none;
	line-height:16px;
	width: 200px;
	
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 0px;
/*	border-top: 1px solid #C0DFFD;
	border-bottom: 1px solid #C0DFFD;
*/
}

.links th{
	background-color: #CCFF99;
	text-align:left;
	text-decoration: none;
	display:block;
	width: 200px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 0px;
	border-top: 1px solid #C0DFFD;
	border-bottom: 1px solid #C0DFFD;
}

.linksText {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
}

.linksText a{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
}

.linksText2 a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
}

.linksText a:hover{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FF3300;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
}

.linksText a:hover{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FF3300;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
}

.newsbox {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	background-color: #E6F3FF;
	border-top: 1px solid #C0DFFD;
	border-bottom: 1px solid #C0DFFD;
	border-right: 2px solid #C0DFFD;
	border-left: 2px solid #C0DFFD;
	display:block;
	text-decoration: none;
	line-height:16px;
	letter-spacing:.1em;
}

.newsbox th{
	color: #003366;
	background-color: #CCFF99;
	display:block;
	text-align:left;
	text-decoration: none;
	line-height:16px;
	width: 200px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 0px;
	border-top: 1px solid #C0DFFD;
	border-bottom: 1px solid #C0DFFD;
}


.newsbox td{
	color: #003366;
	background-color: #E6F3FF;
	display:block;
	text-decoration: none;
	line-height:16px;
	width: 200px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
}

.newsframe{
	padding-left:10px;
}


.newsText {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
}

.newsText a{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
}

.newsText a:hover{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FF3300;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
}

.forumbg{
	margin-top:0px; 
	margin-bottom:15px; 
	border-left: solid 1px #eeeeee; 
	border-top: solid 1px #eeeeee;
	border-right: solid 1px #88A6C0; 
	border-bottom: solid 1px #88A6C0;
	color: #000000;
	background-color: #C0DFFD;
	width: 100%;
}

.framebg{
	margin-top:5px; 
	margin-bottom:5px; 
	margin-left:10px; 
	margin-right:10px;
}

.windowbg
{
	color: #000000;
	background-color: #C0DFFD;
	width: 100%;
	
}

.windowbg2
{
	color: #000000;
	background-color: #C0FFFf;
}

.windowbg3
{
	color: #000000;
	background-color: #C0DFFD;
}

.tablebg, tr.tablebg th, tr.tablebg td{
	border-right: solid 1px #88A6C0;
	border-left: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #88A6C0;
	background-color: #C0DFFD;
	color: #000000;
}

.tablebg2, tr.tablebg2 th, tr.tablebg2 td{
	border-right: solid 1px #9BAEBF;
	border-left: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #88A6C0;
	background-color: #D3E9FE;
	color: #000000;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
	padding: 1px;
	border: 1px solid #696969;
}


.titlebg, tr.titlebg th, tr.titlebg td{
	color: black;
	font-style: normal;
	background: #C2FFc0 repeat-x;
	border-bottom: solid 1px #9BAEBF;
	border-top: solid 1px #FFFFFF;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #88A6C0;
	padding-left: 10px;
	padding-right: 10px;
}

.titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
	color: black;
	font-style: normal;
	background: #C2FFc0 repeat-x;
	border-bottom: solid 1px #9BAEBF;
	border-top: solid 1px #FFFFFF;
	border-left: solid 1px #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
}

.titlebg, .titlebg a:link, .titlebg a:visited
{
	font-weight: bold;
	color: black;
	font-style: normal;
	background-color: #C2FFc0;
	text-decoration: none;
}

.titlebg a:hover
{
	color: #404040;
	text-decoration: underline;
}

.titlebg2 a:link, .titlebg2 a:visited
{
	color: black;
	font-style: normal;
	text-decoration: none;
}

.titlebg2 a:hover
{
	text-decoration: underline;
}

.infobg, tr.infobg th, tr.infobg td
{
	color: black;
	font-style: normal;
	background-color: #C0DFFD;

	border-left: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
	border-right: solid 1px #88A6C0;
	border-bottom: solid 1px #88A6C0;

	padding-left: 10px;
	padding-right: 10px;
}

.viewbg, tr.viewbg th, tr.viewbg td
{
	color: black;
	font-style: normal;
	background-color: #C0DFFD;

	border-left: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
	border-right: solid 1px #88A6C0;
	border-bottom: solid 1px #88A6C0;

	padding-left: 10px;
	padding-right: 10px;
}

.viewbg2, tr.viewbg2 th, tr.viewbg2 td
{
	color: black;
	font-style: normal;
	background-color: #C0DFFD;

}
	
.viewbg2, tr.viewbg2 th, tr.viewbg2 td
{
	color: #000000;
	background-color: #C0DFFD;
	width: 100%;
	
}

.mainText{
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	line-height:24px;
	letter-spacing:.2em;
	}
	
.subText{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	line-height:16px;
	letter-spacing:.2em;
	}

.bodyText {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	line-height:20px;
	margin-top:0px;
}

.bodyTextBold {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	line-height:20px;
	margin-top:0px;
	}

.middletext
{
	font-size: 90%;
}

.smallText {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
	

.navText {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}

.installText {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
}

.installText2 {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #800000;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	margin-top:10px;
	margin-bottom: 10px;
	background-image: url("images/arrow.gif");
	background-repeat: no-repeat;
	background-position: 10px center;
	
}

.taskbar {
	padding-right: 0px;
	padding-left: 0px;
	PADDING-TOP: 0px;
	margin-top: 0px;
	MARGIN-LEFT: 0px;
	FONT-SIZE: 13px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	COLOR: #000000;
	LINE-HEIGHT: 32px;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	POSITION: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}

/*tabbed taskbar using div*/
.taskbartab {
	color: #003366;
	background-color: #CCFF99;
	padding-top:8px;
	padding-bottom:8px;
}

.taskbartab ul {
	margin:0;
	padding: 0;
	list-style: none;
	text-align: left;
}

.taskbartab li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 0.85em;
	font-weight: bold;
	margin-left:10px;
	margin-right:10px;

	text-decoration:none;	
}

.taskbartab a {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	background-color: #CCFF99;
	display: inline;
	letter-spacing:.1em;
	text-decoration: none;
	text-align: center;
	margin-top:5px;
	margin-bottom: 5px;
	position: relative;
}

.taskbartab2 a:hover {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FF6600;
/*	text-transform: uppercase;*/
}

.taskbartab2 a {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	background-color: #CCFF99;
	display: inline;
	letter-spacing:0.1em;
	text-decoration: none;
	text-align: left;
	padding-left: 10px;
	margin-top:10px;
	margin-bottom: 10px;
	background-image: url("images/arrow.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

.taskbartab2 a:hover {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FF6600;
	background-image: url("images/arrow.gif");
	background-repeat: no-repeat;
	background-position: left center;
}