@charset "utf-8";
/* CSS Document */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
	margin: 0; /* to prevent IE from screwing up 100% width */
	padding: 0; /* to prevent IE from screwing up 100% width */
	background-color: #0A5CCC; /*#F88F1C;*/
    color: #000;
	font: 16px Verdana, Arial, Helvetica, sans-serif;
}

p, div {
    margin: 0;
	padding: 0;
}

.title {
	font: 24px bold Verdana, Arial, Helvetica, sans-serif;
}

.text12 {
	font-size: 12px;	
}

img {
	border: 0;
	max-width: 100%;
	height: auto;
	display: block; /* to resolve 3px bottom margin of every image in div */	
}

.facebookFrame {
	padding-top: 6px;
	max-width: 1160px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	overflow: hidden;
}

.frame {
	background-color: #fff; 
	padding: 20px;
	max-width: 1200px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	overflow: hidden;
}

.content {
	max-width: 1160px;
	background-color: #fff; 		
}

#left-side  {
	float: left;
	width: 52%;
	padding-right: 20px;	
}

#right-side {
	float: left;
	width: 48%;	
}

/*
.usaButton {
	float: left;
}

.canadaButton {
	float: right; 
}
*/

.outer {
  width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}
.outer>div {flex:1;}
.outer>div>img {
  width: 100%;
  min-width: 120px;/* demo*/
}

.itemwrapper:first-child {
	padding-right: 15px;	
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  /*padding-top: 30px; */
  height: 0; 
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 98%;
  height: 98%;
}

.horizontal_scroller {
	/*background-color: #fff;*/
	width: 100%;
	margin-top: 1px;
	margin-bottom: 5px;
	height:27px;
	position:relative;
	
	/*width:930px;*/
	display:block;
	overflow:hidden;
}
.marqueetext {
	margin-top: 5px;
	position: absolute;
	white-space: nowrap;
	font-family: verdana;
	font-size:15px;
	color:#000;
}

@media screen and (max-width: 799px) { /* only do this if the screen size becomes less than 1000px */
  #frame {
	  padding: 0px;
  }
  
  #content {
	  max-width: 98%;
  }
  
  #left-side, #right-side {
	  float: none;
	  width: 100%;	
	  padding-right: 0px;
  }
  
  .video-container {
	  margin-top: 20px;
  }
  
  /*
  .usaButton, .canadaButton {
	  float: none; 
	  max-width: 100%;
	  height: auto;
	  max-height: 150px;
	  display: table;
	  margin: 0 auto;	
	  padding-right: 0px;  
	  padding-bottom: 20px;
  }
  /
}