body 
	{
	width:100%;
	padding:0;
	border:0;
	margin:0;
 	background: #fff;
  	font-family: 'Raleway', sans-serif;
	}

	#page 
		{
		width:100%;
		padding:0;
		border:0;
		margin:0;
		background:#fff;
		font-weight:300;
		line-height:150%;
		color:#005d97;
  		color:#113656;
  		font-size:0.9em;
		}

		p
		{
		padding:0;
		border:0;
		margin:0 0 15px 0;
		}

		h1
    	{
    	padding:0 5% 0 5%;
    	width:90%;
		border:0;
		margin:0;
		font-size:1.4em;
		line-height:260%;
		letter-spacing:0.1em;
		color: #005d97;
		}

			h1 a,
			h1 a:link,
			h1 a:visited
			{
  			text-decoration:none;
  			color:#113656;
  			color:#005d97;
  			border:0;
  			}

  			h1 a:active,
  			h1 a:hover
  				{
  				border:0;
  				text-decoration:none;
				color:#005d97;
				border-bottom:2px solid;
  				}

  		h2
		{
		padding:0;
		border:0;
		margin:0;
		font-weight:400;
		letter-spacing:0.1em;
		color:#113656;
		color:#005d97;
		line-height:120%;
		text-transform:uppercase;
		font-size:1.3em;
		text-align:left;
		color: #7ebae7;
		font-family: 'Comfortaa', sans-serif;
		}

		h3
		{
		padding:10px 0 0 0;
		margin:0;
		font-weight:400;
		font-size:1.2em;
		letter-spacing:0.09em;
		text-transform:uppercase;
		font-family: 'Comfortaa', sans-serif;
		}

		h4
		{
		font-size:0.7em;
		padding:15px 0 15px 0;
		border:0;
		margin:0;
		font-weight:300;
		line-height:140%;
		color: #808080;
		letter-spacing:0.05em;
		}

		a,
		a:link,
		a:visited
		{
		color:#113656;
		text-decoration:none;
		border-bottom:1px solid #113656;
		}

		a:active,
		a:hover 
			{
			text-decoration:none;
  			border:0;
  			border-bottom: 2px solid #7ebae7;
  			color:#005d97;
			}

		#header
			{
			width: 100%;
			padding:0;
		  	border:0;
		  	border:0;
		  	margin:0;
		  	position: fixed;
		  	z-index: 3; /*this makes it possible to turn off toggle*/
		  	top: 0;
		  	color:#113656;
		  	text-transform:uppercase;
		  	background:#fff;
		  	font-family: 'Comfortaa', sans-serif;
			}

		section 
			{
			width: 100%;
			padding:0;
  			border:0;
  			margin:0;
  			text-align: left;
			}

			section#top
				{
				width:100%;
				height:100%;
				padding:0;
				border:0;
				margin:40px 0 0 0;
				overflow:hidden;
				background:#fff;
				}

				section#top h3
					{
					margin-top:10px;
					margin-bottom:15px;
					}

				.content
					{
					width:100%;
					max-width:1000px;
					padding:0;
					border:0;
					margin-top:0;
					margin-right:auto;
					margin-bottom:0;
					margin-left:auto;
					}

					.code
						{
						width:90%;
						padding:15px 2.5% 10px 2.5%;
						border:1px solid #7ebae7;
						margin:0 0 20px 0;
						color: #005d97;
						}

					.contentimage,
					.contentimage2
						{
						width:100%;
						max-width:100%;
						padding:0;
						border:0;
						margin:0;
						}

						.parties
							{
							width:100%;
							max-width:100%;
							padding:0;
							border:0;
							margin:0;
							}

					.contenttext,
					.contenttext2
						{
						width:90%;
						padding:10px 5% 20px 5%;
						border:0;
						margin:0;
						background:#fff;
						font-size:1.15em;
						line-height:150%;
						}

					section#top .contenttext
						{
						background:#005d97;
						color:#fff;
						color:#7ebae7;
						letter-spacing:0.06em;
						font-size:1em;
						color:#d4e7f7;
						}

						section#top h2
							{
							color:#fff;
							padding-top:10px;
							letter-spacing:0.2em;
							}

						section#top .contenttext a,
						section#top .contenttext a:link,
						section#top .contenttext a:visited
							{
							color:#7ebae7;
							text-decoration:none;
							border-bottom:1px solid #7ebae7;
							}

						section#top .contenttext a:active,
						section#top .contenttext a:hover
							{
							color:#fff;
							border-bottom:2px solid #fff;
							}

						.everything
							{
							border-top:1px dotted #7ebae7;
							border-bottom:1px dotted #7ebae7;
							padding:10px 0 10px 0;
							margin:15px 0 10px 0;
							font-size:0.8em;
							color:#7ebae7;
							line-height:100%;
							text-align:right;
							letter-spacing:0.05em;
							}

						.everything a,
						.everything a:link,
						.everything a:visited
							{
							padding:9px;
							border:0;
							margin:0 0 0 10px;
							background:#7ebae7;
							color:#fff;
							width:100%;
							text-align:right;
							letter-spacing:0.05em;
							text-decoration:none;
							}

						.everything a:active,
						.everything a:hover
							{
							background:#005d97;
							width:100%;
							}

							section#top .everything
								{
								color:#fff;
								border-top:1px dotted #7ebae7;
								border-bottom:1px dotted #7ebae7;
								margin-top:30px;
								letter-spacing:0.1em;
								color:#efefef;
								}

								section#top .everything a,
								section#top .everything a:link,
								section#top .everything a:visited
									{
									padding:9px;
									border:0;
									margin:0 0 0 10px;
									color:#005d97;
									letter-spacing:0.1em;
									font-weight:500;
									}

								section#top .everything a:active,
								section#top .everything a:hover
									{
									background:#fff;
									}

						.contenttext ul
							{
							border:0;
							padding:0;
							margin:10px 0 0 15px;
							}

							.contenttext ul li 
								{
								padding-bottom:15px;
								}

					.sectioncontent
						{
						clear:left;
						width:90%;
						padding:20px 5% 40px 5%;
						border:0;
						margin:0;
						}

		#footer
			{
			clear:left;
			clear:right;
			width:100%;
			padding:40px 0 30px 0;
			border:0;
			margin-top:0;
			margin-right:auto;
			margin-left:auto;
			margin-bottom:0;
			overflow:hidden;
			background:	#113656;
			font-weight:300;
			font-family: 'Comfortaa', sans-serif;
			font-size:0.9em;
			text-transform:uppercase;
			color:#efefef;
			letter-spacing:0.2em;
			}

			.footercontent
					{
					width:90%;
					max-width:1000px;
					padding:0 5% 0 5%;
					border:0;
					margin-top:0;
					margin-right:auto;
					margin-bottom:0;
					margin-left:auto;
					}

			#footer ul
				{
				list-style-type: none;
				width:90%;
				max-width:1000px;
				padding:0 5% 30px 5%;
				border:0;
				border-bottom: 1px solid #7ebae7;
				margin-top:0;
				margin-right:auto;
				margin-left:auto;
				margin-bottom:0;
				}

				#footer ul li
					{
					padding:0 0 15px 0;
					border:0;
					margin:0;
					}

				#footer ul a,
				#footer ul a:link,
				#footer ul a:visited
					{
					text-decoration:none;
					border:0;
					color:#efefef;
					}

				#footer ul a:active,
				#footer ul a:hover
					{
					text-decoration:none;
					color: #7ebae7;
					border-bottom:2px solid;
					}

		.footer-bottom
			{
			clear:left;
			clear:right;
			width:100%;
			padding:0 0 40px 0;
			border:0;
			margin-top:0;
			margin-right:auto;
			margin-left:auto;
			margin-bottom:0;
			background:	#113656;
			overflow:hidden;
		  	font-family: 'Comfortaa', sans-serif;
		  	font-size:0.7em;
		  	font-weight:300;
			color:#efefef;
			letter-spacing:0.3em;
			text-align:left;
			text-transform:uppercase;
			line-height:150%;
			}

			.footer-bottom a,
			.footer-bottom a:link,
			.footer-bottom a:visited
				{
				text-decoration:none;
				color:#efefef;
				font-weight:300;
				color:#fff;	
				border:0;
				padding:0;
				}

			.footer-bottom a:active,
			.footer-bottom a:hover
				{
				border-bottom:1px solid;
				color:#7ebae7;
				text-decoration:none;
				}

				.copyright
					{
					padding:13px 0 30px 0;
					}

					.copyright p
						{
						font-size: 0.7em;
						text-transform:none;
						line-height:150%;
						padding-top:10px;
						padding-bottom:20px;
						letter-spacing:0.08em;
						}

				.back a,
				.back a:link,
				.back a:visited
					{
					text-decoration:none;
					float:right;
					padding:0;
					color: #7ebae7;
					}
		
				.back a:active,
				.back a:hover
					{
					text-decoration:none;
					}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }


