body
{
	background:url(../denim.jpg);
	background-repeat:repeat;
}

a
{
white-space: nowrap; //prevent link text from occupying mutliple lines

}

h2
{
	margin-top:1.2em;
}

img
{
	width:100%;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}

table
{
	width:100%;
	border-collapse: collapse;
}

th
{
	border-bottom:solid 1px grey;
	
}

td
{
	/* vertical-align:top; */
	padding:5pt;
/* 
	margin:0;
	padding:5pt;
	border-spacing:0;
	border:solid 1px;
 */
	
}

td img
{
	width:100%;
}

td a img
{
	border:  solid blue 1px;
}

.figure a img
{
	border:  0;
}


td h1
{
	font-size:16pt;
	text-align:center;
	
}

li
{
	margin:bottom:1.2em;
}

/*
#######################################################
Begin Classes
#######################################################
*/


.tg-6k2t
{
	width:33%;
}



.container {
	
	height:100%;
}

.leftp
{
	width:70%;

}
.figure
{
width:100%;
margin-bottom:12pt;
}

.screenshot
{
	width:30%;
	border-style:none;
}

.figureContents
{
	width:100%;
	padding:2px;
	border-style:none;
}

.caption
{
	text-align:center;
	font-style:italic;
	font-size:10pt;
	padding: 4pt;
	width:100%;
}

.warning
{
	border: ridge grey 3px;
	padding: .5em;
	background-color:#FFFFE0;
	/*display:none;*/ /*debug*/
}

.offpagelink
{
	text-align:center;
	font-size:1.25em;
}





#page {
	margin-left:auto;
	margin-right:auto;
	margin-top: 14pt;
	margin-bottom: 14pt;

	max-width:90%;
	background-color:#FFFFF7;
	border-style: solid;
	border-width:2px;
	font-family:Tahoma, Geneva, serif;
}

#page p
{
	text-align:justify;
	margin:8pt;
	margin-bottom:1em;
}

#page a
{
	color:#955;
	justify-content:space-around; 
}

#titlebar  
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	
}

#titlebar h2
{
	font-size:14pt;
	font-style:italic;
	
}

#titlebar a
{
	text-decoration:none;
}

#titlebar #titleLine
{
	 width: 99%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .5em;
	
}

#pageBody
{
	margin-left:.5in;
	margin-right:.5in;

}

#footer
{
	padding-top:4in;
	background-color:#FFFFF5;
	margin-bottom: 14pt;
	width:100%;
}

.printonly
{
	display:none;
}
.speechonly
{
	display:none;
}
.mobileonly
  {
  display:none;
  }

/** ---- Print ----- */
@media only print
{

.printonly
{
	visibility:visible;
	height:auto;
	
}

.warning
{
	color: crimson;
}


body
{
	background:#FFF;
}

#page {
	width:100%;
	background-color:#FFF;
	border-style: none;
	padding-bottom:0;
	font:serif;

}

}


@media only speech
{
	.speechonly
	{
		visibility:visible;
	}
}

/* ----------- Small mobile ----------- */


/* Portrait */
@media only screen 
  and (max-device-width: 736px) 
  and (orientation: portrait) 
  { 
  .mobileonly
  {
  visibility:visible;
	height:auto;
  
  }
  
 .leftp
{
	width:60%;
	font-size: 22pt;

}
  body
  {
  	
  }
  
  body p,ol,ul  , td h1
  {
  	font-size: 22pt;
  	/*color:green;*/
  }
  
	h1
  {
  	font-size: 30pt;
  }
  
  body h2
  {
  	font-size: 26pt;
  	/*color:green;*/
  }
  
  #titlebar h2
{
	font-size:18pt;
	font-style:italic;
	
}
  
  .caption
  {
  	font-size: 20pt;
  	/*color:green;*/
  }
  
  #page
  {
  	max-width:98%;
  }


}

/* Landscape */
@media only screen 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
  
   .mobileonly
  {
  visibility:visible;
	height:auto;
  
  }
  
  .tg {width: auto !important;}.tg col {width: auto !important;}.tg-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;}

}