* {	margin: 0px;	padding: 0px;	-moz-box-sizing: border-box; 	-webkit-box-sizing: border-box; 	box-sizing: border-box;}body {		background-color: #FFFFFF;	color: #000000;	font-family: 'Helvetica Neue','Helvetica', Arial, sans-serif;	 margin: 30px;  }a:link {	text-decoration: none;	color: #000000;}a:visited {	text-decoration: none;	color: #000000;}a:hover {	text-decoration: none;	color: #757575;}a:active {	text-decoration: none;	color: #BB772D;}td, th {	color: #A0522D;}.container {	width: 1200px;	margin: 0 auto;	background-color: #666;	box-sizing: border-box;	padding: 0 40px;}.item_container {	background-color: #808080;	box-sizing: border-box;	min-height: 300px;	padding: 20px;	margin-bottom: 40px;	clear: both;}.item_container_wpix {	background-color: #666;	box-sizing: border-box;	min-height: 300px;	padding: 20px;	margin-bottom: 40px;	clear: both;}.header { padding: 0px;}.item_left, .item_right, .item_smallleft, .item_largeright {	float:left;}.item_left{	width:450px;	margin-right: 30px;}.item_right{	width:550px;	margin-right: 0px;} .item_archive{	width:1000px;	padding: 10px;	font-size:16px;	margin-right: 0px;	margin-bottom: 10px;	color: #eeeeee;	background-color: #aaa;} .item_archive:hover{	width:1000px;	margin-right: 0px;	font-size:24px;	color : #FFF;	margin-bottom: 10px;	color: #fff;	background-color: #777;}.item_smallleft{	width:350px;	margin-right: 30px;}.item_largeright{	width:650px;	margin-right: 0px;}.item_left img.videopix, .item_right img.videopix {	width: 400px;	height:250px;	border:4px solid grey;}.item_smallleft img.smallvideopix, .item_largeright img.smallvideopix {	width: 300px;	border:4px solid green;}.item_smallleft img.docpix, .item_largeright img.docpix {	width: 300px;	height: 260px;	}p {	color: #000000;	padding: 10px 10px;	}.center {  display: block;  margin-left: 700px;  margin-right: auto;  width: 50%;}.vid_title {	font-family: Geneva, Arial, Helvetica, sans-serif;	padding: 5px;	color: #FFFFFF;	background-color: #666;	margin-bottom: 10px;}.vlog_date {	font-family: Geneva, Arial, Helvetica, sans-serif;	padding: 5px;	font-size:10px;	font-style:oblique;		background-color: #aaa;	margin-bottom: 20px;}.statement_text {	background-color: #999;	padding: 8px;	margin-top: 20px;	border: 1px dashed black;}body {    margin: 0;}ul {    list-style-type: none;    margin: 10;    padding: 0;    width: auto;    background-color: #626262;    position: fixed;    height: 100%;    overflow: auto;}li a {    display: block;    color: #000;    padding: 8px 16px;    text-decoration: none;}li a.active {    background-color: #4CAF50;    color: white;}li a:hover:not(.active) {    background-color: #626262;    color: white;}iframe {	scroll: none;	width: 640px;	height: 360px;	border-top: none;	border-right: none;	border-bottom: none;	margin-top: 0 px;	margin-bottom: 0 px;	-moz-border-radius: 0px;	-webkit-border-radius: 0px;	border-radius: 0px;	/*-moz-box-shadow: 4px 4px 14px #000;	-webkit-box-shadow: 4px 4px 14px #000;	-box-shadow: 4px 4px 14px #000; */	-moz-transform:rotate(20deg);	-webkit-transform:rotate(0deg);	-o-transform:rotate(0deg);	-ms-transform:rotate(0deg);	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=.2);} /*  Rollover Image */.figure {    position: relative;    width: 152px;  /* can be omitted for a regular non-lazy image */    max-width: 100%;}.figure img.image-hover {  position: absolute;  top: 0;  right: 0;  left: 0;  bottom: 0;  object-fit: container;  /* contain */  opacity: 0;  transition: opacity .2s;}.figure:hover img.image-hover {  opacity: 1;}