/* ------------------------------------------
  RESPONSIVE NAV STYLES
--------------------------------------------- */


.nav-collapse ul 
	{
  	margin: 0;
  	padding: 0;
  	width: 100%;
  	display: block;
  	list-style: none;
	}

	.nav-collapse li 
		{
  		width: 100%;
  		display: block;
		}

.js .nav-collapse
	{
  	clip: rect(0 0 0 0);
  	max-height: 0;
  	position: absolute;
  	display: block;
  	overflow: hidden;
  	zoom: 1;
	}

.nav-collapse.opened
	{
  	max-height: 9999px;
	}

.disable-pointer-events
	{
  	pointer-events: none !important;
	}

.nav-toggle 
	{
  	-webkit-tap-highlight-color: rgba(0,0,0,0);
  	-webkit-touch-callout: none;
  	-webkit-user-select: none;
  	-moz-user-select: none;
 	 -ms-user-select: none;
 	 -o-user-select: none;
 	 user-select: none;
	}

@media screen and (min-width: 770px) {

.js .nav-collapse 
	{
    position: relative;
  	}

.js .nav-collapse.closed 
	{
    max-height: none;
  	}

  .nav-toggle 
  	{
    display: none;
  	}
}

/* ------------------------------------------
  MASK
--------------------------------------------- */

