﻿html, body, div, p, td, tr, table, img, ul, ol, li, a, th, form {
	margin: 0;
	padding: 0;
}
div, table {
	width: 100%;
}
table {
	border-collapse: collapse;
}
h1 {
	padding-bottom: 16px;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	font-size: 1.3em;
	font-weight: bold;
	padding-top: 0;
}
h2 {
	padding-bottom: 0;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	font-size: 1.2em;
	font-weight: normal;
	padding-top: 8px;
}
h3 {
	padding-bottom: 8px;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	font-size: 1.1em;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	padding-top: 12px;
}
h5 {
	padding-bottom: 0;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	font-size: 100%;
	font-weight: normal;
	padding-top: 0;
}
h6 {
	padding-bottom: 0;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	font-size: 100%;
	font-weight: normal;
	padding-top: 0;
}
/* new */
img {
	border: none;
}
/* site specific */
body {
	font-family: Arial, Helvetica, sans-serif;
	color : #000000;
/*	background-color: #777777;
	background: -webkit-linear-gradient(bottom left, rgba(43, 40, 50, 0.8) 0%, rgba(83, 86, 99, 0.8) 45%, rgba(69, 77, 91, 0.6) 60%);
	background: -moz-linear-gradient(bottom left, rgba(43, 40, 50, 0.8) 0%, rgba(83, 86, 99, 0.8) 45%, rgba(69, 77, 91, 0.6) 60%);
	background: -o-linear-gradient(bottom left, rgba(43, 40, 50, 0.8) 0%, rgba(83, 86, 99, 0.8) 45%, rgba(69, 77, 91, 0.6) 60%);
	background: linear-gradient(to top right, rgba(43, 40, 50, 0.8) 0%, rgba(83, 86, 99, 0.8) 45%, rgba(69, 77, 91, 0.6) 60%);  */
	font-size: 16px;
	font-size: 1.1vw;
}
#outer {
	position: relative;
	margin: auto;
	width: 60%;
	margin-bottom: 20px;
}
#vw_element {
	width: 1px;
	width: 50vw;
}
#outer {
}
#container {
	width: 100%;
	margin-bottom: 20px;	
}
/*general specific to site  */
a {
	color: black;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.title-header {
	text-align: center;
	font-family: Geneva, Verdana, sans-serif;
	color: #888888;
	font-weight: bold;
	padding: 3px 0;
	margin: 0 0 20px 0;
	color: #ffffff;
	font-size: 120%;
/*	box-shadow: 0px 1px 5px rgb(200,200,200);
	box-shadow: 0px 0px 35px rgba(200,200,200,0.3) inset;
	border-radius: 0 0 25px 25px;  */
}
.title-header span {
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}
.logo {
	width:15%;	
}
.title-header td:last-child {
	width: 5%;
	min-width: 40px;
	visibility: hidden;
	z-index: -100;
}
.title-header td:last-child img {
	width: 80%;
}
.title-header td:last-child div {
	border: 1px rgb(210,210,210) solid;
	border: 1px rgba(210,210,210,0.5) solid;
	right: 50%;
	border-radius: 5px;
	box-shadow: 0px 0px 2px rgb(229,229,229);
	box-shadow: 0px 0px 3vw rgba(229,229,229,0.4) inset;
	text-align: center;
	min-width: 2.5em;
}
.settings-btn-inactive {
	background-color: none;
}
.settings-btn-inactive:hover {
	background-color: rgb(210,210,210);
	background-color: rgba(210,210,210,0.8);
}
.settings-btn-active {
	background-color: rgb(210,210,210);
	background-color: rgba(210,210,210,0.8);
}
/*  nav bar */
#navbar ul {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
	z-index: 100;
}
#navbar li {
	float: left;
	width: 16%;
	text-align: center;
	background-color: #dee3e6;
	background: -webkit-linear-gradient(#dee3e6, #ffffff,#dee3e6);
	background: -o-linear-gradient(#dee3e6, #ffffff,#dee3e6);
	background: -moz-linear-gradient(#dee3e6, #ffffff,#dee3e6);
	background: linear-gradient(#dee3e6, #ffffff, #dee3e6);
	list-style: none;
}
#navbar a:hover {
	background-color: #C0C0C0;
	background: -webkit-linear-gradient(#C0C0C0 , #ffffff,#C0C0C0 );
	background: -o-linear-gradient(#C0C0C0 , #ffffff,#C0C0C0 );
	background: -moz-linear-gradient(#C0C0C0 , #ffffff,#C0C0C0 );
	background: linear-gradient(#C0C0C0 , #ffffff, #C0C0C0 );
}
#navbar ul ul li a:hover {
	background-image: none;
}
#navbar a {
	color: #686868;
	text-decoration: none;
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	display: block;
	font-size: 110%;
}
#navbar ul div {
	visibility: hidden;
	z-index: 2;
	text-align: left;
	position: relative;
}
#navbar ul div table {
	position: absolute;
	background-color: #E8E8E8;
	left: 0;
	top: 0;
	width: 20em;
}
#navbar ul div table td {
	padding: 5px;
}
#navbar ul li table a, #navbar ul li table a:hover {
	background-color: #E8E8E8;
	background: -webkit-linear-gradient(#E8E8E8 , #E8E8E8,#E8E8E8 );
	background: -o-linear-gradient(#E8E8E8 , #E8E8E8,#E8E8E8 );
	background: -moz-linear-gradient(#E8E8E8 , #E8E8E8,#E8E8E8 );
	background: linear-gradient(#E8E8E8 , #E8E8E8, #E8E8E8 );
}
#navbar ul li:hover div {
	visibility: visible;
}
#navbar ul li div td:hover, #navbar ul li div td:hover a {
	background-color: #C0C0C0;
	background: -webkit-linear-gradient(#C0C0C0 , #C0C0C0,#C0C0C0 );
	background: -o-linear-gradient(#C0C0C0 , #C0C0C0,#C0C0C0 );
	background: -moz-linear-gradient(#C0C0C0 , #C0C0C0,#C0C0C0 );
	background: linear-gradient(#C0C0C0 , #C0C0C0, #C0C0C0 );
}
#navbar ul li div td a:hover {
	color: #ffffff;
}
/* Middle content  */
#content {
	position: relative;
	padding: 30px 2%;
	min-height: 500px;
	background-color: #ffffff;
	overflow: hidden;
	width: 96%;
	box-shadow: 1px 1px 10px -1px #cccccc; 

}
#content p {
	padding-bottom: 8px;
}
/* Home  */
.hmpgimg1 {
	background-color: #B0C4DE;
	background: -moz-linear-gradient(bottom, #e4f1fa 0%, #B0C4DE 100%);
	background: -webkit-gradient(linear, bottom top, bottom top, color-stop(0%,#e4f1fa), color-stop(100%,#B0C4DE));
	background: -webkit-linear-gradient(bottom, #e4f1fa 0%, #B0C4DE 100%);
	background: -o-linear-gradient(bottom, #e4f1fa 0%, #B0C4DE 100%);
	background: -ms-linear-gradient(bottom, #e4f1fa 0%, #B0C4DE 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B0C4DE', endColorstr='#e4f1fa',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B0C4DE', endColorstr='#e4f1fa',GradientType=0 );
	background: linear-gradient(bottom, #e4f1fa 0%, #B0C4DE 100%);
}
.hmpgimg2 {
	background-color: #e4f1fa;
	background: -moz-linear-gradient(bottom, #B0C4DE 0%, #e4f1fa 100%);
	background: -webkit-gradient(linear, bottom top, bottom top, color-stop(0%,#B0C4DE), color-stop(100%,#e4f1fa));
	background: -webkit-linear-gradient(bottom, #B0C4DE 0%, #e4f1fa 100%);
	background: -o-linear-gradient(bottom, #B0C4DE 0%, #e4f1fa 100%);
	background: -ms-linear-gradient(bottom, #B0C4DE 0%, #e4f1fa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f1fa', endColorstr='#B0C4DE',GradientType=0 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f1fa', endColorstr='#B0C4DE',GradientType=0 );
	background: linear-gradient(bottom, #B0C4DE 0%, #e4f1fa 100%);
}
.hmpgimg1:hover, .hmpgimg2:hover {
	filter: alpha (opacity=70);
	opacity: 0.7;
}
.hmpgimg1 img, .hmpgimg2 img {
	border: none;
}
/*  News */
#newstbl td {
	border: 1px #909090 solid;
	padding: 10px;
}
#newstbl table {
	border-collapse: collapse;
	width: 90%;
}
#newstbl table td {
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 20px;
	padding-bottom: 20px;
}
#newstbl table ul {
	position: relative;
	left: 5%;
}
#newstbl table ul li {
	position: relative;
	width: 90%;
}
#newstbl table ul ul {
	position: relative;
	left: 5%;
}
#newstbl table ul ul li {
	width: 90%;
}
/*  applications */
#askimgL {
	width: 80%;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px #C0C0C0 solid;
	position: relative;
	left: 10%;
	top: 0;
}
#AMLKimgL {
	width: 80%;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px #C0C0C0 solid;
	position: relative;
	left: 5%;
	top: 0;
}
#ASHEimgL {
	width: 80%;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px #C0C0C0 solid;
	position: relative;
	left: 5%;
	top: 0;
}
#ASTCimgL {
	width: 80%;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px #C0C0C0 solid;
	position: relative;
	left: 5%;
	top: 0;
}
h4 {
	padding-bottom: 10px;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	font-size: 100%;
	font-weight: normal;
	padding-top: 20px;
	text-decoration: underline;
}
#AMLKcont ul li, #ASKcont ul li {
	padding: 8px 0;
	margin-left: 30px;
}
#OSlansup {
	position: relative;
	left: 7%;
	border-collapse: collapse;
	margin-top: 10px;
	width: 80%;
}
#OSlansup td {
	border: 1px black solid;
	padding: 3px 10px;
}
/*  Downloads   */
#dwnldcont td {
	border: 1px #909090 solid;
	padding: 10px;
}
#dwnldcont table {
	border-collapse: collapse;
}
#dwnldcont img {
	border: 0px white none;
	width: 80%;
}
#dwnldcont .dwnldcont-current img {
	width: 60%;
}
#dwnldcont table ul {
	margin-left: 3%;
}
/*  tutes and support */
#ttsnsprt ul {
	margin-left: 5%;
	list-style: none;
}
#ttsnsprt h2 {
	margin-left: 1%;
	margin-bottom: 10px;
}
/*  Site map  */
#sitemap {
	margin-left: 5%;
}
#sitemap ul {
	padding: 6px;
	margin-left: 5%;
}
#sitemap ul li {
	margin: 6px;
	padding: 3px 0;
}
#sitemap ul ul {
	padding: 1px 0;
	margin-left: 5%;
}
#sitemap ul ul li {
	padding: 1px 0 0 0;
}
#sitelist2 {
	position: relative;
}
#sitelist2 p {
	margin: 0;
	padding: 0;
}
#sitelist2 ul {
	margin-bottom: 10px;
}
/*  footer  */
#footer {
	text-align: center;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #000000;
	margin-bottom: 20px;
	box-shadow: 0px 1px 5px rgb(200,200,200);
	box-shadow: 0px 0px 35px rgba(200,200,200,0.3) inset;
	font-size: 90%;
}
#footer a {
	padding: 18px 2%;
	color: #000000;
}
.footer-copyright {
	font-size: 86%;
	margin: 15px 0;
}
.footer-copyright a {
  text-decoration:underline;
}
/*  query styles */
@media only screen and (max-width: 1400px) {
body {
	font-size: 16px;
}
#outer {
	width: 80%;
}
.logo {
	width:8em;
}
}
@media only screen and (max-width: 1000px) {
#outerwrapper {
}
#outer {
	width: 100%;
}
#navbar li {
	width: 20%;
}
}
@media only screen and (max-width: 800px), (max-width: 900px) and (min-resolution: 115dpi), (max-width: 1025px) and (min-resolution: 128dpi), (max-width: 1150px) and (min-resolution: 146dpi), (max-width: 1300px) and (min-resolution: 165dpi), (max-width: 1500px) and (min-resolution: 185dpi), (min-resolution: 215dpi) {
#outerwrapper {
}
#outer {
	width: 100%;
}
#navbar li {
	width: 25%;
}
#navbar li:nth-child(3) div {
	right: 12em;  
}
}
/*  small screen */
@media (max-width: 500px), (max-width: 600px) and (min-resolution: 100dpi), (max-width: 700px) and (min-resolution: 120dpi), (max-width: 850px) and (min-resolution: 140dpi),(max-width: 1000px) and (min-resolution: 170dpi), (max-width: 1200px) and (min-resolution: 200dpi) {
#outerwrapper {
}
#outer {
}
.title-header {
	margin: auto;
	width:97.5%;
}
.logo {
	padding-bottom:1em;
}
.title-header td:last-child {
	visibility: visible;
	z-index: 100;
}
#navbar {
	display: none;
}
#navbar ul {
	left: 20%;
	position: absolute;
}
#navbar li {
	float: none;
	width: 80%;
	background: linear-gradient(#dee3e6, #dee3e6, #dee3e6);
}
#navbar ul div {
	visibility: visible;
}
#navbar ul div table {
	position: relative;
	width: 100%;
}
#navbar li:nth-child(3) div {
	right: 0;  
}
#navbar a:hover {
	background-color: #C0C0C0;
	background: -webkit-linear-gradient(#C0C0C0 , #C0C0C0,#C0C0C0 );
	background: -o-linear-gradient(#C0C0C0 , #C0C0C0,#C0C0C0 );
	background: -moz-linear-gradient(#C0C0C0 , #C0C0C0,#C0C0C0 );
	background: linear-gradient(#C0C0C0 , #C0C0C0, #C0C0C0 );
	color: #ffffff;
}
}
@media only screen and (max-width: 360px) {

}
