@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: 'FuturaMedium';
  src: local('Futura Medium'), url("futura_medium_bt.ttf");
}
@font-face {
  font-family: 'FuturaMediumCond';
  src: local('Futura Medium Consed'), url("futura_medium_condensed_bt.ttf");
}
@font-face {
  font-family: 'FuturaBook';
  src: local('Futura Book'), url("Futura_Book_font.ttf");
}
@font-face {
  font-family: 'FuturaBold';
  src: local('Futura Bold'), url("Futura_Bold_font.ttf");
}


html,
body { height:100%; padding:0; margin:0; font-size:20px; background-color:#ffffff; font-family: Arial, Helvetica, sans-serif;}
* { box-sizing: border-box;}
a { color:red; text-decoration:none;}
h1{ font-family:FuturaMediumCond; font-size:28px; color:red; text-shadow: 2px 2px 3px #666; font-weight:normal; line-height:28px; border-bottom:1px solid black; display:inline-block;}
h2{ font-family:FuturaMediumCond; font-size:22px; color:red; text-shadow: 1px 1px 2px #666; font-weight:normal;}

#wrapper{ width:100%; min-height:100%; position:relative;}
#innerwrapper{ width:100%; padding-bottom:100px;}
#header{ width:100%;}
#navigationwrapper{ width:100%; background-color:red; text-align:center;}
#content{ width:90%; margin:auto; position:relative; padding-bottom:140px;}
.clearboth{ clear:both; display:table;}
.redhead{ color:red; font-size:24px; font-family:FuturaMediumCond; text-shadow: 1px 1px 2px #666;}
.italic{ font-style:italic;}
#innerwrapperEagle{ width:100%;}
.futuraBold{ font-family:FuturaBold;}
.futuraMedium{ font-family:FuturaMedium;}
.pinkback{ background-color:#fedbdb;}
.red{ color:red;}

.pageheaderBlackmedium{ font-family:FuturaMediumCond; font-size:22px; color:black; margin-top:-15px;}

.mediumheaderRed{ display:inline-block; margin:auto; padding-top:50px;}
.mediumheaderRedinner{ border-bottom:black solid 2px; font-family:FuturaMediumCond; font-size:22px; color:red; text-shadow: 1px 1px 2px #666; }


/* Home page */
#hometop{ width:100%; padding-bottom:20px;}
#homecontent{ width:100%;}

ul { text-align: left; display: inline; margin: 0; padding: 15px 4px 17px 0; list-style: none; font-size:24px; font-family:FuturaBold; color:white; text-shadow: 2px 2px 3px #000000; z-index:99;}
ul a { color:white;}
ul li { display: inline-block; margin-right: -4px; position: relative; padding: 10px 20px; cursor: pointer;}
ul li:hover { background: #fedbdb; color:black; text-shadow:none;}
ul li ul { padding: 0; position: absolute; top: 50px; left: 0; width: 100%; display: none; visibility: hidden; box-shadow: 2px 2px 4px #b7b7b7; -webkit-box-shadow: 2px 2px 4px #b7b7b7; -moz-box-shadow: 2px 2px 4px #b7b7b7;}
ul li ul a { text-decoration:none;}
ul li ul li { background: rgba(255, 255, 255, 1); display: block; color:red; font-size:20px; text-shadow:none; width:100%;}
ul li ul li:hover { background:red; color:white; }
ul li:hover ul { display: block; opacity: 1; visibility: visible;}
.bullet{ color:white; font-size:20px; padding:0 20px;}

#hometoplogo{ width:100%; max-width:400px; margin:auto; margin-top:10px;}
#homecontentimage{ width:1000px; margin:auto;}
#homecontentimageNew{ width:80%; margin:auto;}
#hometext{ width:800px; margin:auto; text-align:center; font-size:60px; font-style:italic; padding:70px 0; font-family:FuturaBook;}
#hometextNew{ width:90%; margin:auto; text-align:center; font-size:40px; font-style:italic; padding:30px 0; font-family:FuturaBook;}
#homeintrotext{ width:70%; margin:auto; text-align:center; font-family:FuturaBook; font-size:24px; padding-bottom:20px;}
/* Close Home page */

#masthead{ width:90%; margin:auto; padding-top:10px;}
#mastlogo{ width:150px; height:113px; margin:auto;}
#maststatement{ width:90%; margin:auto; padding-top:10px; text-align:center;}
#maststatementtext{ width:90%; margin:auto; padding-top:10px; text-align:center;}
/* About Us page */
#aboutstatementwrapper{ width:90%; margin:auto;}
.abouttextwrapper{ width:100%; max-width:800px; padding-top:20px;}
.eagleicon{ width:46px; height:49px; float:left;}
.abouttext{ font-size:26px; height:49px; padding-top:10px; margin-left:52px; font-family:FuturaBook; width: -webkit-max-content; width: -moz-max-content; width: max-content;}
.aboutmediumtext{ font-size:22px; font-family:FuturaBook;}

#aboutimagewrapper{ width:300px; margin:auto; margin-top:0px;}
#train1{ width:300px; margin:auto; padding-bottom:20px;}
#fire{ width:172px; margin:auto; padding-bottom:20px;}
#telephonepole{ width:250px; margin:auto; padding-bottom:20px;}

#train23wrapper{ width:250px; margin:auto; padding-top:50px;}
.bottomimage{ width:250px; margin-right:0px; margin-bottom:10px;}
/* close About Us page */

/* Traing pages */
.textwrapper{ width:90%; max-width:800px; margin:auto; padding-top:20px;}
.text{ font-size:22px; font-family:FuturaBook; text-decoration:none;}
.text a { text-decoration:none; color:black;}

.bluewrapper{ width:420px; margin:auto; padding-top:20px; background: rgba(204, 255, 255, 0.5); margin-top:20px;}
.bluewrapperinner{ width:400px; margin:auto; padding-top:20px; border-bottom:1px solid #ACAAAA;}
.traningtextleft{ width:370px; font-size:20px; margin:auto; font-family:FuturaBook; margin-bottom:10px;}
.trainingimage{ width:380px; margin:auto; margin-bottom:20px;}
.trainingline{ width:90%; clear:both; padding-top:4px; margin:auto;}

.table{ width:96%; min-width:420px; margin:auto; font-family:FuturaBook; font-size:20px; border:1px solid #ACAAAA;}
.tablerow{ width:100%; border-bottom:1px solid #ACAAAA; clear:left; margin-bottom:2px; display:inline-block;}
.tablerowbottom{ width:100%; clear:left; margin-bottom:2px; display:block;}
.tableleft{ width:25%; min-width:100px; padding-left:2px; float:left;}
.tableright{ width:75%; margin-left:25%;}
.tablebottom{ width:98%; margin-left:2%;}

.disclaimertext{ width:800px; margin:auto; padding-top:6px; font-size:20px; font-family:FuturaBook;}
#dolimage{ width:400px; height:267px; margin:auto; padding-top:30px;}
#trainingimagewrapper{ width:350px; margin:auto; padding-top:30px;}
.trainingimageoverview{ width:350px; margin-right:0px; margin-bottom:10px;}
#trainingimagewrapper2{ width:350px; margin:auto;}
.trainingimageoverview2{ width:350px;}

#training1{ width:350px; height:233px; float:left;}
#training3{ width:350px; height:233px; clear:both; margin:auto; padding-top:10px;}


#training2{ width:350px; height:233px; float:right;}

/* close Traing pages */
#contactimage{ width:400px; height:265px; margin:auto; padding-top:30px;}

#footer{ width:100%; position:absolute; bottom:0; text-align:center; background-color:red; padding-bottom:30px;}
#footertext{ width:80%; margin:auto; text-align:center; color:white; line-height:20px; margin-top:30px; font-family:FuturaBook; text-decoration:none;}
#footertext a { text-decoration:none; color:white;}

@media only screen and (min-width: 500px) {
#aboutimagewrapper{ width:100%; max-width:300px; margin-left:200px; margin-top:-300px;}	
}

@media only screen and (min-width: 800px) {
#masthead{ width:580px; margin:auto; padding-top:10px;}
#mastlogo{ width:150px; height:113px; float:left;}
#maststatement{ width:430px; margin-left:180px; padding-top:30px; text-align:left;}
#maststatementtext{ width:430px; margin-left:180px; padding-top:10px; text-align:left;}
#innerwrapperEagle{ width:100%; background-image:url(images/Eagle.jpg); background-repeat:no-repeat; background-position:right top;}

.mediumheaderRedinner{ border-bottom:black solid 2px; font-family:FuturaMediumCond; font-size:30px; color:red; text-shadow: 1px 1px 2px #666; width: -webkit-max-content; width: -moz-max-content; width: max-content;}

#aboutimagewrapper{ margin-left:360px; position:relative; margin-top:50px;}
#train1{ width:300px; height:210px; margin-left:0px; margin-top:-220px; position:absolute;}
#fire{ width:172px; height:250px; margin-left:270px; margin-top:-370px; position:absolute;}
#telephonepole{ width:250px; height:172px; margin-left:270px; margin-top:-140px; position:absolute;}
#train23wrapper{ width:530px; margin:auto; padding-top:50px;}
.bottomimage{ width:250px; float:left; margin-right:10px; margin-bottom:0px;}

#trainingimagewrapper{ width:720px; margin:auto; padding-top:30px;}
.trainingimageoverview{ width:350px; margin-right:10px; margin-bottom:10px; float:left;}

.bluewrapper{ width:800px; margin:auto; padding-top:20px; padding-left:20px; padding-right:20px; background: rgba(204, 255, 255, 0.5); margin-top:20px;}
.bluewrapperinner{ width:760px; margin:auto; padding-top:20px; border-bottom:1px solid #ACAAAA;}
.traningtextleft{ width:370px; font-size:18px; font-family:FuturaBook; float:left;}
.trainingimage{ width:380px; margin-top:0px; margin-left:370px;}

.table{ width:800px; margin:auto; font-family:FuturaBook; font-size:18px;}
.disclaimertext{ width:100%; padding-left:10px; padding-top:6px; font-size:18px; font-family:FuturaBook;}
}