p {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
 	line-height:120%; margin: 0 0 0.6em 0;
 	padding-right:1em}
	
#main
{
	width: auto;
	
	padding-left:8px; padding-right:8px;
}

#header {
  		width:100%;
  		height: auto; color:#99FFCC;  margin-bottom:8px;
		background-color:rgb(34,70,79); 
				padding-left:1em; padding:6px;		
	}
	
/* text in header; margins, padding, font-size defined in  */
#hgp h1 {font-weight:bold; color:#99FFCC}
#hgp h2 {font-weight:normal; color:#99FFCC}

/* #brand {position: absolute; right:3px; top:3px; font-size: small; color: #C6C6C6; text-align:right; padding-right:2px;}  */

#footer
{
   border: 0;  margin:0; font-size:85%; text-align:center; color: #ffffcc; padding:10px; background-color:rgb(34,70,79);    
}

#footer a {color:#99FFFF}


#introBox {background-color:#fff8dc; padding:8px; border-bottom: 1px solid gray;}


/* positioning   -- first two don't work reliably  */
.wrapR {float: right; margin: 8px 0 8px 1.5em}
.wrapL {float: left; margin: 8px 1.5em 8px 0} 
.LeftSide {margin: 8px 1.5em 8px 0}
.LeftSideDouble {margin: 8px 24px 8px 0}
.RightSide {margin: 8px 0 8px 1.5em}  


	/* paragraph headers 
-------------------------------------------------------------- */

/* H1,H2,H3,H4,H5,H6 {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;}  */
h3,h4,h6 {color:maroon}
h3 {font-weight:bold; margin-bottom: 0.60 em}

h1 {padding: 5px 0 5px 0; font-size:190%; line-height:100%}
h2 {padding: 5px 0 5px 2em; font-size:140%; line-height:100%}
H3 {padding: 12px 0 5px 0; line-height:100%; font-weight:bold; }
H4  {margin: 1em 0 .4em 0;}

H5  { color: teal; margin-bottom: 1.5em; font-size: medium}b8bebbb
.parahead {color:maroon; font-weight:bold; font-size:95%}

/* w3-themes ---------------------------------------- */
	/* greens  */