.mask 
	{
  	-webkit-transition: opacity 300ms;
  	-moz-transition: opacity 300ms;
  	transition: opacity 300ms;
  	background: rgba(0,0,0, .5);
  	visibility: hidden;
  	position: fixed;
  	opacity: 0;
  	z-index: 2;
  	bottom: 0;
  	right: 0;
  	left: 0;
  	top: 0;
	}

.android .mask 
	{
  	-webkit-transition: none;
  	transition: none;
	}

.js-nav-active .mask 
	{
  	visibility: visible;
  	opacity: 1;
	}

@media screen and (min-width: 40em) {
  	.mask
  		{
    	display: none !important;
    	opacity: 0 !important;
  		}
}

/* ------------------------------------------
  NAVIGATION STYLES
--------------------------------------------- */

/*mobile as default <770px*/


.nav-collapse
	{
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	width: 100%;
  	max-width:1000px;
  	padding:0;
  	border:0;
  	margin:0;
  	background:#005d97;
  	text-align:center;
  	clear:left;
  	display:block;
	}

.nav-collapse ul 
	{
  	list-style-type: none;
  	width: 100%;
  	padding:0;
  	border:0;
  	margin:0;
  	text-align:left;
  	letter-spacing:0.3em;
	}

	.nav-collapse li
		{
		width:100%;
		border-top:1px solid #fff;
		margin:0;
		font-weight:300;
		}

	.nav-collapse li a,
	.nav-collapse li a:link,
	.nav-collapse li a:visited
		{
  		-webkit-tap-highlight-color: rgba(0,0,0,0);
  		display:block;
  		background: #f4421a;
  		padding:10px 0 10px 5%;
  		border:0;
  		color: #fff;
  		background:#005d97;
  		text-decoration: none;
		}

	.nav-collapse li a:active,
	.nav-collapse li a:hover 
		{
  		background: #7ebae7;
  		border:0;
		}

/*desktop size >770px*/

@media screen and (min-width: 500px) {

	.nav-collapse ul
	{font-size:0.8em;}

	}

