/* ---reset.css--- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a:visited {
    color: #306D72;
}
a:link {
    color: #306D72;
}
a {
    color: #306D72;
    text-decoration: none;
    font-weight: 520;
}
a:hover {
    color: #2a6165;
    text-decoration:underline;
    font-weight: 520;
}

/* ---reset.css--- */

html {	
	font-family: Verdana, Geneva, sans-serif;
	-webkit-text-size-adjust:none;
	background-color:#F0F0F0;
}

body{
	background-color:#FFF;
	padding-bottom:0;
}

/* SPRITES - ICONS/LOGOS -------------------------------------------------------------------------------------------------------------------------------------------------- */

.sprite img, .widget ul li  {background-image: url(http://stg.enb.iisd.org/_img/__theme/sprite__485x746@2x.png?20170520);}
.sprite img {padding: 0; border: none; background-repeat: no-repeat; background-size: 485px 746px;}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
        .sprite img, .widget ul li  {background-image: url(http://stg.enb.iisd.org/_img/__theme/sprite__485x746@2x.png?20170520);}
		.sprite img {padding: 0; border: none; background-repeat: no-repeat; background-size: 485px 746px;}
}


#widget_km .sprite a {padding: 5px 10px; height: 50px; width: 169px; font-size: 0.7em; font-weight: bold; text-align: center; display: table;}
#widget_km .sprite img,#widget_km .sprite div {display: table-cell;}
#widget_km .sprite div {width: 119px; height: 50px; line-height: normal; vertical-align: middle;}

.css_020 li a img		{height: 20px; width: 20px;margin:9px 4px;}
.css_020 .fb {background-position: 0px -245px;}
.css_020 .tw {background-position: -20px -245px;}
.css_020 .vm {background-position: -40px -245px;}
.css_020 .rs {background-position: -60px -245px;}
.css_020 .em {background-position: -80px -245px;}
.pgd .css_020 li a img		{height: 14px; width: 14px;}
.pgd .css_020 .fb {background-position: 0 -265px;}
.pgd .css_020 .tw {background-position: -20px -265px;}
.pgd .css_020 .vm {background-position: -40px -265px;}
.pgd .css_020 .rs {background-position: -60px -265px;}
.pgd .css_020 .em {background-position: -80px -265px;}

.css_rs_160 img {height: 94px; width: 160px; display: inline-block;}
.css_rs_160 .rs {background-position: 0 -1400px;}
.css_rs_073 img {height: 43px; width: 73px; display: inline-block;}
.css_rs_073 .rs {background-position: -160px -1400px;}
.css_rs_014 img {height: 10px; width: 14px; display: inline-block;}
.css_tx_235 img {height: 69px; width: 235px; display: inline-block;}
.css_tx_235 .tx {background-position: 0 -1560px;}
.css_tx_165 img {height: 18px; width: 165px; display: inline-block;}
.css_tx_165 .tx {background-position: 0 -1625px;}

.css_ii_233 img {height: 42px; width: 233px; display: inline-block;}
.css_ii_233 .ii {background-position: 0 -1500px;}
.css_ii_038 img {height: 20px; width: 38px; display: inline-block;}
.css_ii_038 .ii {background-position: -160px -1450px;}



/* --For WEB------------------------------------- */

#WRAPPER{
		width: 100%;
		margin: 0 auto;
		padding-bottom: 5px;
		background-color:#FFF;
}

#TopBar{
	 
	 display: block;
	 width:100%;
	 height:65px;
	 background:#FFF;
	 background-image: url(http://stg.enb.iisd.org/_img/__theme/hm_bkg__1920x160.png);
	 position:fixed;
	 top:-100px;
	 border-bottom:15px solid #5bbd8b;
	 z-index:999999;
	 /* CSS3 shadow*/
	-webkit-box-shadow: 0px 2px 2px #A3A3A3;
	-moz-box-shadow: 0px 2px 2px #A3A3A3;
	box-shadow: 0px 2px 2px #A3A3A3;	 
}

#TOP-MENU{
	display:none;
}

#TOP-MENU #BTN{}

/* --Social Media / Navigation ------------------ */
#NAV{
	width: 100%;
	height: 36px;
	margin: 0 auto;
	padding: 0 5px;
	background-color: #5cbd8b;
	
}
#top_NAV{
	width: 100%;
	height: 15px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 1px;
	right: 5px;
	
	
}
#m_item{
	display:none;
	
}
#item {
	margin-right: 10px;
}
#NAV #item li{
	float: right;	
}

