@charset "UTF-8";

body{
	background-color:whitesmoke;
	/*text-align:center;*/
	font-family:"open_sansregular";
	font-size:14px;
	line-height:24px;
	color:black;
	padding-bottom:20px	
}



/* Desktop Layout: greater than 1280 */


.gridContainer {
	width: 100%;
	padding-left: 0.0%;
	padding-right: 0.0%;
	margin: auto;

}

.fixedbanner{
	background-color:darkgreen;
	width:100%;
	height:100px;
	color:white;
	font-family:"open_sansregular";
	font-size:24px;
	text-align:left;
	padding:20px;
	box-shadow: 0px 4px 20px 0px #888888;
		
}

.mainbodyCNT{
	text-align: center;
	margin:auto;
	height:800px;
}

.mainleft{
	width:100%;
	height:100%;
	display:inline-block;
	float:left;
		
}



.gettoknowCNT{
	width: 95%;
	/* height: 175px; */
	/* margin: auto; */
	margin-top: 0px;
	text-align: left;
	padding: 30px;
	padding-bottom: 0;
}

.helpitem{
	height:150px;
	width:150px;
	border-radius:75px;
	border:1px solid black;	
	text-align:center;
	font-weight:bold;
	background-color:black;
	padding-top:15px;
	color:white;
	opacity:0.6;
	margin-right:30px;
	display:inline-block;
	vertical-align: top;
}

.helpitem:hover{
	opacity:1;
}
.helpitem_grp{
	display: inline-block;
	margin-bottom: 20px;
}

.helptable{
	margin-top:50px;
	width:100%;
	
		
}

.helptable tr td{
	height:50px;	
}

.helptable tr:nth-child(1) td{
	background-color:purple;
	font-size:24px;
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;
	border-top: 3px solid purple;
	color:white;	
}

.helptable tr td:nth-child(1){
	text-align:left;
	padding-left:60px;
	width:250px;
		
}

.helptable tr td:nth-child(2){
	text-align:left;
	width: 100px;	
}

.helptable tr td:nth-child(3){
	text-align:left;
	padding-right: 15px;
	
}

.helptable tr:nth-child(2n+1){
	background-color:white;	
}

.helptable tr:nth-child(1n+1) td:nth-child(4){
	padding-top:15px;
	padding-bottom:15px;
	padding-right:60px;
}

.vidscreen{
	border:2px solid black;	
}








@media only screen and (max-width: 1280px) {
.gridContainer {
	width: 100%;
	
	padding-left: 0.0%;
	padding-right: 0.0%;
	margin: auto;
	
}

}


@media only screen and (max-width: 900px) {
.gridContainer {
	width: 100%;
	
	padding-left: 0.0%;
	padding-right: 0.0%;
	margin: auto;
	
}





/* Tablet layout */
@media only screen and (max-width: 768px) {
.gridContainer {
	width: 100%;
	min-width:767px;
	padding-left: 0.0%;
	padding-right: 0.0%;
	margin: auto;
	
}
.gettoknowBottom{
	text-align: center;
}






}




/* Mobile Layout:  min of 480px .  I80erits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (max-width: 480px) {
.gridContainer {
	width: 100%;
	min-width:inherit;
	padding-left: 0.0%;
	padding-right: 0.0%;
	margin: auto;
	
}
.helptable tr:nth-of-type(1) {
	display: none;
}
.helptable tr {
	border-top: 1px solid purple;
}
.helptable tr td {
	height: auto;
	display: block;
	border-top: 1px dotted #ddd;
	width: 100%;
	position: relative;
	text-align: left;
}
.helptable tr td:nth-of-type(1), .helptable tr td:nth-of-type(2), .helptable tr td:nth-of-type(3), .helptable tr td:nth-of-type(4){
	width: 100%;
}
.helptable tr td:nth-of-type(1) {
	padding-left: 1px;
	font-weight: bold;
}
.helptable tr td:before {
	display: inline-block;
	background: purple;
	color: white;
	padding: 3px 11px;
	margin-right: 10px;
	vertical-align: top;
}
.helptable tr td:nth-of-type(1):before {
	content: 'Topic: ';
}
.helptable tr td:nth-of-type(2):before {
	content: 'Area: ';
}
.helptable tr td:nth-of-type(3):before {
	content: 'Details: ';
}
.helptable tr td:nth-of-type(4):before {
	content: 'Resource: ';
}

}