

/* CSS Document */

body { background:url(https://www.naem.digital/corporatesustainabilitymanagement2017/site-images/pagebg.jpg) repeat-x fixed; background-color:#BAD9EB; margin:20px 0px; padding:0; }

/*Header tags*/

#content h1, #content h3 { font-family:Arial, Helvetica, sans-serif; color:#292929; font-weight:400; line-height:1.4em; text-transform:none;	}

#content h1 { font-size: 145%; display:block; padding:0px 0px 6px 0px; margin:10px 0px 0px 0px; border-bottom:3px solid #B6E2F4; color:#0973BD;}

#content h2 { margin:0; padding:0px 0px 15px 0px; font-weight:600; font-size:120%;	 line-height:1.4em; color:#1C8FC1; font-family:Arial, Helvetica, sans-serif; text-transform:none;}

#content h4 { color:#292929; font-size:15px; padding:10px 2px; margin:0; text-transform:none; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.4em; font-weight:200;}

/* Header */

#header { width: 960px; height: 175px; display:block; margin: 0 auto; background:url(http://www.naem.org/resource/resmgr/images6/sust-2016-headbanner-960.gif) no-repeat; text-indent:-9999px; background-size:960px;}

/*Covering the basics in the content area*/

#content p, #content td, #content th { font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height: 140%; text-align:left; margin: 0; padding: 0; color:#292929;}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px){
    /* iphone5 */
#content p { font-size:175%;}
#content ul li { line-height:140%; font-size:175%;}
#content h1 { font-size: 195%;}
#content h2 { font-size:160%;}
}


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px){
    /* iphone6 */
#content p { font-size:175%;}
#content ul li { line-height:140%; font-size:175%;}
#content h1 { font-size: 195%;}
#content h2 { font-size:160%;}
}

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) {
    /* iphone6plus */
#content p { font-size:175%;}
#content ul li { line-height:140%; font-size:175%;}
#content h1 { font-size: 195%;}
#content h2 { font-size:160%;}
}

#content a:link, #content-s a:link { color:#28A9E2; font-weight:bold;}

#content a:active, #content-s a:active { color: #ED5C0C;}

#content a:hover, #content a:visited { text-decoration: none; color:#666;}

#content ul { line-height:1; font-size:100%; list-style:disc; font-family:Arial, Helvetica, sans-serif; padding:0; color:#292929; margin:0 0 16px 10px;}

#content li { line-height:1.5em; font-size:100%; font-family:Arial, Helvetica, sans-serif; padding:0px 5px; color:#292929; margin:0 0 0 30px;} 

/*Image stuff*/

.frameborder { padding:5px; border: 1px solid #CCC; background-color: #fff; margin:4px 10px 10px 0px; float:left; display:block;}
.frameborder-3 { padding:0px; border: thin solid #CCC; background-color: #fff; margin:4px 0px 10px -1px;}


/* Menu */
#menu {width:960px;height:30px;margin:0 auto;padding:2px 0px 8px 0px;text-align:center;}
#menu ul {padding:0;margin:0;}
ul#menu2 {
 list-style-type: none;
 margin: 0;
 padding: 0;
 overflow: hidden;
 background-color: #3EBD40;
 font-family: Arial, Helvetica, sans-serif;
 text-transform: uppercase;
 font-weight:bold;
	text-align:center;
}

#menu2 li {
 float: left;
	display:inline;
}

#menu2 li a {
 display: inline-block;
 color: white;
 text-align: center;
 padding: 12px 24px;
 text-decoration: none;
	border-right:1px solid #D2E7C0;
}

#menu2 li a:hover {
 background-color:#94D186;
}
#menu2 li a:active {
 background-color:#94D186;
}
#menu2 a.current {
 background-color:#94D186;
}

/* Quicklinks */
#quicklinks {display:block;width:320px;height:35px;margin:0px;padding:0px;text-align:center;float:right;}
#quicklinks ul {padding:0;margin:0px;}
ul#quicklinks2 {
 list-style-type: none;
 margin: 0;
 padding: 0;
 overflow: hidden;
 background-color: #fff;
 font-family: Arial, Helvetica, sans-serif !important;
 text-transform: uppercase;
 font-weight:bold;
color:#fff !important;
text-align:center;
}

#quicklinks2 li {
 float: left;
 margin: 0px 10px;
 background-color: #0157A4;
color:#fff !important;
 font-family: Arial, Helvetica, sans-serif !important;
 font-size:90%;
}

#quicklinks2 li a {
 display: inline-block;
 color: white;
 text-align: center;
 padding: 5px 0px;
 width: 125px;
 text-decoration: none;
color:#fff !important;
 font-family: Arial, Helvetica, sans-serif !important;
}



