/* v2.0 | 20110126

http://meyerweb.com/eric/tools/css/reset/

  License: none (public domain)
*/
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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
html {
	-webkit-text-size-adjust: 100%;/* -ms-text-size-adjust: 100%;*/
	-webkit-tap-highlight-color: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* Was "1" in the original, changed to 0 to eliminate the vertical space between blocks TP */
body {
	line-height: 0;
}
ol, ul {
	list-style: none;
}


blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* floats */
.float-l { float: left; }
.float-r { float: right; }
.alignleft { float: left; margin-right: 10px; }
.alignright { float: right; margin-left: 10px; }
.centertxt { text-align: center; }

 

/* new font added */


@font-face {
    font-family: 'Mitremlap';
    src: url('../fonts/mitremlap-webfont.eot');
    src: url('../fonts/mitremlap-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mitremlap-webfont.woff2') format('woff2'),
         url('../fonts/mitremlap-webfont.woff') format('woff'),
         url('../fonts/mitremlap-webfont.ttf') format('truetype'),
         url('../fonts/mitremlap-webfont.svg#untitled1regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
	width: 100%;
	overflow-x: hidden;
}
body {
    font-family: Mitremlap;
    overflow-x: hidden;
    width: 100%;
    padding: 0; margin: 0;
}

a {
	text-decoration: none; 
	color: #000;
	outline: none;
}
a h3 {
	color: #333;
}
p {
    font-size:25px;
	line-height: 1.6em;
	margin-bottom: 10px;
	font-family: Mitremlap,sans-serif;
	color: #FFF;
}
h1,h2,h3,h4,h5,h6 { display: block; }
h1 {
	margin-bottom: 10px;
}
h2 {
	
    font-size:50px;
		line-height: 1.2em;
	font-family: Mitremlap, sans-serif;
	margin-bottom: 10px;
	color: #000;
}
sup {
	vertical-align: super;
	font-size: 60%;
}
b, strong { 
	font-weight: bold;
}
i, em {
	font-style: italic;
}
/* SECTIONS */
section {
	margin: 0;
	padding: 0;
	height: 1100px;
	position: relative; 
	width: 100%;
	background-position: center 0;
}
.container {
	width: 100%;
	padding: 0;
	margin: 0;
}
.content {
	margin: auto auto;
	position: relative;
	z-index: 1001; 
	padding: 10% 100px 50px 100px;
	overflow: hidden;
}
/* LOGO -logo_bg changed to percentage and the size changed*/
.logo {
	width: 867px;
	height: 60px;
	background: url(../img/logo_666.png);
	text-indent: -9999em;
	display: block;
	position: fixed;
	left: 19px;
	top: 19px;
	z-index: 999999;
	
/* This sets the second logo in the lower right corner.*/
}
.logo_bg {
	background: url(../img/BWS.gif) no-repeat;
	background-size:100%;
	width: 20%;
	height: 35%;
	z-index: 999999;
	position: fixed;
	bottom: 0%;
	right: 0px;
	margin-bottom: 0px
}
/* LOGO -fb_logo changed to percentage and the size changed*/
.fb_logo {
	width: 32px;
	height: 32px;
	background: url(../img/facebook32.png);
	display: block;
	position: fixed;
	left: 24px;
	bottom: 3%;
	z-index: 999999;
}
/* NAVIGATION */
header {
	position: relative;
	width: 100%;
}
/* This the area that changed the navigation type*/
.nav_container {
	background-color: none;
	position: fixed;
    font-size:25px;
	text-transform:uppercase;
	letter-spacing: 1.5px; 
	Top:10%;
	left: 2px;
	z-index: 99999;
	padding: 12px 10px;
	font-family: Mitremlap;
}
.nav { }
.nav li {
	display: list-item;
}
.nav li a {
	padding: 20px 10px;
	color: #666;
	font-size: 1.5 em;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.nav li a:hover {
	text color: #666;
}



/* Section Padding - aligns section content*/

/* #Section_Four .content  {
	padding-left: 0;
	padding-right: 0;
}*/
#Section_Three .content  {
	padding: 0 0 0 5%;
	
	
} 
#Section_Five .content  {
	padding: 10% 0 0 25%;
}

#Section_Six .content  {
	padding: 10% 0 0 35%;
	
	
} 
#Section_Seven .content  {
	padding: 10% 0 0 10%;
}




 /*#Section_17 .content  {
	padding-top: 200px;This brings the text image up to align properly. The front text image must be 1100px high or less or it will force the other text images up so the first image will not align when navigating
	padding-right: 0;
	padding-left: 0;

}*/