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

/* Eric Meyer Reset min */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video	{
		border:0;
		font-size:100%;
		font:inherit;
		vertical-align:baseline;
		margin:0;
		padding:0
		}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section	{
	display:block
	}
	
body	{
	line-height: 1.75;
	font-family: 'Oxygen', sans-serif;
	font-weight: 300;
	font-size: 14pt;
	}
ol,ul	{
	list-style:none
	}
blockquote,q	{
	quotes:none
	}
blockquote:before,blockquote:after,q:before,q:after	{
	content:none
	}
table	{
	border-collapse:collapse;
	border-spacing:0;
	}
/*End of Reset*/

/*Fonts
	font-family: 'Oxygen', sans-serif; 300  400  700
	font-family: 'Oleo Script Swash Caps', cursive; 400  700*/

/*Colours:
Dark Blue: #153d89;
Mid Blue: #1d71b8;
Light Blue: #37baec;*/

body 	{
	background-image: url(img/bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.header	{
	width: 100%;
	height: 57px;
	background-color: black;
}

/*navigation*/

/* Navbar container */
.navbar {
  overflow: hidden;
  font-family: Arial;
	background-color: #000000;
}

/* Links inside the navbar */
.navbar	{
	float: right;
	margin-right: 2%;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 30px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown {
	float: left;
	overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 16px; 
  border: none;
  outline: none;
  color: white;
  padding: 19px 16px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
	background: rgb(1,163,46); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(1,163,46,1) 0%, rgba(1,163,47,1) 47%, rgba(1,142,2,1) 56%, rgba(2,142,16,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(1,163,46,1) 0%,rgba(1,163,47,1) 47%,rgba(1,142,2,1) 56%,rgba(2,142,16,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(1,163,46,1) 0%,rgba(1,163,47,1) 47%,rgba(1,142,2,1) 56%,rgba(2,142,16,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01a32e', endColorstr='#028e10',GradientType=0 ); /* IE6-9 */	
	color: #FFF;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #003F87;
  min-width: 50px;
	max-width: 165px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/*end nav*/

.transFrame	{
	width: 80%;
	min-height: 800px;
	display: block;
	margin: 0 auto;
	margin-top: 10%;
	background-color: #FFFFFF;
	opacity: 0.7;
	border-top-right-radius: 40px;
	border-top-left-radius: 40px;
	padding: 2%;
	position: relative;
	z-index: 1;
}

.logoAbsolute	{
	width: 50%;
	height: auto;
	margin-top: 5%;
	margin-left: 5%;
	display: block;
	position: absolute;
	z-index: 99;
	opacity: 1.0;
}

.textDiv	{
	width: 80%;
	height: auto;
	display: block;
	margin: 5% auto;
	text-align: center;
}

.textDivLeft	{
	width: 80%;
	height: auto;
	display: block;
	margin: 10% auto;
	text-align: left;
}

.textDivLeft ul	{
	padding-top: -1em;
}

.textDivLeft li	{
	list-style-type: disc;
	margin-left: 1.5%;
}

.textDivLower	{
	width: 80%;
	height: auto;
	display: block;
	margin: 15% auto;
	text-align: center;
	font-family: 'Oxygen', sans-serif;
	font-size: 48px;
	color: aliceblue
}

.imageul li	{
	list-style: none;
	display: inline;
	float: left;
}

.imageul img	{
	width: 20%;
	margin-right: 2%;
	height: auto;
	float: left;
}

.imageul2 img	{
	width: 10%;
	margin-right: 2%;
	height: auto;
	float: left;
}


.h1	{
	font-family: 'Oleo Script Swash Caps', cursive;
	font-weight: 400;
	font-size: 48pt;
	color: #153d89;
}

.h1Narrow	{
	width: 40%;
	font-family: 'Oleo Script Swash Caps', cursive;
	font-weight: 400;
	font-size: 48pt;
	color: #153d89;
}

.h2	{
	font-family: 'Oxygen', sans-serif;
	font-weight: 700;
	font-size: 20pt;
	color: #1d71b8;
}

.h3	{
	font-family: 'Oxygen', sans-serif;
	font-weight: 400;
	font-size: 18pt;
	color: #4E4D4D;
}

.bold	{
	font-weight: 700;
	color: #1d71b8;
}

p 	{
	padding-bottom: 1.5em;
}

.blueBold	{
	font-weight: 700;
	color: #153d89;
}

/*Contact*/
.contactLeft	{
	padding-top: 4%;
	width: 35%;
	min-height:	370px;
	text-align: left;
	float: left;
	padding-left: 10%;
}

.contactRight	{
	background-color: #FFFFFF;
	padding-top: 0;
	margin-top: -10%;
	width: 35%;
	min-height:	370px;
	text-align: left;
	float: right;
	opacity: 1,0;
}

.contactLeft a, .contactRight a	{
	color: #153d89;
	font-weight: 400;
	text-decoration: none;	
}

#iframe	{
	background-color: white;
}