@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('Open Sans.woff') format('woff'), url('Open Sans.woff2') format('woff2');
}

body {
	/*color: #5A5A5A;	*/
	color: #000000;
	font-family: "Open Sans";
	/*background: #0072A8 url("images/business2.png") no-repeat;*/
	/*background: #0072A8 url("images/depositphotos_4083507-Illustration-of-corporate-background.jpg") no-repeat;*/
	/*background: #0072A8 url("images/tcsbg.png") no-repeat;	*/
	/*background: #0072A8 url("images/bg-gradient.jpg");*/
	/*background: #123C66 url("images/CobaltCanvas-DarkBlue-2560x1600.jpg") no-repeat;*/
	background: url("images/blue-gradient-bg.png");
	background-size: 100%;
	background-color: #123C66;
	/*background-color: #FFFFFF;*/
	background-position: 0px 100px;
	padding: 0; margin: 0;
}
td { font-family: "Open Sans"; font-size: 12pt; }
td.small { font-size: 8pt; }
td.disclaimer { font-size: 7pt; color: #000000; }
td.footerlinks { font-size: 9pt; }
/*TD.topbg { background-image: url("images/topbg.jpg"); background-repeat: no-repeat; }*/
TD.misstate { font-size: 16pt; font-weight: bold; }

A:link {
text-decoration: none;
color: #24647C;
font-family: "Open Sans"; }
A:visited {text-decoration: none; color: #24647C; }
A:active {text-decoration: none}
A:hover {text-decoration: underline;}

H1, H2 {
	color: #000000;
}

H3, H4 {
	color: #0072A8;
}

.mainframe, .mainframe TD {
	color: #5A5A5A;
	padding: 5px;
}
.mainframe {	
	padding: 0px 20px 20px 20px;
}
.topframe TD {
	color: #FFFFFF;
}
.fileframe TD {	
	padding: 2px;
}

.leftmenu { color: #000000; font-size: 16px; }
.leftmenu-bottom { color: #FFFFFF; }
.leftmenu A:link, .leftmenu-bottom A:link {text-decoration: none; color: #000000; font-weight: bold; }
.leftmenu A:visited, .leftmenu-bottom A:visited {text-decoration: none; color: #000000; }
.leftmenu A:active, .leftmenu-bottom A:active {text-decoration: none}
.leftmenu A:hover, .leftmenu-bottom A:hover {text-decoration: underline;}

.footerlinks A:link {text-decoration: none; color: #FFFFFF; }
.footerlinks A:visited {text-decoration: none; color: #FFFFFF; }
.footerlinks A:active {text-decoration: none; color: #FFFFFF; }
.footerlinks A:hover {text-decoration: underline; color: #FFFFFF; }

.filebutton { font-size: 9pt; width: 30; height: 20; }
.smallbutton { font-size: 9pt; height: 20; }
.refreshfilesbutton { font-size: 9pt; height: 20; }

input[type="button"], input[type="submit"] {
	cursor: pointer;
	border:1px solid black;
	display:inline-block;
	font-size:12px;
	padding: 2px 10px;	
	height: 22px;
	font-weight:bold;
	background-color:#DDDDDD;
	text-decoration:none;
}

input[type="button"]:hover, input[type="submit"]:hover
{
	background-color:#CCCCCC;
}

input[type="button"]:active, input[type="submit"]:active
{
	position:relative;
	top:1px;
}

/*input[type="button"], input[type="submit"] {
	cursor: pointer;
	border:1px solid #019EE1;
	display:inline-block;
	font-size:12px;
	padding: 2px 10px;	
	height: 22px;
	font-weight:bold;
	background-color:#0072A8;
	color: #CCCCCC;
	text-decoration:none;
}

input[type="button"]:hover, input[type="submit"]:hover
{
	background-color:#005982;
	color: #FFFFFF;
}

input[type="button"]:active, input[type="submit"]:active
{
	position:relative;
	top:1px;
}*/

input[type="text"] {
	font-size:13px;	
	padding:2px;
	margin:0px 0px 0px 0px;
	border:1px black solid;
	height: 22px;
}

textarea {
	font-size:13px;	
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:1px black solid;
}

input[type="password"] {
	font-size:13px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:1px black solid;
	height: 22px;
}

select {
	font-size:13px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:1px black solid;
	height: 22px;
}

.menu-nav {
	font-size: 14px;
    padding:0px 0px 0px 0px;	
	margin: 0px auto; 
	text-align: center;	
}

.menu-nav li a {
	text-decoration:none;	
	display:block;
	line-height: 30px;	
	font-style:normal;	
	font-family: "Open Sans";
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 100px;
}
.menu-nav li a:hover {
	color:#999999;
}

/*.menu-nav li:hover {
	color:#000000;
}

.menu-nav ul li:hover > ul {
	display: block;		
}*/

.menu-nav ul {
	margin: 0;
	list-style: none;
	position: relative;
	float: left;
	border:none;	
}

.menu-nav ul:after {
	content: ""; clear: both; display: block;
}

.menu-nav ul li:last-child {	
	border: 0;
}


.menu-nav ul li {
	float: left;
	padding: 0;	
	position: relative;	
	border-right: 1px solid #DDDDDD;
}
.menu-nav ul li:hover {
	background: #FFFFFF;	
}
	.menu-nav ul li:hover a {
	/*	color: #0000ff;*/		
	}

.menu-nav ul li a {
	display: block;
	padding: 0px;
	color: #000000;
	text-decoration: none;		
}