div#content {font-family: "open sans", sans-serif; font-weight: normal; padding: 0 !important; width: 986px !important;}

.videos #content p {margin: 0; padding: 0 35px 15px 35px; width: 916px;}
.videos #content p a {font-size: 1em;}


/* PLAY BUTTON */
button[name="play"] {width: 50px; height: 50px; z-index: 1000; background: #333333; opacity: 0.75; filter: alpha(opacity=75);
					border: none; border-radius: 100%; cursor: pointer;}
button[name="play"]:focus {outline: 0; border: 1px solid hsl(210, 58%, 69%); box-shadow: 0 0 0 3px hsla(210, 76%, 57%, 0.5);}
button[name="play"]::after {
	content: ''; display: inline-block; position: relative; top: 1px; left: 3px;
	border-style: solid; border-width: 10px 0 10px 20px; 	border-color: transparent transparent transparent #FFFFFF;
}

/* SLIDER */
.videos #slider, .videos #slider ul.showbox li a, .videos #slider ul.showbox li a img {height: 555px;}
.videos #slider ul.sprite li a {margin: 525px 15px 15px 0px;}

.videos #slider button[name="play"] {margin: auto;} 
/*.videos #slider button[name="play"]:focus {} .videos #slider button[name="play"]::after {} */

/* LISTS */
/**.videos .lists h1 {background-image: url(http://stg.enb.iisd.org/_img/videos/filmstrip.png);}**/
.videos .lists h1 {background-image: url(http://stg.enb.iisd.org/_img/videos/filmstrip.png);}




/* LISTS */

.lists {margin: 20px;}
.lists h1 {margin: 40px 0 20px 0 !important; padding: 12px 0 !important; width: 100%; z-index: 1000; 
			background-color: rgba(0,0,0,0.6); color: #FFFFFF !important; font-weight: normal;}

.lists ul{list-style-type: none; margin: 0 auto; padding: 0; font-size: 1.5em; width: 100%;}

.lists ul li {margin: 9px 0 !important; padding: 0 !important; font-size: inherit !important; width: 100%;}

.lists ul li:hover {background-color: #F0F0F0;}


/* VIDEO LISTS */

.lists ul.vs li {height: 81px;}

.lists ul li {height: 108px;}


.lists ul li a {margin: 0; padding: 0; text-decoration: none; width: 100%; display: table;}

.lists ul li a div:nth-child(1) {margin: 0 !important; padding: 0 !important; position: relative; top: 0; left: 0;
								width: 192px; height: 108px; display: -ms-flex; display: -webkit-flex; display: flex;}

								.lists ul.vs li a div:nth-child(1){width: 141px; height: 81px;}

.lists ul li a div:nth-child(1) img {position: absolute; top: 0; left: 0; margin: 0 !important; padding: 0 !important; width: 192px; height: 108px;}

.lists ul.vs li a div:nth-child(1) img {width: 141px; height: 81px;}
	
.lists ul li 		a div:nth-child(1) button[name="play"]			{margin: 30px 0px 0px 70px;}
.lists ul li:hover	a div:nth-child(1) button[name="play"]			{background-color: #F0F0F0;}
.lists ul li:hover	a div:nth-child(1) button[name="play"]::after 	{border-color: transparent transparent transparent #333333;}	


.lists ul li a div:nth-child(2) {margin: 0 50px 0 0 !important; padding: 0 0 0 9px !important; display: table-cell; vertical-align: middle; height: 108px; width: 100%; font-size: 0.85em !important;}
.lists ul.vs li a div:nth-child(2){height: 81px;}
.lists ul li a div:nth-child(2) h3 {margin: 0 !important; padding: 0 !important; font-size: 0.9em !important;}
.lists ul li a div:nth-child(2) h4 {margin: 6px 0 0 0 !important; padding: 0 !important; font-size: 0.7em !important; font-weight: normal; background-color: inherit !important; border: none !important;}
.lists ul li a div:nth-child(2) p 	{margin: 6px 0 0 0px !important; padding: 0 !important; font-size: 0.6em !important; font-weight: normal;}


#vimeo {padding: 40px; border: thin solid #000000; background-color: #000000; text-align: center; margin: 10px auto; clear: both; }
#vimeo iframe{width: 896px; height: 504px;}

.nav_title h2 {border: none !important; color: #FFFFFF !important; margin: 0 auto !important; padding: 10px !important; font-size: 1.5em !important;}
.nav_title h5 {border: none !important; color: #FFFFFF !important; margin: 0 auto !important; padding: 10px !important; font-size: 1.2em !important;}