#top_NAV #top_item li{
	float: right;	
}

#NAV #icon li{
	float: left;
	height: 36px;
}

#NAV #icon li a{
	float: left;
	padding: 0 3px;
	margin-top:-1px;
}

#NAV li a{
	display:block;
	width:auto;
	line-height:36px;
	text-align:center;
	text-decoration:none;
	color:#FFF;	
	font-size:11px;
	padding: 0 7px;
	font-weight:normal;
}

#NAV li a:hover{
	background-color:#FFF;
	color: #5cbd8b;
}

#top_NAV li a{
	display:block;
	width:auto;
	line-height:15px;
	text-align:center;
	text-decoration:none;
	color:#5bbd8b;	
	font-size:10px;
	padding: 0 5px;
	font-weight:500;
}

#top_NAV li a:hover{
	color: #429d6f;
	text-decoration:none;
	font-weight:500;
}
/* Overline From Right */
.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  top: 0;
  background: #5cbd8b;
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
  left: 0;
}

/* Underline From Right */
.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  background: #5cbd8b;
  height: 2px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
  left: 0;
}

/* -- Header -------------------------- */

#head{
	width: 100%;
	height: 125px;
	margin: 0 auto;
	border: 0;
	background-image: url(http://stg.enb.iisd.org/_img/__theme/hm_bkg__1920x160_1.png);
	background-repeat:no-repeat;
	border-bottom: 2px solid #5cbd8b;
}

.head-logo {
	width: 85%;
	height: 125px;
	margin: 0 auto;
	border: 0;
}
#head h1{
	display:block;
	width:1000px;
	height:auto;
	text-indent:-9999px;
}
#head #logo_iisdrs img			{height: 105px; width: 180px; display: inline-block; background-position: -30px -128px;}
#top_logo_iisdrs img	{height: 55px; width: 100px; display: inline-block; background-position: -10px -3px;}

#head #logo_iisd img		{height: 60px; width: 160px; display: inline-block; background-position: 0 -518px;}
#top_logo_iisd img	{height: 30px; width: 80px; display: inline-block; background-position: -120px -86px;}

#head #logo_iisdrs		{width: 180px; height: 105px; margin: 0; padding: 6px 0; text-align: center; position: relative; float:left; z-index: 12; left: 0px;}

#top_logo_iisdrs	{width: 100px; height: 55px; margin: 0; padding: 0; position:absolute; top:10px; left:10px;}

#head #logo_iisd			{width: 160px; height: 106px; margin: 0; padding: 0; text-align: center; position:relative; float:right; z-index: 12; right: 0px; }

#top_logo_iisd		{width: 80px; height: 29px; margin: 0; padding: 0; position:absolute; top:25px; right:10px;}


#head #logo_iisd img			{margin: 35px 0; padding: 0;} /*  width: 233px; height: 42px;*/

#top_logo_iisd img	{margin: 0; padding: 0;}/* width: 37px; height: 20px;}*/

/*----------------bcrumb---------------------------------------------------------------- */

#bcrumb {font-size: 0.70em; font-weight: bold; display: block;}
#bcrumb			{position: relative; /*top: 5px; left: -165px;*/ /*padding: 28px 0 9px 10px;*/ width: 50%; height: 16px; color: #306D72; float: left; /*margin-left: 7.5%;*/}
#top_bcrumb	{position: absolute; top: 60px; left: 10px; padding: 8px 0 3px 10px;font-size:10px;font-weight:500;}
#bcrumb img		{display: inline-block; margin: 0; padding: 0 6px 0 0;}
#top_bcrumb img{display: none;}
.mob #bcrumb 	{display: none;}

