/* dark blue : #023C7B green:33CC66 light blue: #9FD4FF lighter blue: #F8F8FF; highlight grey: #F0F0F0;*/
html	{ height:100%;}
body	{ height:100%; width:100%; background-color:#FFFFFF;}

* {font-family:Sans-Serif,"Segoe UI",Arial,Helvetica,"Sans Serif"; margin:0; padding:0;}

h1,h2,h3,h4,h5,h6 {color:#023C7B; margin:10px 0 10px 0; font-weight:normal;}

form {	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
	box-sizing:content-box;
	background-color:#F0F0F0;
	padding:0.2em;
}

h1,h2	{ font-size:1.3em; }
h3	{ font-size:1.2em; }
h4	{ font-size:1.1em; }
h5	{ font-size:1.1em; font-weight:none;}
h6	{ font-size:1em;}
a	{ text-decoration:none; color:#023C7B;}
small	{ font-size:0.8em; color:#606060;}

ul	{margin-bottom:25px;}
li	{margin-left:18px;}
p	{margin-bottom:1em; margin-top:1em; clear:both;}

form div {width:100%;}

label	{display:block;margin:1em 0 0 0;}
label,input,select,textarea {
	display:block; width:90%;clear:both;border:none;
	box-sizing:border-box;
	padding:0.2em;
	line-height:1.5em;
	}
textarea {height:5em;}
select {background-color:#FFFFFF;}

table	{width:100%;overflow:auto;}
th	{background-color:#E0E0E0; text-align:center;}
td	{vertical-align:middle; padding:0.2em; }
li	{margin-top:4px; }

input[type=submit] {
	padding:0.1em; text-align:center; width:25%; display:block;
	margin:1em auto 1em auto; height:2em;
	}
/* ************************************************************** */
.w	{ width:100%; height:100%; padding-bottom:50px; min-height:100%;
	overflow:hidden; height:auto;
	}

.mtlogo { clear:none;float:none;
	overflow:auto;
	padding-left:2px;
	margin-bottom:2px;
	margin:0 auto 0 auto;
	position:relative;
	font-size:0.7em;
	}

.mtlogo img { height:auto; display:block;clear:right; max-width:50%;}
.mtlogo a	{background-color:#023C7B; color:#FFFFFF; 
		padding:0.6em;
		display:block;
		text-align:center;
		width:8em;
		font-size:0.8em;
		position:absolute;top:1px;right:0; 
		border-radius:0.5em;
		}
.mtlogo a:hover	{background-color:#4080F0;  }

.login input[type=text] 	{width:100px;}
.login input[type=password]	{width:100px;}

tr.overline  { border-top:dotted 1px black; }
tr.overline td { border-top:dotted 1px black; }

.sec	{ margin-top:5px; padding:0 0 5px 0; text-align:left; overflow:hidden;}
.sec h5 { background-color:#023C7B;color:white; padding: 5px ; margin:10px 0 5px 0;}

.bw {display:block; overflow:hidden;height:auto;padding-left:1px;
	width:100%; clear:both; float:none;
	}
.bw a {text-decoration:underline;}

.rm 	{ display:block; clear:none; float:right;
		height:auto;
		margin:0 2px 0 5px;
		width:45%;
		text-align:right;
		overflow:display;
	}
.rm a,.rm h5 {text-align:left;}

.rm a[href="download.htm"]:after {font-size:1em; content:" \2B73";}
.rm a[href="download.htm"] {
		background-color:#023C7B; color:white; 
		padding:0.6em;
		display:block;
		text-align:center;
		font-size:0.8em;
		width:80%;
		border-radius:0.5em;
		}
.rm a[href="download.htm"]:hover {background-color:#4080F0;  color:white;}

.rm:nth-child(2):before {content:"\2605\2605\2605\2605\2605"; height:1.5em; display:block; }

.rm h5 { background-color:#023C7B;color:white; margin:0; font-size:0.9em;}

.rm:nth-child(1) {margin-top:1.4em;} 

.rm h5:nth-child(1):after {content:" \2B73";}

.rm a		{display:none;padding:2px;text-overflow:ellipsis;}
.rm a:hover	{background-color:#F0F0F0;color: #023C7B;}

.rm h5		{display:none;margin-top:1em;padding:2px;}

.rm:hover:nth-child(2):before 
	,.rm:focus:nth-child(2):before 
	,.rm:active:nth-child(2):before {content:""; }

.lm	{ display:block; clear:none;
		float:left;
		height:auto;
		margin:0 5px 0 0;
		width:25%;
		background-color: #023C7B; color: #FFFFFF; padding:5px;
		}

.lm:first-child:before {content:"\2630   Home"; }
.lm a:first-child {margin-top:1em;}
.lm a:hover { outline:solid 1px #FFFFFF;}

.lm a	{padding:4px 0 4px 4px; color:#FFFFFF; display:none;}

.lm:hover:first-child:before
	,.lm:focus:first-child:before
	,.lm:active:first-child:before {content:""; }

.s	{ background-color:#33CC66; }

.ft {	padding:5px; width:100%;
	clear:both;color:white; background-color: #023C7B;
	margin-top:20px;text-align:center;border-top:solid 1px #FFFFFF;
	}
.ft	a {color:white;}

.products 	{ clear:both; display:block;
			margin:0 0 2em 0; width:100%;float:left;
			}

.products div	{ display:block;clear:none;
				width:90%;
				border:solid 1px #023C7B; 
				border-radius:0.5em;
				padding:0;
				margin:0.4em auto 0.4em auto;
				overflow:hidden;	
	}
.products div h4 { width:100%; text-align:center; margin:0 0 0.2em 0;padding:0.2em 0;line-height:1.2em;}
.products div a	{ padding:0 0.5em 0.5em 0.5em; display:block; clear:both; float:left; }
.products div a h5 { width:100%; margin: 0.4em auto 0 auto;}
.products div a:hover	{ background-color:#F0F0F0;}
/* ************************************************************************** */
@media only screen and (min-width:640px) 
	and (min-device-width:800px)
	and (orientation:landscape) 
	{
	.mtlogo	{ font-size:1em; max-width:10in;margin:0 auto 0 auto; clear:both;}
	.mtlogo a { width:6em; padding:1em;}

	.w	{max-width:10in;margin:0 auto 0 auto; clear:both;}

	.lm	{float:left; clear:none;overflow:hidden; height:100%;
		width:10em;  border-right:solid 2px #9fd4ff;
		margin-right:2em; margin-top:0.7em;
		border-radius:5px;
		}

	.lm:first-child:before {content:"";}
	.lm a	{outline:none;width:100%;text-align:left; display:block; }
	.lm a:first-child {margin-top:0;}

	.rm 	{ display:block; float:right; clear:none;
			width:6em;
			overflow:hidden;
			height:auto;
			margin-left:2em;
		}

	.rm:hover {width:6em;}
	.rm:nth-child(2):before {content:"";height:0; }
	.rm h5	{display:block; width:100%; font-size:0.90em;}
	.rm a	{display:block; clear:both; float:none; width:99%;
			text-align:left; height:auto; outline:none;
			font-size:0.90em;}

	.bw {clear:none; width:auto;}

	.products div	{ width:46%; float:left; margin:0.4em; }

	.ft { position:fixed; align:bottom; bottom:0px; }
}
/* *************************************************** */