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

body
{
	background-color:#34598c;
	font-family:Arial, Helvetica, sans-serif;
}

.clearBoth 
{
	clear:both;
}

a
{
	color:white;	
	text-decoration: none;
	
}

a:hover
{
	color: #4F88B5;
	background-color: white;
	text-decoration: none;
}

.container
{
	width:1200px;
  	overflow: hidden;
/*    white-space: nowrap;*/
}

.menu
{
	color:white;
	float: left;
	width: 190px;
	padding-left:20px;
	padding-right:20px;
	display: inline-block;
}

.video
{
	display: inline-block;
	background-color:black;
	float: left;
	width:820px;	
	height:720px;
	/*display:none;*/
}

#ourvideo
{
	width:820px;
	height:720px;
}

.videoList
{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

.instructions
{
	float: left;
	height: 640px;
	width: 820px;
	widows: 700px;
	background-color: #FFF;
	color: #2E5373;
	padding: 8px 10px 10px 10px;
}

.mainContent 
{
	height: 330px;
	width: 800px;
	background-color: #FFF;
	color: #2E5373;
	padding: 150px 8px 10px 8px;
	border: 3px solid #054897;
	margin-top: 50px;
	font-size: 24px;
	z-index:-1;
}


/* ------------- Icon Menu ------------- */

#element1 
{
	display:inline-block;
	border:none;
	width:200px; 
	margin-bottom:5px;
}
 
#element2 
{
	display:inline-block;
	border:none;
	width:200px; 
	text-align:right;
	float:right;
	clear:right
	margin-bottom:5px;
} 

#element3
{
	display:inline-block;
	border:none; 
	width:100px; 
	text-align:right;
	padding-top: 0px;
	float: left;
	clear: right;
} 
#element3_btn_small
{
	display:inline-block; 
	border:none;
	width:20px; 
	margin-right: 28px;
	margin-left: 8px;
	text-align:right;
	float: left;
	clear: right;
} 
#element3_btn
{
	display:inline-block;
	border:none;
	width:50px;
	height: 50px; 
	margin-right: 4px;
	text-align:right;
	float:left;
	clear:right;
} 
#element3b_btn
{
	display:inline-block;
	border:none;
	width:112px;
	height: 50px; 
	margin-right: 4px;
	margin-top: 10px;
	text-align:right;
	float:left;
	clear:right;
} 
#element3c_btn
{
	display:inline-block;
	border:none;
	width:91px;
	height: 40px; 
	margin-right: 4px;
	margin-top: 10px;
	text-align:right;
	float:left;
	clear:right;
} 
#element3_btn_right
{
	display:inline-block;
	border:none;
	width:40px; 
	height: 40px;
	margin-right: 8px;
	text-align:right;
	float:right;
	clear:right;
} 
#element3_btn_right_bottom
{
	display:inline-block;
	border:none;
	width:50px; 
	height: 40px;
	margin-right: 8px;
	margin-left:300px;
	float:left;
	clear:right;
} 
#element3b_btn_right_bottom
{
	display:inline-block;
	border:none;
	width:40px;
	height: 40px; 
	margin-right: 8px;
	float:left;
	clear:right;
} 

.elementContainer
{
	width: 820px;
	height: 50px;
	margin: 5px 0px 20px 0px;
	
}


/* ------------- Font/Text/Buttons ------------- */

.mainMenuBTN 
{
	width: 180px;
	height: 30px;
	padding-top: 10px;
	background-color: rgba(255,255,255,1.00);
	border-radius: 12px;
	color: #255578;
	text-align:center;
}

.fontTop
{
	font-size: 18px;
	color: #255578;
	font-weight: bold;
}
.fontTopSub
{
	font-size: 16px;
	color: #255578;
	font-weight: normal;
	padding-right: 10px
}




/* ------------- CSS Popup Image ------------- */


.thumb img {
	margin:0px;
	float:left;
}

.thumb span {
	position:relative;
	top:12px;
	left:-40px;
	/*visibility:hidden;*/
	display:none;
	z-index:2;
}

.thumb:hover, .thumb:hover span {
	/*visibility:visible;*/
	display:inherit;
}

#triangle
{
	top:25px;
}

#question
{
	left:-200px;
}

#question
{
	left:-200px;
}

#review
{
	top:-350px;
}

#pause
{
	top:-350px;
}

#flag
{
	top:-350px;
}

#options
{
	top:-350px;
}

#back
{
	top:-370px;
	left:-300px;
	
}

#next
{
	top:-370px;
	left:-300px;
	
}

#secure-browser-exit
{
	width:1070px;
	padding-top: 40px;
	padding-right: 2px;

}

#secure-browser-exit-link
{
	float:right;
}