#bcrumb span {border-bottom: 1pt solid #306D72;}
#bcrumb strong {padding: 0.25em 6px !important; font-size: 0.8em;}
#top_bcrumb span, #top_bcrumb a, #top_bcrumb strong	{margin: 0; padding: 0; color: #EFEFEF;}
#top_bcrumb span {border-bottom: none;}
#top_bcrumb #cur	{color: #0066CC; text-decoration: underline;}



#bcrumb a					{cursor: pointer;}
#bcrumb span,#bcrumb strong	{cursor: default;}
#bcrumb strong				{display: inline-block; vertical-align: top; height: 14px; overflow-y: hidden; margin: -1px 0 0 0 !important;}


#socialnew	{
	/*margin: 0 auto;
    padding: 4px;*/
    width: 50%;
	float:right;
    height: 34px !important;
	background: linear-gradient( rgba(255,255,255,0.7),rgba(255,255,255,0.7),rgba(255,255,255,0)	);
	z-index: 9999999;
}
#socialnew .addthis_button_tweet.at300b {width: 62px;}
#m_socialnew .addthis_button_tweet.at300b {width: 90px;}
#socialnew .addthis_button_google_plusone.at300b {width: 60px;}
#top_socialnew	{position: absolute; top: 85px; right: -100px; margin: 0; padding: 0px; width: 240px; height: 20px; text-align: right;}
#m_socialnew {position: fixed; top: initial; right: initial; bottom: 0; left: 0; width: 100%; height: 22px; text-align: center; padding: 14px 0 6px 0; margin: 0 auto; 
/*fade below header */	
	background: -webkit-linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0.8),rgba(255,255,255,0.9),rgba(255,255,255,1)	); /*Safari 5.1-6*/
	background: -o-linear-gradient(		rgba(255,255,255,0.2),rgba(255,255,255,0.8),rgba(255,255,255,0.9),rgba(255,255,255,1)	); /*Opera 11.1-12*/
	background: -moz-linear-gradient(	rgba(255,255,255,0.2),rgba(255,255,255,0.8),rgba(255,255,255,0.9),rgba(255,255,255,1)	); /*Fx 3.6-15*/
	background: linear-gradient(		rgba(255,255,255,0.2),rgba(255,255,255,0.8),rgba(255,255,255,0.9),rgba(255,255,255,1)	); /*Standard*/
}
#m_socialnew .addthis_native_toolbox{width: auto; text-align: center; margin: 0 auto;}
#socialnew a {
    float: right !important;
}
.pgd.mob #footer {padding-bottom: 32px;}

.twitter-share-button{color: #FFFFFF !important;}

/*--Content----------------------------------------------------------------------------- */
#CONTENT{
	width:960px;
	margin:0 auto;
	overflow:hidden;
	background-color:#FFF;
	padding:15px 0px;
}

#c_logo_oceans {
	display:block;
	width:80%;
	height:125px;
	margin:0px auto;
	background-image:url(http://stg.enb.iisd.org/_img/mega/hsd14/OceanLogoText_wide.png);
	background-repeat:no-repeat;
	background-size:contain;
}

#c_logo_oceans img{
	display:none;
}


#CONTENT ul{
	list-style: none;
	width:100%;
	height:auto;
	padding:0px;
	margin:0 auto;
}

#CONTENT li{
	float:left;
	display:block;
	width:22.9%;
	height:auto;
	margin:10px;	
	padding:0px;
	border-radius:99em;
}
#CONTENT li:last-child {
	float:left;
	display:block;
	width:22.9%;
	height:auto;
	margin:10px;	
	padding:0px 0 0 360px;
	border-radius:99em;
}

#CONTENT li:first-child a{
	margin-left:0;	
	
}

#CONTENT li:third-child a{
	margin-right:0;	
	
}

#CONTENT #wheel{
	display:none;
	
}

#CONTENT li a{
	float:left;
	display:block;
	width:100%;
	height:auto;	
	padding:0px;
	border-radius:99em;
}

#CONTENT li img{
	float:left;
	width:100%;
	height:auto;	
	border-radius:99em;
}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/*-- Funder ----------------------------------------------------------------------------*/