/* 2017 Sustainability Sponsors for the sponsors page */
#sustainability-sponsors-page-2017 {width:920px;height:1100px;margin:0 auto;padding:0px;text-align:center;float:left;}
#sustainability-sponsors-page-2017 ul {padding:0;margin:0;}
ul#sustainability-sponsors-page-sust-2017 li {display:block;float:left;padding:20px 60px 0px 20px;margin:0 auto;}
ul#sustainability-sponsors-page-sust-2017 li a
{display:block;outline:none;height:200px;width:200px;background:url(https://www.naem.digital/corporatesustainabilitymanagement2017/site-images/sponsors/sust-2017-sponsors-200x2.jpg) no-repeat;text-indent:-9999px; background-size:3000px;}

ul#sustainability-sponsors-page-sust-2017 li#anteagroup a {width:200px;background-position:-0px 0;}
ul#sustainability-sponsors-page-sust-2017 li#chemwatch a {width:200px;background-position:-200px 0;}
ul#sustainability-sponsors-page-sust-2017 li#enablon a {width:200px;background-position:-400px 0;}
ul#sustainability-sponsors-page-sust-2017 li#enviance a {width:200px;background-position:-600px 0;}
ul#sustainability-sponsors-page-sust-2017 li#gensuite a {width:200px;background-position:-800px 0;}
ul#sustainability-sponsors-page-sust-2017 li#processmap a {width:200px;background-position:-1000px 0;}
ul#sustainability-sponsors-page-sust-2017 li#redonline a {width:200px;background-position:-1200px 0;}
ul#sustainability-sponsors-page-sust-2017 li#scs a {width:200px;background-position:-1400px 0;}
ul#sustainability-sponsors-page-sust-2017 li#spherasolutions a {width:200px;background-position:-1600px 0;}
ul#sustainability-sponsors-page-sust-2017 li#ulehs a {width:200px;background-position:-1800px 0;}
ul#sustainability-sponsors-page-sust-2017 li#velocityehs a {width:200px;background-position:-2000px 0;}
ul#sustainability-sponsors-page-sust-2017 li#erm a {width:200px;background-position:-2200px 0;}
ul#sustainability-sponsors-page-sust-2017 li#igssolar a {width:200px;background-position:-2400px 0;}
ul#sustainability-sponsors-page-sust-2017 li#e2managetech a {width:200px;background-position:-2600px 0;}
ul#sustainability-sponsors-page-sust-2017 li#ramboll a {width:200px;background-position:-2800px 0;}




/* 2015 Sust Sponsors for the home page */
#sustainability-hpsponsors-page-2017 {width:920px;height:380px;margin:0 auto;padding:0px;text-align:center;float:left;}
#sustainability-hpsponsors-page-2017 ul {padding:0;margin:0;}
ul#sustainability-home-page-sust-2017 li {display:block;float:left;padding:20px 0px;margin:0 auto;}
ul#sustainability-home-page-sust-2017 li a
{display:block;outline:none;height:100px;width:150px;background:url(https://www.naem.digital/corporatesustainabilitymanagement2017/site-images/sponsors/sust-2017-hpsponbig-100x2.jpg) no-repeat;text-indent:-9999px; background-size:2250px;}

ul#sustainability-home-page-sust-2017 li#anteagroup-hp a {width:150px;background-position:-0px 0;}
ul#sustainability-home-page-sust-2017 li#chemwatch-hp a {width:150px;background-position:-150px 0;}
ul#sustainability-home-page-sust-2017 li#enablon-hp a {width:150px;background-position:-300px 0;}
ul#sustainability-home-page-sust-2017 li#enviance-hp a {width:150px;background-position:-450px 0;}
ul#sustainability-home-page-sust-2017 li#logogensuite a {width:150px;background-position:-600px 0;}
ul#sustainability-home-page-sust-2017 li#processmap-hp a {width:150px;background-position:-750px 0;}
ul#sustainability-home-page-sust-2017 li#redonline-hp a {width:150px;background-position:-900px 0;}
ul#sustainability-home-page-sust-2017 li#scs-hp a {width:150px;background-position:-1050px 0;}
ul#sustainability-home-page-sust-2017 li#spherasolutions-hp a {width:150px;background-position:-1200px 0;}
ul#sustainability-home-page-sust-2017 li#ulehs-hp a {width:150px;background-position:-1350px 0;}
ul#sustainability-home-page-sust-2017 li#velocityehs-hp a {width:150px;background-position:-1500px 0;}
ul#sustainability-home-page-sust-2017 li#erm-hp a {width:150px;background-position:-1650px 0;}
ul#sustainability-home-page-sust-2017 li#igssolar-hp a {width:150px;background-position:-1800px 0;}
ul#sustainability-home-page-sust-2017 li#e2managetech-hp a {width:150px;background-position:-1950px 0;}
ul#sustainability-home-page-sust-2017 li#ramboll-hp a {width:150px;background-position:-2100px 0;}


/* Page */
#page { width: 960px; margin: 0 auto; padding:0; text-align:left; background-color:#FFF; 	border: 1px solid #C4C4C4; }

/* Content */

#content { float: left; width: 920px; text-align:left; padding:0px 20px;}

.post { float:left; width:920px; margin:0; padding:0;}

.postl { float:left; width:520px; margin:0; padding:0px 40px 0px 0px;}

.postr { float:left; width:320px; margin:0; padding:0px 10px 0px 10px;}

.splithalf {
	float:left;
	width:45%;
	margin:0;
	padding:0 5% 0 0;
	display:block;
}


.lnitop { margin-top:20px;}

.lnibottom { margin-bottom:40px;}

.halfwidth { width:57%;}

.borderdotted { width:920px; margin:20px 0px 0px 0px; padding:0; border-top:1px dotted #CCC; float:left;}

.fullthirds { float:left; width:286px; margin:0; padding:0px 10px;}

.third { float:left; width:284px; padding:0px 4px 0px 4px; margin:10px 0px 0px 0px; background-color:#EAF7FD; border:1px solid #CCC;	}

.aboutnaem { float:right; width:770px; padding:15px; margin:10px; background-color:#EAF7FD; border:1px solid #CCC;	}

.thirds { float:left; width:294px; padding:0px; margin:0px; background-color:#FFF;}

.businessmile { margin:3px 15px 20px 0px; width:220px; height:140px; display:inline-block; padding:5px; float:left; border: 1px solid #CCC; background-color: #fff;}


/*All the footers*/

#footer2 { clear: both; padding: 7px 0; background-color:#fff; margin:10px auto; width:960px; height:110px; -moz-box-shadow: 0px 0px 5px #959595; -webkit-box-shadow: 0px 0px 5px #959595; box-shadow: 0px 0px 5px #959595;}

#footer2 p { color:#333; font-family:Arial, Helvetica, sans-serif;}

.footerthirds-a{ width:270px; margin:0; float:left; font-size:60%; margin-top:10px;}

.footerthirds-a p{ text-align:left; padding-left:20px;}

.footerthirds-b{ width:270px; margin:0; float:left; font-size:60%; margin-left:60px;}

.footerthirds-c{ width:250px; margin:0; float:right; font-size:60%;	margin-top:10px;}

.footerthirds-c p{ text-align:right; padding-right:20px; line-height:150%;}

#footer { clear: both; height: 1px; padding:0; margin:0 auto; width:960px;}

.latestnewsitemsignup {
	float:left;
	display:block;
	width:100%;
	padding:10px;
	margin:0px 0px 0px 10px;
	background-color:#EAF7FD;
	border:1px solid #CCC;
	min-height:50px;
	color:#292929;
}




/* ------------------ styling for the tables    ------------------   */


#ver-zebra
{
	font-family:Arial;
	line-height: 1.4em;	
	font-size: 100%;
	margin:0px 0 0 5px;
	width: 890px;
	text-align: left;
	border-collapse: collapse;
	border:1px dotted #ccc;
}
#ver-zebra td
{
	padding: 12px 10px;
	border:1px dotted #ccc;
}
.vzebra-white{background:none;
border-style:dotted;}
.vzebra-blue{background: #ECF3F7;}
.vzebra-green{background: #EFF6D7;}
.vzebra-purple-2{background: #FFF980;}
.vzebra-blue-2{background: #D4E5EE;}
.vzebra-green-2{background: #D6E89A;}
.vzebra-purple {background: #FFFBBF;}
.lb-orangebox {		background:#FFE5BF;}
.lb-orangebox-2 {	background:#FFD280;}




.buttonregister {
 background-color: #0157A4;
 width:170px;
 border: none;
color:#fff !important;
 padding: 6px 13px;
 text-align: center;
 text-decoration: none;
 display: block;
 font-size: 100%px;
 margin: 4px 2px;
 cursor: pointer;
 margin: 0 auto;
 position:relative;
  cursor:pointer;
}

.buttonregister2 {
 background-color: #0157A4;
 width:270px;
 border: none;
color:#fff !important;
 padding: 6px 13px;
 text-align: center;
 text-decoration: none;
 display: block;
 font-size: 100%px;
 margin: 4px 2px;
 cursor: pointer;
 margin: 0 auto;
 position:relative;
  cursor:pointer;
}

.speaker-img {
	padding:0;
	width:230px;
	margin:0;
	float:left;
}
.speaker-desc {
	padding:0;
	width:640px;
	margin:0;
	float:left;
}

.f-f-border-2 {
	padding: 5px;
	border: thin solid #CCC;
	background-color: #f7f7f7;
	margin:0px;
	float:left;
}

/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%; font-family:Arial, Helvetica, sans-serif;}

#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #0157A4; border: 0 none; border-radius:0px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:16px; font-weight: 700; height: 38px; line-height: 32px; margin: 10px 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: 96%;}



#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}

#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}



#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}