﻿html, body, td, tr, table, img, li, a, th, form {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
}
/*  ul, ol, div, p  keep as default */
h1 {
	padding-bottom: 16px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 130%;
	font-weight: bold;
	padding-top: 0px;
}
h2 {
	padding-bottom: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 120%;
	font-weight: normal;
	padding-top: 8px;
}
h3 {
	padding-bottom: 8px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 110%;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	padding-top: 12px;
}
h5 {
	padding-bottom: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 100%;
	font-weight: normal;
	padding-top: 0px;
}
h6 {
	padding-bottom: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 100%;
	font-weight: normal;
	padding-top: 0px;
}
/* new */
div {
	width: 100%;
}
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;
	background-color: #ffffff;
	background:#ffffff;
}
.outer {
	position: relative;
	margin: auto;
}
#container {
	font-size: 130%;
}
/*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%;
	width: 96%;
	float: left;
	background-color: #ffffff;
	overflow: hidden;
	min-height: 500px;
	box-shadow: 1px 1px 10px -1px #cccccc; 
}
/*  footer  */
#footer {
	clear: both;
	overflow: hidden;
	text-align: center;
	margin-top: 20px;
	padding: 26px 0;
	margin-bottom: 20px;
	color: #000000;
	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 a{
	text-decoration:underline;
}
#ASHEimgL {
	width: 80%;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px #C0C0C0 solid;
	position: relative;
	left: 5%;
	top: 0;
}
/* help specific */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #ffffff;
	color : #000000;
}
.emtxt {
	font-size: 96%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
.bldtxt {
	font-family: "Times New Roman", Times, serif;
	font-size: 100%;
	font-weight: bold;
}
.nmltxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 96%;
	font-weight: normal;
}
a {
	text-decoration: none;
	color: black;
}
a:hover {
	text-decoration: underline;
}
.head1 {
	font-size: 115%;
}
.head2 {
	font-size: 102%;
	font-weight: 600;
}
.cnts {
	border: 1px #999999 solid;
	background-color: #E0E0E0;
	width: 96%;
}
.cnts li {
	list-style: none;
	padding: 3px 0px;
}
/* Tab menu */
#alltabs {
	position: relative;
	margin-bottom: 50px;
	width: 100%;
}
#alltabs ul {
	list-style: none;
	position: absolute;
	top: -0.25em;
	left: -2%;
	width: 100%;
}
#alltabs li {
	display: inline;
	border: solid;
	border-color: #999999;
	border-width: 1px 1px 0 1px;
	margin: 0 0.5% 0 0;
	float: left;
	padding: 5px 3.5%;
	background-color: #F0F0F0;
	color: #333333;
	cursor: pointer;
}
#alltabs li span {
	text-decoration: none;
}
#alltabs li:hover {
	background-color: #D0D0D0;
}
#alltabs a {
	text-decoration: none;
}
/*  tab list */
#menulst table {
	border-collapse: collapse;
	width: 90%;
}
#menulst td {
	border: 1px #909090 solid;
}
.topmenubtn1 {
	height: 40px;
}
.topmenubtn2 {
	height: 30px;
}
.topmenubtn1, .topmenubtn2, .topmenubtn3 {
	background-color: #B8B8B8;
	background: -moz-linear-gradient(bottom, #B8B8B8 0%, #ffffff 100%);
	background: -webkit-gradient(linear, bottom top, bottom top, color-stop(0%,#B8B8B8 ), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(bottom, #B8B8B8 0%, #ffffff 100%);
	background: -o-linear-gradient(bottom, #B8B8B8 0%, #ffffff 100%);
	background: -ms-linear-gradient(bottom, #B8B8B8 0%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#B8B8B8',GradientType=0 );
	border: 1px black solid;
	border-color: #808080 #000000 #000000 #808080;
}
.topmenubtn1:hover, .topmenubtn2:hover, .topmenubtn3:hover {
	background-color: #E0E0E0;
	background: -moz-linear-gradient(bottom, #E0E0E0 0%, #ffffff 100%);
	background: -webkit-gradient(linear, bottom top, bottom top, color-stop(0%,#E0E0E0 ), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(bottom, #E0E0E0 0%, #ffffff 100%);
	background: -o-linear-gradient(bottom, #E0E0E0 0%, #ffffff 100%);
	background: -ms-linear-gradient(bottom, #E0E0E0 0%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E0E0E0',GradientType=0 );
}
#menulst select option {
	background-color: #ffffff;
}
select option {
	background-color: #ffffff;
}
/* font style buttons  */
.btns2 {
	font-family: "Iskoola Pota",sans-serif;
	height: 40px;
	font-size: 150%;
	font-weight: 500;
	color: #000000;
	width: 35px;
}
.mltdls1 {
	width: 142px;
	padding: 10px;
}
.mltdls2 {
	padding: 6px;
}
/*lists and tables other tabs  */
.listyp1 {
	list-style: none;
}
.listyp1 ol {
	margin-top: 10px;
}
.listyp1 ol li {
	padding: 2px;
}
.listyp1 ol li ul {
	list-style: disc;
}
.listyp1 ol li ul li {
	padding: 2px;
}
.listyp2 li {
	padding: 3px 0px;
}
.listyp2 ul li {
	padding: 3px 0px 5px 0px;
}
.listyp3 li {
	padding: 3px 0px;
}
.listyp3 ul li {
	padding: 2px 0px;
}
.listyp4 {
	list-style: none;
}
.listyp4 ol li {
	padding: 3px;
}
.listyp4 ol li ul li {
	list-style: disc;
	padding: 5px;
}
.tbltp1 {
	border-collapse: collapse;
}
.tbltp1 td {
	border: 1px black solid;
	padding: 5px 10px;
}
.sidebar-cnt {
	padding-top: 200px;
	font-size: 130%;
}
#sidebar {
	top: -20px;
}
/*  query styles */
@media only screen and (max-width: 1400px) {
body {
	font-size: 16px;
}
#container, .sidebar-cnt {
	font-size: 100%;
}
#sidebar {
	top: -15px;
}
#outer {
	width: 80%;
}
.logo {
	width:8em;
}
#alltabs ul {
	top: 0.3em;
}
}
@media only screen and (max-width: 1000px) {
#outerwrapper {
}
#outer {
	width: 100%;
}
.logo {

}
#navbar li {
	width: 20%;
}
#alltabs ul {
	z-index: 2;
}
}
@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%;
}
.logo {

}
#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;  
}
.cnts {
	padding-top: 2em;
}
}
@media only screen and (max-width: 360px) {

}