#funder {
	width:100%;
	height:250px;
	background-color:#EBEBEB;
	border-top: 1px solid #C7C7C7;
	border-bottom: 1px solid #C7C7C7;	
	margin-top: 50px;
}
#funder p{
	font-size: 0.85em;
	font-weight: 600;
	color:#424242;
	text-align:center;
	line-height:24px;
}
#funder a{
	font-size: 0.8em;
	font-weight: bold;
	color:#306D72;
	text-decoration:underline;
}


/*-- Footer ----------------------------------------------------------------------------*/
footer{
	clear:both;
	width: 100%;
	margin:10px auto;	
	
}

footer p{
	font-size:0.7em;
	text-align:center;
	line-height:20px;
	color:#333333;
}
footer .rounder {margin: 10px; text-align: center; background-color:#F0F0F0; padding: 10px; border-radius:5px;border: 1px #DBDBDB solid;}
footer h3	{color: #306d72; padding: 12px; margin: 0px; text-align: center; font-size: 1.2em;} 

footer hr {height: 1px; border: 0; border-top: 1px solid #DDDDDD;}

.mob br {display: none;}

.cpu #content br.m {display: none !important;}
.mob #content br.m {display: inline !important;}

footer .glossary{margin: 5px auto 20px; width: 800px; background-color: #FFFFFF;}
.mob footer .glossary {width: 92%;}
footer table {margin: 0 auto; padding: 0 5px; text-align: left; width: 390px; display: inline-block; font-size: 0.75em; vertical-align: top;}
.mob footer table {width: 100%;} 
footer table th {text-align: center; width: 25%;}
footer table td {width: 75%;}


footer p.masthead {margin: 0px auto 20px !important; padding: 12px; width: 900px; border: 1px solid #DDDDDD; background-color: #FFFFFF; text-align: left; font-size: 0.75em;}
.mob footer p.masthead {width: 92%;}
/* SPECIAL */
.plus{position: relative; left: -1px; top: 1px; margin-top: -2px; margin-right: -3px; padding: 0; font-weight: bold; color: #000000; font-size: 1.2em;}
h5 .plus{position: relative; left: -1px; top: 1px; margin-top: -2px; margin-right: -3px; padding: 0; font-weight: bold; color: #306D72; font-size: 1.2em;}


/* --For Mobile Devices------------------------------------- */

@media screen and (max-width: 736px) {
	
*{
	box-sizing:border-box; 
}
	
html,body{
	-webkit-text-size-adjust:none;
}
	
#WRAPPER{
	width: 100%;
	min-width:320px;
	padding-bottom:5px;
}

#TopBar{
	 position:fixed; 
	 top:0; z-index:9999;;
}

#TOP-MENU{
	display:block;
	width:100%;
	height:60px;
	position:relative;
	/*background-color:#5cbd8b;*/
}

#TOP-MENU #BTN{
	display:block;
	width:40px;
	height:40px;
	background-image: url(http://stg.enb.iisd.org/_img/__theme/sprite__485x746@2x.png);
	background-size: 485px 746px;
	position:absolute; 
	right:5px;
	top:15px;
	text-indent:-9999px;
}
.sprite_btn {height: 40px; width: 40px; background-position: 617px -4px;}

/* --Sprite -----------------------------------------------------*/
#head #logo_iisdrs img	{height: 66px; width: 95px; display: inline-block; background-position: -10px 0px;}

#head #text_iisdrs img	{height: 50px; width: 60px; display: inline-block; background-position: -176px -523px;}

#head #logo_iisd img	{height: 30px; width: 80px; display: inline-block; background-position: -120px -86px;}

#head #logo_oceans img		{display:none;}

.css_rs_160 img {height: 94px; width: 160px; display: inline-block;}
.css_rs_160 .rs {background-position: 0 -1400px;}
.css_rs_073 img {height: 43px; width: 73px; display: inline-block;}
.css_rs_073 .rs {background-position: -160px -1400px;}
.css_rs_014 img {height: 10px; width: 14px; display: inline-block;}
/*.css_rs_014 .rs {background-position: -160px -1490px;}*/

.css_tx_235 img {height: 69px; width: 235px; display: inline-block;}
.css_tx_235 .tx {background-position: 0 -1560px;}
.css_tx_165 img {height: 18px; width: 165px; display: inline-block;}
.css_tx_165 .tx {background-position: 0 -1625px;}

.css_ii_233 img {height: 42px; width: 233px; display: inline-block;}
.css_ii_233 .ii {background-position: 0 -1500px;}
.css_ii_038 img {height: 20px; width: 38px; display: inline-block;}
.css_ii_038 .ii {background-position: -160px -1450px;}

/* --Social Media / Navigation ------------------ */
#NAV{
	width:100%;
	height:auto; 
	padding:0;
	background-color:#5cbd8b;
	display:none; 
}

#icon {
	display:none;
}

#item {
	display:none;
}

#m_item{
	display:block;
	
}
#NAV ul{
	width:100%;
	height:auto; 
	background-color:#5cbd8b;
	padding:0 0 5px 0;
	
}

