:root {
  --background: #FBFCFE;//rgb(255, 255, 255, 0.9);
  --softbackground:  #F3F7FD;// #F2F2F2;
	--subheader: #E3EDFB ;//#DDECF4 ;// #F0FFFF;
	--altline: #EFF5FC ;
	--fontcolor: #000080;
	--asidecolor: #0000FF;
	--headcolor: #E5F3EE;
} 

html,
body { 
  font-family: Arial; 
  font-size:14px; 
	background-color: var(--background);
	color: var(--fontcolor); //#000080; 
	height: 100%;
	margin: 0;
}

body {
  display:flex;
	flex: 1 0 auto;
	flex-direction: column;
}

.titleh {
  display: flex;
	height: 20vh;
}

.title21 {
  font-size: 6em;
  font-style: oblique;
	align-items: center;
	text-align: left;
	padding-top: 0.3em;
}

.title22 {
  font-size: 2.5em;
  font-style: oblique;
	align-items: center;
	text-align: left;
	padding-left: 50px;
	padding-top: 1.8em;
	box-sizing: border-box;
	
}

.menu {
  flex-grow: 0; // 1 0 auto;
	flex-shrink: 0;
  list-style: none;
  display: flex;
	flex-direction: row;
	padding: 5px;
	margin: 0px;
	height:26px;
	width:max-width;
	background-repeat:repeat-x;
	//font-family: Arial;
	//font-size:14px;
	z-index:100000;
	background: var(--subheader);// #08085e;
	align-items:center;
}


.menu li {
  flex: 0 0 auto; // grow shrink basis; 
	background-color: var(--subheader); // #f2f2f2;
	color: var(--fontcolor); //#08085e;
	//width:200px;
	float: left;
	//border:1px solid var(--fontcolor); //#000;	
	padding: 5px 15px 5px 15px;
}

.menu ul {
  display: none;
  list-style: none;
	justify-content: stretch;
	margin-left: -2em;  // offset for menu items
}

.menu ul li{ 
  flex: 1 0 auto;
	width: 150px;
}


.menu li.a {
  display: block;
	background: #000;
	text-decoration: none;
  white-space: nowrap;
	color: #fff;
}

.menu li:a:hover {
  background: #0000ff;
}

.menu  li:hover ul {display: block; position: absolute;}
.menu  li:hover li {float: none;}
.menu  li:hover a {color: var(--font-color); //#0000ff; 
	text-weight: 200;
  background: var(--subheader); 
} //#f2f2f2;}
//.menu  li:hover li a:hover {background: #000;}
	
main {
  flex: 1 0 auto;
	display: flex;
	flex-direction: row;
}

content{
  display: flex;
	flex: 1 0 auto;
	flex-direction: column;
	text-align: left;
}
aside {
  flex: 0 0 200px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	box-sizing: border-box;
	background-color: var(--softbackground);
	color: var(--asidecolor);
	text-align: left;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-right: 10px;
	padding: 5px;
	border-radius: 10px;
  border: 1px solid var(--fontcolor);//solid black;
}

aside ul {
  font-size: 14px;
}

aside ul li {
	text-align: left;
}


