/* The wrapper div should be wrapped around the page content and be at least 100% page height for the iPad, iPhone and iPod Touch */
	html, body {padding:0; margin:0; background:#ddd;  overflow-x:hidden;}		/*3-9-14 removed  background:#ddd; */
	.wrapper {height:100%; left:0; top:0; position:relative; min-width:320px; background:#ededed;  /* jk background:#f8f8f8; yellow sides of content  */
	-webkit-transition: 0.5s;
	-o-transition:  0.5s;
	-moz-transition:  0.5s;
	transition:  0.5s;
	}  /*http://www.cssmatic.com/box-shadow */
	.content {width:75%; margin: 5px auto; background:#f8f8f8; padding:45px 10px 75px 10px;  overflow-x:hidden;
		-webkit-box-shadow: 0px -3px 20px 5px rgba(0,85,0,1);
		-moz-box-shadow: 0px -3px 20px 5px rgba(0,85,0,1);
		box-shadow: 0px -3px 20px 5px rgba(0,85,0,1);
	 }	 /* jk padding:75px  width:80% background:#f8f8f8; box-shadow: 5px 5px 10px #008000; */
	/*.content img.banner {width:100%;}
	.logo {padding:20px 0;; width:230px;}
	.logo img {display:block; float:left; padding-right:10px;}
	.logo h1 {color:#000; padding:0; margin:0; font:bold 40px/62px 'times new roman', serif;}
	.logo h1 span {font-weight:normal; color:#666;}*/ 

	/*.content p {padding:0; margin:0; font:normal 15px/25px 'texgyreadventorregular', arial, sans-serif; color:#333;}*/
	.content p {padding:0; margin: 0.em 1em 3em 1em; font-family: Verdana, calibri, arial, sans-serif; color:#000; font-size: 80%; 	line-height: 175%;}  /*NOTE Primary Paragraph Control. JK 8-28-14*/
	/*.content h3 {padding:50px 0 0 0; margin:0; font:normal 25px/40px 'texgyreadventorregular', arial, sans-serif; color:#151;}*/
	.content ol li {padding:0; margin:0; font:normal 14px/22px 'texgyreadventorregular', arial, sans-serif; color:#333;  }
	.content ol li a {color:#069; }

	/* jk added */
		.header {width: 100%; height: 100px; margin: 1% 0%; }	/* background:#ffa7a7;  height: 100px; height: auto; */
		.header .logical {float: left; padding-right: 4%; width: 32%;}
		.header .hazmin {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 95%; color: #005500; font-weight: none;}	/*"Brush Script MT"*/
		.header .title {float: left; margin-left: 0%; padding: 1% 0%; width: 64%;
			background: rgba(249,252,247,1);
			background: -moz-linear-gradient(left, rgba(249,252,247,1) 0%, rgba(217,231,206,1) 34%, rgba(179,205,157,1) 74%, rgba(155,189,125,1) 100%);
			background: -webkit-gradient(left top, right top, color-stop(0%, rgba(249,252,247,1)), color-stop(34%, rgba(217,231,206,1)), color-stop(74%, rgba(179,205,157,1)), color-stop(100%, rgba(155,189,125,1)));
			background: -webkit-linear-gradient(left, rgba(249,252,247,1) 0%, rgba(217,231,206,1) 34%, rgba(179,205,157,1) 74%, rgba(155,189,125,1) 100%);
			background: -o-linear-gradient(left, rgba(249,252,247,1) 0%, rgba(217,231,206,1) 34%, rgba(179,205,157,1) 74%, rgba(155,189,125,1) 100%);
			background: -ms-linear-gradient(left, rgba(249,252,247,1) 0%, rgba(217,231,206,1) 34%, rgba(179,205,157,1) 74%, rgba(155,189,125,1) 100%);
			background: linear-gradient(to right, rgba(249,252,247,1) 0%, rgba(217,231,206,1) 34%, rgba(179,205,157,1) 74%, rgba(155,189,125,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#9bbd7d', GradientType=1 );
			border-radius: 5px 5px 5px 5px;
			-moz-border-radius: 5px 5px 5px 5px;
			-webkit-border-radius: 5px 5px 5px 5px;}
		.header h1 {font-size: 30pt; font-weight: bold; text-align: center; text-valign: top; color: #005500; }
		.content .image-auto-resize img{ width: 100%; height: auto;}
		.content .abstract {margin: 2% 1%; padding: 2% 1%; color: #000000; text-align: left; font-family : Calibri; width: 96%; float: left; font-size : 90%;line-height: 150%; background-color: #ddd; /*  #ECF3EC  Cornsilk */ 
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		border: 2px solid #ffffff;}
		.content .license {margin: 2% 5%; padding: 2% 5%; color: #000000; text-align: left; font-family : Calibri; width: 80%; float: left; font-size : 90%;line-height: 150%; background-color: #ECF3EC; /*  #ECF3EC  Cornsilk */ 
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		border: 2px solid #ffffff;}	
		.content .links {color: #000; font-weight: bold; text-align: center; font-family: arial; font-size: 10pt; width: 100%; float: right;  } /*padding-bottom: .2em;*/
		.content A:link, .content A:visited {font-size:11pt; color: #050; text-decoration: none; font-family : Arial; font-weight : bold; text-decoration: underline; font-size: 10pt;}
		.content A:hover {text-decoration: underline; background-color : ThreedShadow;}
		.content h3 {font-family: Calibri; font-size: 95%; text-align: left; color: #000; margin: 20px 10px 0px 5px; font-weight: normal; }
		.content blockquote  {margin:  2% 2% 2% 2%; font-family: Calibri; width:96%; float:left;}
		.content .full  {margin:  2% 2% 2% 2%; font-family: Calibri; width:96%; float:left;}
		.content h2 {font-family: arial; /*font-size: 14pt; */	font-size: 120%; color: #005500; margin: 3px 0px; }
		.content .half {width: 46%;  margin: 2%; float: left; }
		.content .picture-right {padding: 2%; margin: 2%; float: right;  font-family: arial;	}
		.content .caption {padding: 0 2%; color: #005500; text-align: center; font-family: Arial; background-color: Cornsilk; width: 96%
		border-radius: 0px 0px 5px 5px;
		-moz-border-radius: 0px 0px 5px 5px;
		-webkit-border-radius: 0px 0px 5px 5px;
		}
		.content .bottom {width: 96%;  padding: 3% 05; float: left; }
		.content .bottom li {font-family: Verdana, calibri, arial, sans-serif; color:#000; font-size: 80%; line-height: 150%; }

		@media only screen and (max-device-width: 1000px)  {
			.content {width:95%;}
			.content p (font-size: 95%;)
			.header .logical {float: left; width:100%;}
			/*.header {height: auto;}*/
			.header .title {float: left; margin: 2%; width: 96%; }
			.header logical,.header title {width: 100%; float: none;  margin-top: 0;  }
			.header h1 {font-size: 18pt;}
			.content A:link, .content A:visited {font-size:18pt;}
			.content .bottom li {font-size: 95%; line-height: 150%; }
			}
	
		@media only screen and (max-width: 1024px)  {
			.content {width:95%;}
			.content p {font-size: 90%;}
			.header .logical {float: left; width:100%;}
			/*.header {height: auto;}*/
			.header .title {float: left; margin: 2%; width: 96%; }
			.header logical,.header title {width: 100%; float: none;  margin-top: 0;  }
			.header h1 {font-size: 26pt;}
			.content abstract { font-size : 120%; }
			.content .bottom li {font-size: 95%; line-height: 150%; }
			}	
	
		/* jk added */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/cssplay-responsive-multi-level-two.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.trigger {width:40px; height:40px; position:fixed; left:0; top:5px; background:#ddd; color:#fff; border-radius:0 5px 5px 0;		/* jk trigger is mini-menu background:#bbb   color:#fff; 005000 */
-webkit-transition: 0.5s;
-o-transition:  0.5s;
-moz-transition:  0.5s;
transition:  0.5s;
}
.trigger label {display:block; width:40px; height:40px; position:absolute; left:0; top:0; background:url(menu-icon.png) no-repeat center center; cursor:pointer;} 
.trigger label span {position:absolute; left:-9999px;}

input.submenus,
input#toggle {position:absolute; display:none;}
.menuHolder {width:100%; position:fixed; right:0; top:0; background:#ddd; z-index:400;} 	/* main menu jk background:#444 005000  3-15-14 was background:#ddd  #f8f8f8   */   
.menu {float:right; 
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-ms-touch-action: none;
} 

.menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}	  /* could not see added color:#050; */ 

.menu li {display:block; position:relative; }   /* could not see added color:#050; */ 

.menu ul ul {position:absolute; left:-9999px; top:50px; padding:10px 0; z-index:0; border-radius:15px;  /*  3-15-14 was border-radius:0 0 5px 5px;*/
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.menu ul ul ul {left:100%; top:auto; margin-top:-35px; border-radius:5px;}
.menu ul li.left > ul {left:auto; right:0; top:50px;}
.menu ul li.left ul li > ul {left:auto; right:100%; top:auto; margin-top:-35px;}

.menu > ul {margin:0 auto;}
.menu > ul > li {float:left; position:relative;}

.menu ul {background:#cdc;}		/* jk sub-menu background:#444; could not see added color */

.menu a {display:block; text-transform:uppercase; font:normal 13px/25px 'texgyreadventorbold', 'lucida sans', arial, sans-serif; color:#050; text-decoration:none; padding:0 40px 0 20px; position:relative; z-index:10;}  /* without submenu color:#fff; +++ */
.menu > ul > li > a { color:#050; line-height:50px;}	/* added color:#050; to home in main menu */
.menu > ul > li > label {display:block; position:relative; width:100%; margin-top:-50px; height:50px; background: url(trans.gif); z-index:100; /* could not see added color */
-webkit-transition:0s 0.5s;
-o-transition:0s 0.5s;
-moz-transition:0s 0.5s;
transition:0s 0.5s;
}
.menu ul ul > li > label {display:block; position:relative; margin-top:-25px; width:100%; height:25px; background: url(trans.gif)); z-index:100;
-webkit-transition:0s 0.5s;
-o-transition:0s 0.5s;
-moz-transition:0s 0.5s;
transition:0s 0.5s;
}
.menu ul li.back {display:none;}

.menu li:hover > label {width:0;}
.menu li.left ul a {text-align:right; padding:0 20px 0 40px;}  /* could not see added color */

.menu li:hover > a,
.menu ul li:hover > a {color:#050; background:#aba;  border-radius:10px 10px 10px 10px; text-decoration:underline;}  /* main menu without dropdown color:#fff; background:#ddd; #aba is light green */

.menu ul li a.hassub {color:#050;  background: url(arrow-down.png) no-repeat right center;}  /* added Color:#050 to menu item */
.menu li ul li a.hassub {color:#050;  background: url(arrow-right.png) no-repeat right center;}  /* added Color:#050 to menu item */
.menu li.left ul li a.hassub {color:#050; background: url(arrow-left.png) no-repeat left center;}			 /* added Color:#050 to menu item */
.menu ul li:hover > a.hassub {color:#050; background-color:#aba;  border-radius:10px 10px 10px 10px; text-decoration:underline;}	/* submenu with dropdown color:#fff; background:#555;  #aba is light green */
.menu li.left ul li:hover > a.hassub {color:#050; background-color:#aba;  border-radius:5px 5px 5px 5px; text-decoration:underline;}  /* submenu without dropdown color:#fff; background:#555; #aba is light green */

.menu > ul ul > li > a {color:#050; } /* added whole new line for color:#050; +++  */

.menu > ul {*display:inline;}

.menu ul ul,
.menu ul ul ul,
.menu ul li.left > ul,
.menu ul li.left ul li > ul {left:-9999px; right:auto; opacity:0;}  

.menu ul li:hover > ul {left:0; opacity:1;}
.menu ul ul li:hover > ul {left:100%; opacity:1;}
.menu ul li.left:hover > ul {left:auto; right:0; opacity:1;}
.menu ul li.left ul li:hover > ul {left:auto; right:100%; opacity:1;}


/* for narrow screns, tablets and smartphones */

@media only screen and (max-width: 1024px) {
.menuHolder {position:fixed; left:-280px; width:280px; top:0; bottom:0; height:auto; overflow-x:hidden; background:#ddd;
-webkit-transition: left 0.5s;
-o-transition: left 0.5s;
-moz-transition: left 0.5s;
transition: left 0.5s;
}	/*pop out menu background:#ddd; */
.menu {width:260px; text-align:center; position:absolute; z-index:100; background:#ddd; left:0; top:0; border-right:1px solid #888;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-ms-touch-action: none;
-webkit-transition:0.5s;
-o-transition:0.5s;
-moz-transition:0.5s;
transition:0.5s;
}	/*main mini-menu background:#ddd; */

.menu ul {margin:0; padding:0; width:260px; list-style:none; white-space:nowrap; text-align:left; border-radius:0; background:#ddd; border-right:1px solid #888;}

.menu li {display:block; position:static; width:260px; height:50px; border-top:1px solid #fff; border-bottom:1px solid #888;}
.menu ul li.back {display:block;}

.menu ul ul {position:absolute; left:280px; top:-5000px; padding:0; z-index:0; opacity:1; background:#ddd;
-webkit-transition:0s 0.5s;
-o-transition:0s 0.5s;
-moz-transition:0s 0.5s;
transition:0s 0.5s;
}	 /*Second and third level menu background:#ddd; */
.menu ul ul ul {left:300px; top:-5000px; margin-top:0; opacity:1;}


.menu ul li.left > ul {left:280px; right:auto; top:-5000px;}
.menu ul li.left ul li > ul {left:280px; right:auto; top:-5000px; margin-top:0;}

.menu > ul {margin:0;}
.menu > ul > li {float:left; position:static;}

.menu ul {background:#ddd;}	 /*cannot see background:#ddd; */

.menu a {display:block; font:normal 13px/50px  'texgyreadventorbold', 'lucida sans', arial, sans-serif; color:#333; border-radius:0 5px 5px 0; text-decoration:none; padding:0 0 0 20px; margin-right:50px; position:relative; z-index:10; background:transparent;}   
.menu > ul > li > a {line-height:50px; color:#050; } /* added color:#050; +++ */
.menu > ul > li > label,
.menu ul ul > li > label {display:block; position:relative; margin-top:-46px; margin-right:4px; width:40px; height:40px; border:1px solid #fff; border-radius:4px; float:right; background: #aaa url(arrow-right.png) no-repeat center center; z-index:100; cursor:pointer;
-webkit-transition:0s;
-o-transition:0s;
-moz-transition:0s;
transition:0s;
}  /*forward arrow background:#aaa; +++ */

.menu > ul ul > li > a {color:#050; } /* added whole new line for color:#050; +++  */
.menu li:hover > label {width:40px;}
.menu li.left ul a {text-align:left; padding:0 40px 0 20px; color:#333;}   /* cannot see color:#333; */

.menu ul li:hover > a {color:#333; background:#ddd; text-decoration:none;}  /*In menu hover over arrow color:#333 background:#ddd;  */
.menu ul li a:hover,
.menu ul li a.hassub:hover {color:#000; background:#aba; text-decoration:underline;}  /*In submenu, if there is a no submenu, hover color:#000 background:#aba; ++ */
 
.menu ul li a.hassub,
.menu li.left ul li a.hassub,
.menu li ul li a.hassub {background:none;}		 /* if SubMenu add color:#050; */

.menu ul li.back label {display:block; width:40px; height:40px; margin-top:4px; border-radius:4px; float:right; background: #9b9 url(arrow-left.png) no-repeat center center; z-index:100; cursor:pointer;} /*back arrow background:#9b9; */
.menu ul li.back span {display:block; height:18px; font:normal 12px/18px 'texgyreadventorregular', 'lucida sans', arial, sans-serif; color:#333; width:180px; padding:5px 0 0 20px; white-space:normal; float:left; text-transform:uppercase;}  /*back label color:#333; ++ */

.menu ul ul,
.menu ul ul ul,
.menu ul li.left > ul,
.menu ul li.left ul li > ul {left:280px; top:-5000px; right:auto; opacity:1;} /* no effect to add color:#050; */


.menu ul li:hover > ul,
.menu ul ul li:hover > ul,
.menu ul li.left:hover > ul,
.menu ul li.left ul li:hover > ul {left:280px; right:auto; opacity:1;}   /* no effect to add color:#050; */

.menu ul li:hover > a.hassub,
.menu li.left ul li:hover > a.hassub {background:none; color:#050; text-decoration:none;}	/*If there is a submenu: hover color:#333; ++ */
.menu ul li a.hassub:hover,
.menu ul ul li a.hassub:hover,
.menu li.left ul li a.hassub:hover {color:#000; background:#aba; text-decoration:underline;} /*If there is a submenu: hover color:#000 background:#aba; */


#submenu1:checked ~ .menu #p1,
#submenu2:checked ~ .menu #p2,
#submenu3:checked ~ .menu #p3,
#submenu4:checked ~ .menu #p4,
#submenu5:checked ~ .menu #p5,
#submenu6:checked ~ .menu #p6,
#submenu11:checked ~ .menu #p11,
#submenu12:checked ~ .menu #p12,
#submenu13:checked ~ .menu #p13,
#submenu14:checked ~ .menu #p14,
#submenu15:checked ~ .menu #p15, 
#submenu16:checked ~ .menu #p16,
#submenu21:checked ~ .menu #p21, 
#submenu22:checked ~ .menu #p22  {top:0;
-webkit-transition:0s;
-o-transition:0s;
-moz-transition:0s;
transition:0s;
}

#submenu1:checked ~ .menu,
#submenu2:checked ~ .menu,
#submenu3:checked ~ .menu,
#submenu4:checked ~ .menu,
#submenu5:checked ~ .menu,
#submenu6:checked ~ .menu {left:-280px;}

#submenu11:checked ~ .menu,
#submenu12:checked ~ .menu,
#submenu13:checked ~ .menu,
#submenu14:checked ~ .menu,
#submenu15:checked ~ .menu,
#submenu16:checked ~ .menu {left:-560px;}

#submenu21:checked ~ .menu, 
#submenu22:checked ~ .menu {left:-840px;}

#toggle:checked ~ .wrapper {left:280px;} 
#toggle:checked ~ .wrapper .menuHolder {left:0;} 
#toggle:checked ~ .wrapper .trigger {left:280px;}  /* jk menu symbol position */
}

/* ================================================================ 
	copyright above
   ================================================================ */


/* 

background: rgba(235,235,235,0.26);
background: -moz-linear-gradient(left, rgba(235,235,235,0.26) 0%, rgba(224,234,205,0.3) 9%, rgba(189,210,137,0.36) 26%, rgba(190,209,143,0.43) 43%, rgba(190,209,143,0.52) 66%, rgba(0,77,0,0.66) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(235,235,235,0.26)), color-stop(9%, rgba(224,234,205,0.3)), color-stop(26%, rgba(189,210,137,0.36)), color-stop(43%, rgba(190,209,143,0.43)), color-stop(66%, rgba(190,209,143,0.52)), color-stop(100%, rgba(0,77,0,0.66)));
background: -webkit-linear-gradient(left, rgba(235,235,235,0.26) 0%, rgba(224,234,205,0.3) 9%, rgba(189,210,137,0.36) 26%, rgba(190,209,143,0.43) 43%, rgba(190,209,143,0.52) 66%, rgba(0,77,0,0.66) 100%);
background: -o-linear-gradient(left, rgba(235,235,235,0.26) 0%, rgba(224,234,205,0.3) 9%, rgba(189,210,137,0.36) 26%, rgba(190,209,143,0.43) 43%, rgba(190,209,143,0.52) 66%, rgba(0,77,0,0.66) 100%);
background: -ms-linear-gradient(left, rgba(235,235,235,0.26) 0%, rgba(224,234,205,0.3) 9%, rgba(189,210,137,0.36) 26%, rgba(190,209,143,0.43) 43%, rgba(190,209,143,0.52) 66%, rgba(0,77,0,0.66) 100%);
background: linear-gradient(to right, rgba(235,235,235,0.26) 0%, rgba(224,234,205,0.3) 9%, rgba(189,210,137,0.36) 26%, rgba(190,209,143,0.43) 43%, rgba(190,209,143,0.52) 66%, rgba(0,77,0,0.66) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#004d00', GradientType=1 );

   Start of 2 Column CSS 
   http://http://matthewjamestaylor.com/blog/equal-height-columns-2-column.htm
*/
#container2 { clear:left; float:left; width:100%; overflow:hidden; 
background: rgba(249,252,247,1);
background: -moz-linear-gradient(left, rgba(249,252,247,1) 0%, rgba(217,231,206,1) 34%, rgba(179,205,157,1) 74%, rgba(155,189,125,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(249,252,247,1)), color-stop(34%, rgba(217,231,206,1)), color-stop(74%, rgba(179,205,157,1)), color-stop(100%, rgba(155,189,125,1)));
background: -webkit-linear-gradient(left, rgba(249,252,247,1) 0%, rgba(217,231,206,1) 34%, rgba(179,205,157,1) 74%, rgba(155,189,125,1) 100%);
background: -o-linear-gradient(left, rgba(249,252,247,1) 0%, rgba(217,231,206,1) 34%, rgba(179,205,157,1) 74%, rgba(155,189,125,1) 100%);
background: -ms-linear-gradient(left, rgba(249,252,247,1) 0%, rgba(217,231,206,1) 34%, rgba(179,205,157,1) 74%, rgba(155,189,125,1) 100%);
background: linear-gradient(to right, rgba(249,252,247,1) 0%, rgba(217,231,206,1) 34%, rgba(179,205,157,1) 74%, rgba(155,189,125,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#9bbd7d', GradientType=1 );
padding:1%;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
/*border: 2px solid #ffffff;*/
/*background:#ffa7a7;   column 2 background colour */}
#container1 { float:left; width:100%; position:relative; right:50%;
  /* background:#fff689;   column 1 background colour */}
#col1 {	float:left; width:42%; position:relative; left:52%; /*overflow:hidden;*/ margin: 2%;}
#col2 {	float:left;	width:42%; position:relative; left:56%; /*overflow:hidden;*/ margin: 2%;	}
#col1 ul, #col2 ul {list-style-type: circle; /*	font-size: 90% ; */}
#col1 .indent, #col2 .indent { margin-left: -35px;list-style-type: circle; /*font-family: "Brush Script MT";*/}
#col1 .indenttop, #col2 .indenttop { margin-top: -15px; margin-left: -35px; /*font-family: "Brush Script MT";*/}
/* 
   Start of 3 Column CSS 
   http://http://matthewjamestaylor.com/blog/equal-height-columns-3-column.htm
   http://www.colorpicker.com/
*/
#container3-3 {clear:left; float:left; width:100%; overflow:hidden; background: #D5F2DB; /*background:#89ffa2; column 3 background colour */}
#container3-2 { clear:left; float:left; width:100%;	position:relative;	right:33.333%;	background:#FAFADC;  /*background:#ffa7a7;  column 2 background colour */}
#container3-1 {	float:left;	width:100%;	position:relative;	right:33.33%;	background: #D5F2DB; /*background:#fff689;  column 1 background colour */}
#col3-1 { float:left; width:29.33%; position:relative; left:68.67%; overflow:hidden; }
#col3-2 { float:left; width:29.33%; position:relative; left:72.67%; overflow:hidden; }
#col3-3 {float:left; width:29.33%; position:relative; left:76.67%; overflow:hidden; }

	
	H1 {font-family: arial;
		font-size: 30pt;
		font-weight: bold;
		text-align: center;
		/*color:#000000;*/
		margin-top : 6px;
		margin-bottom: 3px;}

td {font-family: Calibri;}


	H4 {font-family: arial;
		font-weight: normal;
		color: #000000;}

	H5 {font-family: arial;
		font-size: 120%;
		/*font-size: 16pt;
		color: #005000;*/
		/*function_folder.asp only*/
		}

	H6 {
		font-family: arial;
		font-size: 7pt;
		color: Black;
		margin-top: 3px;
		/*function.asp logs.asp only*/
	}

	li {font-family : Calibri; font-size: 120%;	line-height: 150%;}    /*NOTE Primary List Control, such as Default. JK 8-28-14*/

	.redder {color: #900000; font-weight: bold;	/*captcha.asp regsub-sub-form.asp*/ }

	.green {color: #005500; font-weight: bold;}

	.smlinkrev {
		color: #ffffff;
		font-family: arial;
		font-size: 8pt;
		/*font-size-adjust : none; */
		background-color : #005500;
		padding-right: 8 px;
		padding-left: 8 px;
		padding-top: 4 px;
		padding-bottom: 2 px;
		text-decoration: none;
		font-weight: bold;
		}

	.smtext {color: #ffffff;
		font-family: Calibri;
		font-size: 11pt;
		/*font-size-adjust : none; */
		text-align: center;
		font-weight : bold;
		/*default.a s p only*/
		}


	ul {font-family: arial;
		font-weight: normal;
		color: black;
		margin-left:  4 em;
		margin-bottom: 3px;}
		
	
	div.linkpage {
		margin-top: .4em;
		padding-bottom: .2em;
		color: #FFFFFF;
		text-align: center;
		font-family: arial;
		width: 100%;
		float: left;
		/*font-size: 11pt;
		font-size-adjust : none;
		/*background-color : #005500;*/
		/*sitemap.asp only*/
	}


/*	.caption {
		font-family: Garamond;
		font-weight: normal;
		font-size: 12pt;
		color: #000000;
	} */

	.indent{ margin-left: -35px;}
	.indenttop{	margin-top: -15px;	margin-left: -35px;	}	
	
	p.pagebreak {page-break-before: always}

	@media screen {.PrintOnly {display:none}}
	@media print {
		.ScreenOnly, .picture-right, .image-auto-resize, .links {display:none}
		 .header h1 {font-size: 18pt;}
		 .content {width:95%;}
		 #container2 {background: #ffffff;}
		 .content .abstract {background-color: #fff;}
		/* #container2 {background: rgba(0,0,0,1);
				background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(241,111,92,NaN) 0%, rgba(255,255,255,1) 0%, rgba(246,41,12,1) 36%, rgba(240,47,23,1) 66%);
				background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(0%, rgba(241,111,92,NaN)), color-stop(0%, rgba(255,255,255,1)), color-stop(36%, rgba(246,41,12,1)), color-stop(66%, rgba(240,47,23,1)));
				background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(241,111,92,NaN) 0%, rgba(255,255,255,1) 0%, rgba(246,41,12,1) 36%, rgba(240,47,23,1) 66%);
				background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(241,111,92,NaN) 0%, rgba(255,255,255,1) 0%, rgba(246,41,12,1) 36%, rgba(240,47,23,1) 66%);
				background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(241,111,92,NaN) 0%, rgba(255,255,255,1) 0%, rgba(246,41,12,1) 36%, rgba(240,47,23,1) 66%);
				background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(241,111,92,NaN) 0%, rgba(255,255,255,1) 0%, rgba(246,41,12,1) 36%, rgba(240,47,23,1) 66%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#f02f17', GradientType=1 );} */

		  }


	/*@media print { body {width: 650px} }  */

/* function.asp only function.asp only function.asp only  */	

	
/* not used not used not used not used not used not used not used */	
		
	/*	
	.body {
		font-size: 87.5%; 
		margin: 0 auto;
		width: 70%;
		clear: both; 
	}	
			100% is based on size 14px clear: both; eliminates floating elements left and right

	hr.small {width:50%;
		color: #005500;  
		}
	
	hr { border-bottom-color: thin solid #005500;
	}

		.header A:link, A:visited {
		font-family: arial;
		font-size: 8pt;
		color: #EDEDED;
		text-decoration: none;
	}
	
	.header A:hover {
		text-decoration: underline;
		background-color : ThreedShadow;
	}

	.main_page {
		width: 70%
	}
	
	.menu_left {
		font-size: 75%;
		width: 30%;
		
	}
	
	.white {color: #FFFFFF;
		font-weight: bold;}

	
	.smlink {
		font-family: arial;
		font-size: 8pt;}

	.gray {
		font-weight : bold;
		color: #808080;
	}
	
	div.textbox {
		margin-top: .4em;
		padding-bottom: .2em;
		padding-top: .2em;
		padding-left: .5em;
		color: #FFFFFF;
		text-align: left;
		font-family: arial;
		font-size: 11pt;
		font-weight : bold;
		background-image: media/makelongbar.png;
	}
	
	.textbox2 {
		margin-top: .4em;
		padding-bottom: .2em;
		padding-top: .2em;
		padding-left: .5em;
		color: #ffffff;
		text-align: left;
		font-family: arial;
		font-weight : bold;
		text-align: center;
	}
	.comply {font-family: arial;
		font-size: 14pt;
		color: #005500;
		font-weight: bold;
	}

	.comply_w {font-family: arial;
		font-size: 14pt;
		color: #EDEDED;
		font-weight: bold;
	}

	#full {
		width:100%;
		float:none;
		padding-left:2em;
		padding-right:2em;
		font-family:arial;
	}

	div.full {
		width;100%
		float:none;
		padding-left:2em;
		padding-right:2em;
		font-family:arial;
	}

	.menutitle {
		color: #005500;
		font-size: 14pt;
		font-family: arial;
		font-weight: bold;
		text-decoration: none;
	}


	.survey{color:  #000000;
		font-family: arial;
		}

	.smlink_w {
		color: #EDEDED;
		font-family: arial;
		font-size: 8pt;
		text-decoration: none;
		}

	.linktext {
		color: #005500;
		text-align: center;
		font-family: arial;
		font-size: 9pt;
		}


	.blue {
		color: #005500;
		font-weight: bold;
		}

	.red {
		color: #005500;
		font-weight: bold;
		}

	.lrglink {color: #FFFFFF;
		font-family: arial;
		font-size: 9pt;
		font-weight: bold;
		text-decoration: underline;
	}

	.smlinkb {color:  #000000;
		font-family: arial;
		font-size: 8pt;
		}

	.sidetitle {
		color: #D3D3D3;
		font-size: 11pt;
		font-family: arial;
		font-weight: bold;
		text-decoration: underline;
	}

	.sideselect {
		color: Yellow;
		font-size: 11pt;
		font-family: arial;
		font-weight: bold;
		font-variant : normal;
		padding-right: .2em;
		padding-left: .2em;
		text-decoration: underline;
	}

	.menu { color:white;
		font-family: arial;
		font-weight: bold;
		text-decoration: underline;
	}

	.help { color:#005500;
		font-family: arial;
		font-weight: bold;
		font-size: 11pt;
		}

	.click { color: black;
		font-family: arial;
		font-weight: bold;
		font-size: 8pt;
	}

	.moduletitle {
		color:black;
		font-family: arial;
		font-weight: bold;
		font-size: 11pt;
	}

	.menulink {
		margin-top: .1em;
		padding-top: .2em;
		padding-bottom: .3em;
		color: #FFFFFF;
		text-align: center;
		font-family: arial;
		font-size: 12pt;
		font-weight: bold;
		background-color : #005500;
	}
	div.text {
		padding-left: 0.5em;
		padding-right: 0.5em;
		margin-left: 0.5em;
		margin-right: 0.5em;
		border-top: thin solid #005500;
		border-right: thin solid #005500;
		font-family: arial;
	}

	div.hundred {
		width: 100%;
		padding-left : 1em;
		padding-right : 1em;
		font-size: 11pt;
		font-family: arial;
	}

	div.text-left {
		padding-left: 0.5em;
		padding-right: 0.5em;
		margin-left: 0.5em;
		margin-right: 0.5em;
		margin-top: 0.4em;
		border-top: medium solid #005500;
		border-right: thin solid #005500;
		font-family: arial;
	width= 47%;
	float= left;
	 }

	div.text-right {
		padding-left: 0.5em;
		padding-right: 0.5em;
		margin-left: 0.5em;
		margin-right: 0.5em;
		margin-top: 0.4em;
		border-top: medium solid #005500;
		border-right: thin solid #005500;
		font-family: arial;
		width= 47%;
		float= right; 
		}

	div.demo-title {float: right;
		width: 250;
		border-top: medium solid #005500;
		border-right: thin solid #005500;
		text-align : center;
		font-size: 11pt;
		font-family: arial;
	}

	div.text-demo {	border-top: medium solid #005500;
		width: 345;
		padding: 0.5em;
		border-left: thin solid #005500; 
		}

	div.faq-text {border-top: medium solid #005500;
		width: 95%;
		padding: 1em; 
		}

	div.quiz {
	width= 45%;
		padding-left: 0.5em;
		padding-right: 0.5em;
		margin-left: 0.5em;
		margin-right: 0.5em;
		margin-top: 2em;
		border:: thick solid #005500;
		border-style : outset;
		font-size: 12pt;
		font-family: arial;
	float= right;
		background-color : White;
	}

	div.answer	{
		padding-left: 0.4em;
		padding-right: 0.2em;
		margin-left: 0.2em;
		margin-right: 0.5em;
		padding-bottom: 0.5em;
		margin-bottom: 1.0em;
		font-size: 10pt;
		font-family: arial;
		font-style: oblique;
		background-color : #005500;
		color: white;
		font-weight : bold;
	}

	div.hug {
	width= 100%;
		padding-left: 0.5em;
		padding-right: 0.5em;
		margin-top: .35em;
		margin-left: 2em;
		margin-right: 0.5em;
		border:: thick solid #005500;
		border-style : outset;
		font-size: 12pt;
		font-family: arial;
		background-color : yellow;
		float : none;
	}

	div.picture-left {
		padding-left: 0.5em;
		padding-right: 0.5em;
		margin-left: 0.5em;
		margin-right: 0.5em;
		margin-top: 0.4em;
		font-size: 11pt;
		font-family: arial;
		float: left;
	}

 	div.hazmenu {
	width= 80%;
	border-top= medium solid yellow;
	background-color : #005500;
	border-bottom= medium solid yellow;
	}


hr.large {
		width:95%;
		color: #005500;
	}

	hr.larger {
		width:100%;
		color: #005500;
		height: 4;
	}

		hr.table {
		width:95%;
		color: #005500;
		border : thick double;
	}

	hr.smallest {width:25%;
		color: #005500;  
		}

	hr.tiny {width:10%;
		color: #005500;  
		}

.tab {background-repeat: no-repeat;
		background-position: center, bottom;  
		}

	div.dropin {
		position:absolute;
		visibility:hidden;
		left:200;
		top:100;
		width:380;
		height:200;
		border:10 ridge green;
		margin-top: .5em;
		margin-bottom: .5em;
		margin-right: 1em;
		padding-bottom: .2em;
		padding-top: .2em;
		padding-left: .2em;
		padding-right: .2em;
		font-family: arial;
		font-size: 10pt;
		color: #005500;
		font-size-adjust: inherit;
	}

	.shadow-title {
		font-weight: bolder;
		font-family: inherit;
		font-size: 18pt;
		font-variant: small-caps;
		color: #005500;
	}
*/