@media screen and (min-width: 770px) {

	h1
	{
	text-align:center;
	float:none;
	width:100%;
	max-width:1000px;
	padding:15px 0 5px 0;
	border:0;
	margin-top:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	font-size:1.5em;
	line-height:100%;
	color: #005d97;
	}

	h1 a,
	h1 a:link,
	h1 a:visited
	{
	text-align:center;
	float:none;
	width:100%;
	padding:10px 0 0 0;
	border:0;
	margin:0;
	color: #005d97;
	line-height:100%;
	text-decoration:none;
	}

	h1 a:active,
	h1 a:hover
	{
	border-bottom:2px solid #005d97;
	text-decoration:none;
	}

	h2
	{
	font-size:1.8em;
	margin-bottom:10px;
	}
		
	h3
	{
	padding:15px 0 0 0;
	margin:0;
	font-size:1.3em;
	}

	h4
	{
	font-size:0.8em;
	padding:15px 0 20px 0;
	border:0;
	margin:0;
	font-weight:300;
	line-height:140%;	
	}

.nav-collapse 
  	{
    width:80%;
    max-width:1000px;
    padding:5px 10% 0 10%;
    margin-top:0;
    margin-left:auto;
    margin-right:auto;
    border:0;
  	background:#fff;
  	font-size:1.14em;
  	text-align:center;
  	letter-spacing:0.1em;
  	}

  	.nav-collapse ul
  		{
  		font-size:0.9em;
  		letter-spacing:0.1em;
  		}

  	.nav-collapse li 
		{
  		float:left;
  		width:20%;
  		padding:0;
  		border:0;
  		border-bottom:3px solid #fff;
  		margin:0;
		}

  		.nav-collapse li a,
  		.nav-collapse li a:link,
  		.nav-collapse li a:visited
  			{
    		border:0;
    		padding: 0;
    		text-align: center;
    		float: left;
    		margin: 0;
  			color:#113656;
  			color: #005d97;
  			background:#fff;
  			font-weight:bold;
  			text-align:center;
  			}

  		.nav-collapse li a:active,
  		.nav-collapse li:hover
  			{
  			padding:0;
  			border-bottom:3px solid #005d97;
  			margin:0;
  			text-decoration:none;
  			color: #005d97;
  			text-align:center;
  			}

	section#top
		{
		width:100%;
		height:100%;
		padding:0;
		border:0;
		margin:110px 0 0 0;
		overflow:hidden;
		}

		section#top .everything 
			{
			color:#fff;
			margin:0;
			margin-right:5%;
			}

		.content
			{
			clear:left;
			clear:right;
			overflow:hidden;
			background:#fff;
			}

			.everything
				{
				margin-top:25px;
				}

			.contentimage
				{
				width:50%;
				max-width:50%;
				float:left;
				padding:0;
				border:0;
				margin:0;
				}

			.contentimage2
				{
				width:50%;
				max-width:50%;
				float:right;
				padding:0;
				border:0;
				margin:0;
				}

			.contenttext
				{
				width:40%;
				float:left;
				padding:10px 5% 20px 5%;
				border:0;
				margin:0;
				background:#fff;
				font-size:1.1em;
				line-height:155%;
				letter-spacing:0.03em;
				}

		section#top.contexttext
			{
			width:45%;
			float:left;
			padding:10px 2.5% 20px 2.5%;
			border:0;
			margin:0;
			background:#fff;
			font-size:1.1em;
			line-height:155%;
			letter-spacing:0.03em;
			}

			.contenttext2
				{
				float:right;
				width:40%;
				padding:10px 5% 20px 5%;
				border:0;
				margin:0;
				background:#fff;
				font-size:1.1em;
				line-height:155%;
				letter-spacing:0.03em;
				}

#footer
	{
	text-align:center;
	}

	#footer ul
		{
		width:100%;
		max-width:1000px;
		list-style-type: none;
		}

		#footer ul li 
			{
			display:inline;
			padding-left:15px;
			line-height:300%;
			}

			.footer-bottom
				{
				text-align:center;
				}

}

@media screen and (min-width: 1030px) {
	.contenttext
		{
		
		}

	.contenttext2
		{
		padding-left:0;
		padding-right:5%;
		width:45%;
		margin:0;
		}
	}

/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

@font-face 
	{
  	font-family:Akkurat, 'helvetica neue', helvetica, arial, sans-serif;
  	font-family: 'Comfortaa', sans-serif;
  	src:url("../icons/responsivenav.eot");
  	src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../icons/responsivenav.ttf") format("truetype"),
    url("../icons/responsivenav.woff") format("woff"),
    url("../icons/responsivenav.svg#responsivenav") format("svg");
  	font-weight: normal;
  	font-style: normal;
	}

.nav-toggle
	{
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
  	position:absolute;
  	overflow: hidden;
  	width: 60px;
  	height:100%;
  	float: right;
  	padding:0;
  	border:0;
  	margin:0;
  	right:0;
  	top:0;
  	text-indent: -300px;
	}


.nav-toggle:before 
	{
	width: 100%;
	height:100%;
	padding:0;
  	border:0;
  	margin:0;
  	position: absolute;
  	right:0;
  	color: #005d97; /* Edit this to change the icon color */
  	font: normal 40px/50px "responsivenav"; /* Edit font-size (28px) to change the icon size */
  	font-family: 'Comfortaa', sans-serif;
  	speak: none;
  	content: "\2261"; /* Hamburger icon */
  	text-indent: 0;
  	text-decoration:none;
  	text-transform: none;
  	text-align: center;
	}

.nav-toggle.active:before 
	{
	font-family:Akkurat, 'helvetica neue', helvetica, arial, sans-serif;
	font-family: 'Comfortaa', sans-serif;
  	content:"close";
  	border:0;
  	text-decoration:none;
  	content: "\78"; /* Close icon */
  	color:#005d97;
	}

a.nav-toggle,
a:link.nav-toggle,
a:visited.nav-toggle
	{
	text-decoration:none;
	border:0;
	}




/*
palest blue: #7ebae7;
mid blue: #005d97;
dark blue: #113656;
*/