.w3-theme-1 {color:black !important;background-color:#ccffcc !important}
.w3-theme-2 {color:black !important;background-color:#b8ebbb !important} 
.w3-theme-3 {color:black !important;background-color:#9acd9a !important}  
/* orange */
.w3-theme-4 {color:black !important;background-color:#ffffcc !important} 
.w3-theme-5 {color:black !important;background-color:#ffeeae !important} 
.w3-theme-6 {color:black !important;background-color:#ffd090 !important} 
/* blues */
.w3-theme-7 {color:black !important;background-color:#beffff !important}   
.w3-theme-8 {color:black !important;background-color:#aaf2ff !important}          
.w3-theme-9 {color:black !important;background-color:#8cd4ff !important}
.w3-theme-10 {color:#99FFCC !important;background-color:rgb(34,70.79) !important}

/* text items 
-------------------------------------------------------------- */
.left  {text-align: left}
.center {text-align: center}
.right  {text-align: right}
.italic {font-style: italic}
.closeLn {line-height:1.0}
dfn { color:#006600; font-weight: bolder}

.indent1 {margin-left:2.5%}
.indent2 {margin-left:10%}
.indent3 {margin-left:20%}
.indent4 {margin-left:30%}
.exdent1 {margin-left:-12%}

.white{color:white}	
.gray{ color:#808080} 
.green { color:DarkGreen}
.red{color:#FF0000 }
.maroon{color:maroon}  
.ltgray{color:#C0C0C0}
.cream {color:#ffffcc} 
.larger {font-size: larger} 
.smaller {font-size: smaller}
.medsmall { font-size: 90%} 
.small, .smallgreen  { font-size: 83%}
.xsmall{font-size: 72%}
.tinyLtBlue {font-size:72%; color:#66CCFF} 
.tinyLtBlue a:link{color:#66CCFF}
.tinyLtBlue a:visited{color:#66CCFF}
.tinyLtBlue a:hover{background-color:#990066}
.attrib {font-size:.70em;} 
.tinylite{font-size: .82em; color:#333333}
.tinylite a:link { color:blue; text-decoration:none;}
.tinylite a:visited { color:blue}
.tinylite a:hover { background-color:#CC9900; color:black}

.state {font-size:72%; font-style:oblique}


.eqn { font-size: 105%; text-align: center}
.eqnbox {width:50%; padding:5px 1em 5px 1em; text-align:center; border: 2px solid red}
.mustknow {padding-left:2em; font-family:"Comic Sans MS"; color:red}
.eqoffset {padding-left:2em}


.eqn-small {font-size: 0.82em; text-align: center}  
.eqno {padding-left:2em; color:#006600; font-size:smaller}


.smallgreen{ color:#006600}
span.numcirc {font-weight:bold; border: 1px solid khaki}

span.eqnogp {margin-left:8px; float:right; clear: right; }
span.eqnoup {margin-top:15px; margin-left:8px; float:right; clear: right; }
span.eqnoupsmall {margin-top:12px; margin-left:8px; float:right; clear: right; }
.eqno2{color:#006600; font-size:smaller}

/* text formats ----------------*/	
	
			
.important{margin-left:3em;  color:black; font-family:"Comic Sans MS"; background-color:#CF9; border: 2px solid red}

.importantbox{margin-left:3em;color:black; font-family:"Comic Sans MS";background-color:#CF9}

.eqannot{margin-left:3em;color:green;}				
			
.mustknow {padding-left:1em;font-family:"Comic Sans MS";color:#CC0033}

.printonly {display:none}

.detail
{	
	padding-left: 5%; padding-right:5%;
	line-height:1.1;
	font-size: 90%;
}

.comic, .comic-large {font-family: "Comic Sans MS", sans-serif}
.comic {font-size: 0.85em}
.comic-large {font-size: 1.2em}

	
.attnbox {
	font-family:"Comic Sans MS", sans-serif;
	font-weight:400;
	padding:0 2px 0 2px;
	color:red;
	background-color:#FFFF66;
	border:1px red; border-style:solid;
	width:auto;
	text-align:center;
    }


.hl {color: #990033}
.hlgreen {background-color:#99FFCC}
.hlrose {background-color:#FFCCCC}
.hlgray {background-color:#CCCCCC}
.hlbox {display: inline; border:1px red; border-style:solid;  padding: 0 .3em 1px 0.3em}   /* DEPRECATED */
.clickpop { color:#006600;font-family:Comic Sans MS}

/* images on right or left sides */
.captionRight {font-size:small; line-height:1.0; padding: 0 6px 0   6px}

.captionLeft {font-size:small; line-height:1.0;padding: 0 6px 0   6px }

.FigBox {width:auto; margin-left:6px; margin-bottom:12px;}
.figfloatR {margin:2px 2px 4px 8px; line-height:1.0; border: 1px solid gray; padding:0; float:right; clear:both}  /* DE{RECATED */


/* lists 
-------------------------------------------------------------- */

.listcontinue {font-size: 93%; margin-left:45px;line-height:110%;  margin-top: 6px}
.lindent {margin-left:12px; padding-left:12px}

ol,ul { list-style-position:outside;
		margin-bottom:1em; margin-left:1em; font-size:90%; line-height:110%; }
li {margin-bottom: 0.6em; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif}

dl {padding:0; margin:8px 6px 12px 0}
dt { color: maroon; font-weight:600;font-size: 95%; padding-left:12px; margin-top:12px}
dd { font-size: 0.92em} /* fails check */

/* Tables
-------------------------------------------------------------- */

table.basic {
	border-collapse:collapse;
	font-size:90%;
	}
	
table.nocell td, table.nocell th {color:red; background-color:pink;}	



/* = = = = = = = = = = = = = = = = = = */
/* - - - VT-styled tables - - - */
/* = = = = = = = = = = = = = = = = = = */

/* = = = = Default table styling = = =  */

table { margin-bottom: 1.4em; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif}
	table th { font-weight: bold;}
	table tr, table th,table td { font-size:92%; cellpadding: 2px;}						
table tfoot { font-style: italic; }

table.col1HL th{text-align:left;}


/* = = = = Old VT table styling = = =  */

	table.vt-1 th { font-weight: bold; background-color: #abc3ac; }
	table.vt-1 th,table.vt-1 td { font-size:92%; padding: 4px;}					
	table.vt-1 tr {background-color:#c9d7cb}
table.vt-1 tfoot  { font-style: italic; }
table.vt-1 caption { background-color: #648264; color:white; font-weight:bold}



/* = = = = vt-2 table styling = = =  */

table.vt-2 {background-color:#ccffff}
table.vt-2 th {background-color: #aee1e1}				
table.vt-2 caption { background-color: #548777; color:#fff8c6; font-weight:bold}


/* = = = = vt-3 table styling = = =  */

table.vt-3 {background-color:#ffffb0}
table.vt-3 th {background-color: #ffee88}				
table.vt-3 caption { background-color: #bba842; color:black; font-weight:bold}



/* = = = = vt-4 table styling = = =  */

table.vt-4 {background-color:#d7ffcc}
table.vt-4 th {background-color: #afe9a4}				
table.vt-4 caption { background-color: #73ad68; color:white; font-weight:bold}

table.figCap {display:block;}  /* for figCaption  */

/* main sections 
-------------------------------------------------------------- */

.newsection{
font-family: Verdana, Arial, Geneva, sans-serif;
padding: 12px 8px 12px 8px; color:#99FFCC; background-color:rgb(34,70,79);
margin: 1em 0 .4em 0;
font-size:140%; line-height:100%;  clear:both;
border-top: 1px solid #060;
border-bottom: 1px solid #6E4940;
	}   

	
/* boxes 
-------------------------------------------------------------- */


	

/* left marginal boxes */	
.lmbox,.lmboxor,.lmboxgg,.lmboxbl,.lmboxrose,.lmboxgr,.lmboxor,.lmboxw,.lmboxnb,.lmcallout
{
	display:block;

	width: 240px;
	position:static;
	float:left;
	margin-left:6px;
	margin-right:12px;
	color:black;
	border: 1px solid;
	font-size: 80%;
	padding: 2px;
	line-height: 105%;  /* for class lmbox in p tag  */
	border-color: #435E44;	
}

	

.lmboxgg > p {line-height:105%}
.lmboxgr > p {line-height:105%}
.lmbox > p {line-height:105%}
.lmboxbl > p {line-height:105%}
.lmboxrose > p {line-height:105%}
.lmboxwnb > p {line-height:105%}
.lmcallout > p {line-height:110%}

.lmboxgg {background-color:rgb(171,195,172);}
.lmboxbl {color:#003366; background-color:#CCFFFF; border-color:#6699CC}
.lmboxrose {background-color:#FFCCCC;border-color:#FF66CC}
.lmboxor {background-color:#FFCC66; border-color:#FF6633}
.lmboxgr {background-color:#99FFCC; border-color:#009966} 
.lmboxnb {border-width:0}	

.lmcallout{font-size:1.25em; color:teal; background-color:#ffcba4; text-align:right;  border:none; padding-right:8px}

/* lmbox for PopBox: */
.lmboxPB{
	display:block;
	position: absolute;
	left:30px;
	width:130px;
	border-width:0;
	font-size:80%;
	padding:2px;
	line-height:100%; 
}
	
/*  infobox versions have been deleted */

.insetbox, .insetboxor, .insetboxbl, .insetboxro, .insetboxgr, .insetboxye,.insetbox100, .insetbox640
	{font-size: .85em;
	display: block;
	overflow:auto;
	margin: 1.2em auto 1.5em auto;
	background-color:#ABC3AC;
	margin-bottom: 1.5em;
	padding:6px;
	width:85%;
	border: 1px solid; border-left-width:3px; border-right-width:3px;
	border-color:#86A089;
	}
	
	.insetboxwide,  .insetboxgrwide
	{font-size: .85em;background-color:#ABC3AC;
	display: block; overflow:auto; 
	margin:6px 0 2px 0;
	padding:4px 4px 4px 2px;
	width:98%;
	border: 1px solid #86A089;
	}
	
	
	.insetboxor {background-color:#FCBE93; border-color:#FCBE93}
	.insetboxbl {color:#003366;background-color:#B8B3D8; border-color:#8882A0}
	.insetboxgr {background-color:#CDC1BF; border-color:#A08B84}
	.insetboxro {background-color:#FF9999; border-color:#CC6666}
	.insetboxgr {background-color:#99FFCC; border-color:#339900}
	.insetboxor {background-color:#FCBE93; border-color:peru}
	.insetboxye {background-color:khaki; border-color:goldenrod}

.insbox-gr {background: linear-gradient(to bottom, #bbe8c6 0%, #98dca9); border-color:green;  w3-border-top w3-border-bottom; width:90%; margin-left: auto; margin-right: auto;}

.insbox-bl { background: linear-gradient(to bottom, #d6ffff 0%, #aee1e1); border-color:blue;  w3-border-top w3-border-bottom; width:90%; margin-left: auto; margin-right: auto;}

.insbox-ro { background: linear-gradient(to bottom, #ffcccc 0%, #ebb8b8); border-color:maroon;  w3-border-top w3-border-bottom; width:90%; margin-left: auto; margin-right: auto;}

.insbox-or { background: linear-gradient(to bottom, #fffe98 0%, #ffd670); border-color:orange;  w3-border-top w3-border-bottom; width:90%; margin-left: auto; margin-right: auto;}

.insbox-ye { background: linear-gradient(to bottom, #ffff9e 0%, #f5e676); border-color:#e6e600;  w3-border-top w3-border-bottom; width:90%; margin-left: auto; margin-right: auto;}

.insbox-kh { background: linear-gradient(to bottom, #ffffcc 0%, #e1e1a4); border-color:orange;  w3-border-top w3-border-bottom; width:90%; margin-left: auto; margin-right: auto;}






.microdataBox
{width: 80%; padding:6px; margin-top:24px;
line-height:1; font-size:9px;
border:2px solid #BB977D; background-color:#EDC9AF;
}

			  
/* blockquote boxes 
-------------------------------------------------------------- */	
  
blockquote.float-right,  blockquote.float-rightL,  blockquote.float-rightor,  blockquote.float-rightgrn,
  		 blockquote.float-rightplain,  blockquote.float-rightgra,  blockquote.float-rightbl, 
		  blockquote.float-rightro, blockquote.float-rightye, blockquote.float-rightro{
  float: right;
  font-size: 0.74em;
  width: 27%;
  padding: 3px 5px 3px 5px;  
  margin:10px 2px 0 6px;
  color: #00008b;
  background-color: #ABC3AC;
  border-left: 2px solid gray;
  border-bottom: 2px solid gray;
  }
    blockquote.float-rightL {width:40%}
    blockquote.float-rightor {width:40%; background-color:khaki}
	blockquote.float-rightplain {width:40%; background-color:#CDDBCD}
	blockquote.float-rightbl {width:40%; color:#003366;background-color:#B8B3D8}
	blockquote.float-rightgrn {width:40%; background-color:#99FFCC}
	blockquote.float-rightgra {width:40%; background-color:#CDC1BF}
	blockquote.float-rightye {width:40%; background-color:khaki}display
	blockquote.float-rightro {width:40%; background-color:#FF9999}

	
/* other boxes 
-------------------------------------------------------------- */	
	
	.probexbox {
	clear:both; float:none;
	font-size:0.825em;
	background-color:#EBD3E6;
	border: 1px solid #CA8EB0;
	margin-right: 20px;
	margin-left: 50px;
	line-height: 105%;
	display: block;
	padding: 10px 10px 10px 10px;
	width:auto;
	}

	.probhd{font-size:106%; color: maroon; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-weight:bold}
	
.knowitbox {
	font-family: Comic Sans MS;
	color:black;
	text-align:center;
	font-size: 1.1em;
	background-color:#CCFF66;
	line-height: 100%;
	display: block;
	padding: 5px 1em 5px 1em;
	margin: 1.2em auto 1.2em auto;
	width:66%;
	border: 2px solid red;
	}
	
	/* navigation 
	-------------------------------------------------------------- */

a:hover {color: black; background-color:#99FF00}
a:visited { color:#993300} 


.tooltip {color:#006600; text-decoration:underline}
	
.tooltip {color:#006600; text-decoration:underline}
.tooltip a:hover {background-color:transparent}	
	


/* controls 
-------------------------------------------------------------- */

.floatleft {float:left}
.floatright {float:right}

.clearit {
	clear:both;
	height:2px
	}
.hlgray {background-color:#CCCCCC}	
	.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}	
	
	.RestoreTextColumn {float:none; clear:both; margin-left:0;
    padding-top:2px
	}
	
/* disable links   */
	.disabled {
        pointer-events: none;
        cursor: default;
        opacity: 0.6;
    }