#NAV #m_item li{
	width:100%;
	float:none;
	
}

#NAV #icon li{
	width:100%;
	float:none;	
}

#NAV li a{
	display:block;
	width:100%;
	height:45px;
	line-height:45px;
	text-align:center;
	text-decoration:none;
	background-color:#5cbd8b;
	border-bottom:1px solid #FFF;
	color:#FFF;
	font-size:14px;
	font-weight:500;
	letter-spacing:1px;
	
}


#NAV li a:hover{
	background-color:#306D72;
	color: #FFF;
	font-size:14px;
	font-weight:500;
}


/* -- Header -------------------------- */

#head{
	width:100%;
	min-width:320px;
	height:70px;
	border-bottom:6px solid #5cbd8b;
	background-image: url(http://stg.enb.iisd.org/_img/__theme/hm_bkg__1920x160.png);
	background-repeat:no-repeat;
	padding-bottom:1px;	
	display: flex;
}
.head-logo {
	width: 100%;
	height: 70px;
	margin: 0 auto;
	border: 0;
}
#head h1{
	display:block;
	width:100%;
	height:auto;
	text-indent:-9999px;
}

#head #logo_iisdrs	{width: 73px; height: 43px; margin: 0; padding: 6px 0 0 5px; top: 0; left: 0;position: relative; float:left; }

#head #logo_iisd		{display: none;}

/*------------bcrumb-------------------------------------------------------------------------- */
#bcrumb {
    display:none;
	width: 100%;
    top: 0;
    left: 0;
    height: 16px;
    color: #306D72;
}
#top_socialnew	{display:none;}
#socialnew	{
	display:block; 
	position: fixed; 
	top:auto; 
	right: 0; 
	bottom:3px; 
	margin:0px; 
	padding: 3px 0px; 
	width: 100%; 
	height: 20px; 
	text-align: right;	
	z-index: 9999999;
/*fade below header */	
	background: -webkit-linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0.5),rgba(255,255,255,0)	); /*Safari 5.1-6*/
	background: -o-linear-gradient(		rgba(255,255,255,0.1),rgba(255,255,255,0.5),rgba(255,255,255,0)	); /*Opera 11.1-12*/
	background: -moz-linear-gradient(	rgba(255,255,255,0.1),rgba(255,255,255,0.5),rgba(255,255,255,0)	); /*Fx 3.6-15*/
	background: linear-gradient(		rgba(255,255,255,0.1),rgba(255,255,255,0.5),rgba(255,255,255,0)	); /*Standard*/
}
#socialnew .addthis_button_tweet.at300b {width: 62px;margin-right:3px;}

/*--Content----------------------------------------------------------------------------- */
#CONTENT{
	width:100%;
	margin:0 auto;
	overflow:none;
	background-color:#FFF;
	padding:10px 0px;
}

#c_logo_oceans {
	display:block;
	width:100%;
	height:auto;
	margin:0px auto;
	background-image:none;
	
}

#c_logo_oceans img{
	display:block; height: auto; width: 100%; min-width: 320px; 
}

#CONTENT ul{
	list-style: none;
	width:100%;
	height:auto;
	padding:0px;
	margin:0 auto;
}

#CONTENT li{
	float:left;
	display:block;
	width:45%;
	height:auto;
	margin:7px;	
	padding:0px;
	border-radius:99em;
}

#CONTENT li:first-child a{
	margin-left:0;	
	
}

#CONTENT li:last-child a{
	margin-right:0;	
	
}