footer {
  flex: 0 0 auto;
//	padding: 10px;
//	color: $fff;
//	background-color: rgba(61,100, 158, .9);
border:0px; border-top: 2px solid #6065A9; width:100%;
              background: var(--background); 
							text-align: left; font-size: 12px;	
}
.maintitle {
  text-align: center;  
	font-weight: bold; 
	font-size:22px; 
}
.maindesc {
  text-align: left; 
	margin: 15px;
	font-size:14px;  
	background-color: var(--softbackground);// #F0FFFF;
	border-radius: 10px;
  border: 1px solid var(--fontcolor);//solid black;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}
	
//.maindesc ul {
//  font-style: oblique;
//	font-weight: bold;
//}
.maindesc p {
  font-style: normal;
	font-weight: normal; 
}	
.subnews {text-align: left; 
    text-align: left;  font-weight: bold; 
		font-style: oblique;} 
.mainnews { color: #0000FF;
  text-align: center;  
	font-weight: bold; font-size:x-large;
	font-style: oblique;} 
	
.detaildesc {
  text-align: left; 
	margin: 15px; 
//	margin-right:10px; 
	font-size:14px;  
	background-color: var(--softbackground);// #F0FFFF;
	border-radius: 10px;
  border: 1px solid var(--fontcolor);//solid black;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}

.detaildesc span {
	font-weight: bold;
}
.detail2desc span {
	font-weight: bold;
}
.maindesc span {
	font-weight: bold;
	margin: 5px;
}


.detailhead {
  font-weight: bold;
	font-size: 1.5em;
}	

.detail2desc {
  text-align: left; 
	margin: 15px; 
//	margin-right:10px; 
	font-size:14px;  
//	background-color: var(--background);// #F0FFFF;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}

.screenitem{
  display: flex;
	flex-direction: row;
	text-align: left:
}

.screenitem ul{
  list-style: none;
  display: flex;
	flex-direction: column;
	text-align: left;
  margin-left: 50%;
}

.screenimagecenter{
  display: block;
  margin-left: auto;
	margin-right: auto;
}

.screens{
  display: flex;
	flex: 1 0 auto;
	flex-direction: column;
	padding: 1px 40px 10px 40px;
	margin: 2px;
}

.screens ul{
  display: flex;
	flex: 1 0 auto;
	margin-right: 1px;
	margin-left: -76px;// -2.5em;
	margin-top: auto;
	margin-bottom: auto;
	list-style: none;
}

.screens ul li {
  width: 100%;
	padding: 1px;  
  border: 1px solid black;
	padding-left: 5px;
	margin: 1x;
}
	
.screens ul li:nth-child(1) {
  width: 20%;
	font-weight: bold;
}

.screens ul:nth-child(even) {
  background-color: var(--altline);
}		

.screensubhead {
  flex: 1 0 auto;
	background-color: var(--subheader);// #F0FFFF;
  //border: 1px solid black;
	margin: 3px;
	font-weight: bold;
	font-size: 1.2em;
}			
.releaseheader {
  display: block;  
	margin-top: 10px; 
  font-weight: bold; 
	font-size: 1.5em;
}

.releasetitle {              
  font-weight: bold;
	text-align: center;  
}
						 
.releasetext {
  text-align: left;  
}	
					 
.releasedate {  
             font-size:10px;}

.supportsubhead {
  flex: 2;
	background-color: var(--subheader);// #F0FFFF;
  border: 1px solid black;
	margin: 3px;
	font-weight: bold;
	font-size: 1.2em;
}						 
.supportsubhead2 {
  //flex: 2;
	background-color: var(--subheader);// #F0FFFF;
  border: 1px solid black;
	margin: 3px;
	font-weight: bold;
	font-size: 1.2em;
}						 
.support{
  display: flex;
	flex: 1 0 auto;
	//flex-direction: column;
	padding: 10px 40px 10px 40px;
	margin: 2px;
}

.supportnotes{
  display: flex;
	flex: 1 0 auto;
	flex-direction: column;
	margin: 2px;
	width: 70%;
}

.support span {
	font-weight: bold;
}
.support ul {
  display: flex;
	flex: 1 0 auto;
	flex-direction: column;
	margin: 1px;
}

.supportdownload {
  display: flex;
	flex: 1 0 auto;
	flex-direction: column;
	margin: 1px;
	list-style: none;
	justify-contents: center;
	align-items: center;
}

.link{
  display: flex;
	flex: 1 0;// auto;
	flex-direction: column;
	//background: #F0FFFF;
	//padding: 10px 40px 10px 40px;
	//margin: 2px;
}
.linktext {
	//text-align: center;
  text-align: left; 
	margin-left: 10px; 
	margin-right:10px; 
	font-size: 16px;
}		

.linktext span {
	font-weight: bold;
}


.linkhead {
  //font-style: oblique;
	//text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	margin: 3px;
//	font-size: 16px;
//	background: #F0FFFF;
  background-color: var(--altline);
	border: 1px solid #6065A9;
		
}

.linkimage {
  display: flex;
	flex-direction: column;
	text-align: center;
	justify-contents: center;
	margin: 1em;
	width: 200px;
}
 				 
.linkitem{
  display: flex;
	flex-direction: row;
	text-align: left;
	//background: #F0FFFF;
	padding: 0px;
}				 

.linkitem ul {
  list-style: none;
  display: flex;
	flex-direction: column;
	text-align: left;
  margin-left:100px;
}



.feature {
  display: flex;
	flex: 1 0 auto;
	flex-direction: column;
//	margins: 10px 40px 10px 40px;
	margin: 2px;
}

/* heading is a list shown horizontally */

.featureheadrow {
  display: flex;
	flex: 1 0 auto;
	margin: 1px;
	margin-left: -38px;// -2.5em;
	list-style: none;
	font-weight: bold;
	font-size: 1.2em;
}

.featureheadrow li {
  width: 20%;
	padding: 1px;  
  border: 1px solid black;
	padding-left: 5px;
	margin: 1px;
}

.featureheadrow li:nth-child(1) {
  width: 40%;
}

.featurerow {
  display: flex;
	flex: 1 0 auto;
	margin-right: 1px;
	margin-left: -38px;// -2.5em;
	margin-top: auto;
	margin-bottom: auto;
	list-style: none;
}

/* group heading for features */

.featuresubhead {
  flex: 4;
	background-color: var(--subheader);//#F0FFFF;
  border: 1px solid black;
	//margin: 1px;
	margin-top: auto;
	margin-bottom: auto;
	font-weight: bold;
	padding-left: 5px;
}
.featurerow li {
  width: 20%;
	padding: 1px;  
  border: 1px solid black;
	padding-left: 5px;
	margin: 1px;
}

.featurerow li:nth-child(1) {
  width: 40%;
}


.featurerow:nth-child(even) {
  background-color: var(--altline); //#F5F9FA;
}



.tfaq {
  display: flex;
	flex: 1 0 auto; 
	flex-direction: column;
  border: 0px; 
	border-top: 1px solid #6065A9; 
	border-bottom: 0px solid #6065A9;
  background-color: var(--softbackground);// #F0FFFF;
	margin-top: 3px; 

}

.tfaq ul {
  list-style: none;
}

.tfaq li:first-child{
  font-weight: bold;
	margin-left: 0;
}	

.tfaq li:not(first-child){
  margin-left: 3em;
}	


.tfaq li ul li:first-child{
  font-weight: normal;
	margin-left: -3em;
}	



.featurecellh {
  width: 40%;
	padding: 1px;  
  border: 1px solid black;
	margin: 1px;
}

.featurecell {
  width: 20%;
	padding: 1px;  
  border: 1px solid black;
	margin: 1px;
}

.featureheadh {
  width: 40%;
	padding: 1px;  
  border: 1px solid black;
  text-align: center;
	font-weight: bold;
	margin: 1px;
	
}
.featurehead {
  width: 20%;
	padding: 1px;  
  border: 1px solid black;
  text-align: center;
	font-weight: bold;
	margin: 1px;
	
}



.tfeaturetable{
//  background-color: var(--background); // #FFFFFF; 
	width: 100%;
  border: 1px solid black;
}

.tfeaturetable th {
  text-weight: bold;
  border: 1px solid black;
}	

.tfeaturetable td {
  border: 1px solid black;
}

.tfeaturetable tr {
  border: 1px solid black;
}

.tfeaturetable tr:nth-child(even) {
	background-color: #F0FFFF;
}

.tfeaturesubheading{
	background-color: #F0FFFF; 
	font-weight: bold;
	 -webkit-column-span: all; /* Chrome, Safari, Opera */
	column-span: all;
}