html {
		height: 100%;
  		overflow-y: scroll;
	}

	body {
	    font-family: arial;
	    color: black;
	    margin:0;
	    padding:0;
	}

	h1 {color: #343233;
	    margin: 0;
	}

	h2 {color: #343233;
	    margin: 0;
	   }

	a {color: #ffffff;}

	nav ul {
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	    overflow: hidden;
	    background-color: #333;
	    padding: 0;
	    width: 1000px;
	    margin: 0 auto;
	}

	nav li {
	    float: left;
	}

	nav li a {
	    display: block;
	    color: white;
	    text-align: center;
	    padding: 14px 14px;
	    text-decoration: none;
	}


	nav li a:hover:not(.active) {
	    background-color: #111;
	}

	nav .active {
	    background-color: #4CAF50;
	}

       #main { width:1000px;
    	     margin:auto;
	     /*background-color: #e6e6e6; */
	 }

	#sur-ron-logo {
		margin-bottom: 20px;
		position: relative;
		left: 65px;
	}

	#year {
		position: relative;
		left: 120px;
	}

	#sur-ron-logo-large {
		margin-bottom: 20px;
		left: 65px;
		position: relative;
	}

	#aebikes-logo-small {
		float: right;
	}

	.textaligncenter {
		/* used by videos */
		text-align: center;	
	}

	.content img {
       		padding: 14px 16px;
		//border: 1px solid red;
		display: block; /* for the img inside your div */ 
		margin: 0 auto;	
	}

	video {
		width: 640px;
		margin: 0 auto;	
		display: block;
	}

/*
	iframe{
       		padding: 14px 16px;
		border: 0;
		display: inline; for the img inside your div  
		margin: 0 auto;	
	}
*/
	table{
	   	/* border-collapse: collapse; */
		padding: 4px;
		border: 1px solid #d3d3d3;
		width: 580px;
		margin: 0 auto;
	    	text-align:left;
	}
	
	td {
		vertical-align: top;
	}

	th {text-align: left;}

	.second tr td:nth-child(2){
	    text-align:right;
	}

	h3 {
		font-family: arial;	
		size: 14px;	
		color: #4CAF50;	
		margin-bottom: 8px;
	}

	.underline {
		text-decoration: underline;
	}
	
	.center {
		text-align:center;
	}
	
	#light-bee-logo {
		display: block;
		margin-left: auto;
		margin-right: auto
	}
	header img {
		    vertical-align: text-bottom;
	}

	footer div {
	    margin: 0 auto;
	    background-color: #333;
	    color: white;
	    padding: 14px;
	    text-align: right;
	}
	.footer img {
	    	float: left;
		//border: 1px solid green;
	}		
	.footer a {
	    	text-decoration: none;
		color: white;

	}

	.footer a:visited, footer a:hover {
	    	text-decoration: none;
		color: white;
}
	.content, .content a {
	    color: black;
	    text-decoration-skip: ink;
	}

	#overlay {
		position: absolute;	
	top: 20px;	
	right: 120px;	
	}
/*
	header {
		this is very important as it remove the baseline space from images in the header
		https://stackoverflow.com/questions/31444891/mystery-white-space-underneath-image-tag
		line-height: 0;
	}

*/