#CONTENT li a{
	float:left;
	display:block;
	width:100%;
	height:auto;	
	padding:0px;
	border-radius:99em;
}

#CONTENT li img{
	float:left;
	margin:0 auto;
	width:100%;
	height:auto;
	border-radius:99em;
}

#CONTENT #wheel{
	display:block;
	
}

/*-- Footer ----------------------------------------------------------------------------*/
footer{
	clear:both;
	width:100%;
	margin:8px auto;	
	
}

footer p{
	font-size:0.8em;
	text-align:center;
	line-height:20px;
	color:#333333;
}
footer .rounder {margin: 10px; text-align: center; background-color:#F0F0F0; padding: 8px; border-radius:4px;border: 1px #DBDBDB solid;}
#detail {display:none;
}
footer h3	{color: #306d72; padding: 12px; margin: 0px; text-align: center; font-size: 1.2em;} 

footer hr {height: 1px; border: 0; border-top: 1px solid #DDDDDD;}

.mob br {display: none;}

.cpu #content br.m {display: none !important;}
.mob #content br.m {display: inline !important;}

footer .glossary{margin: 5px auto 20px; width: 800px; background-color: #FFFFFF;}
.mob footer .glossary {width: 92%;}
footer table {margin: 0 auto; padding: 0 5px; text-align: left; width: 390px; display: inline-block; font-size: 0.75em; vertical-align: top;}
.mob footer table {width: 100%;} 
footer table th {text-align: center; width: 25%;}
footer table td {width: 75%;}


footer p.masthead {margin: 0px auto 20px !important; padding: 12px; width: 900px; border: 1px solid #DDDDDD; background-color: #FFFFFF; text-align: left; font-size: 0.75em;}
.mob footer p.masthead {width: 92%;}
/* SPECIAL */
.plus{position: relative; left: -1px; top: 1px; margin-top: -2px; margin-right: -3px; padding: 0; font-weight: bold; color: #000000; font-size: 1.2em;}
h5 .plus{position: relative; left: -1px; top: 1px; margin-top: -2px; margin-right: -3px; padding: 0; font-weight: bold; color: #306D72; font-size: 1.2em;}
}

@media screen and (min-width: 1350px) {
	
#head {
	width: 100%;
	height: 125px;
	border: 0;
	background-image: url(http://stg.enb.iisd.org/_img/__theme/hm_bkg__1920x160_1.png);
	background-repeat:no-repeat;
	border-bottom: 2px solid #5cbd8b;
}

.head-logo {
	width: 1200px;
	height: 125px;
	margin: 0 auto;
	border: 0;
}
#head #logo_iisdrs img			{height: 105px; width: 180px; display: inline-block; background-position: -30px -128px;}
#top_logo_iisdrs img	{height: 55px; width: 100px; display: inline-block; background-position: -10px -3px;}

#head #logo_iisd img		{height: 60px; width: 160px; display: inline-block; background-position: 0 -518px;}
#top_logo_iisd img	{height: 30px; width: 80px; display: inline-block; background-position: -120px -86px;}

#head #logo_iisdrs		{width: 180px; height: 105px; margin: 0; padding: 6px 0; text-align: center; position: relative; float:left; z-index: 12; left: 0px;}

#top_logo_iisdrs	{width: 100px; height: 55px; margin: 0; padding: 0; position:absolute; top:10px; left:10px;}

#head #logo_iisd			{width: 160px; height: 106px; margin: 0; padding: 0; text-align: center; position:relative; float:right; z-index: 12; right: 0px; }

#top_logo_iisd		{width: 80px; height: 29px; margin: 0; padding: 0; position:absolute; top:25px; right:10px;}


#head #logo_iisd img			{margin: 35px 0; padding: 0;} /*  width: 233px; height: 42px;*/

#top_logo_iisd img	{margin: 0; padding: 0;}/* width: 37px; height: 20px;}*/
}

@media screen and (max-width: 850px) {
	
#NAV li a {
    display: block;
    width: auto;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    font-size: 11px;
    padding: 0 3px;
    font-weight: normal;
}
#NAV #icon li a{
	float: left;
	padding: 0 1px;
	margin-top:-1px;
}
}