@font-face {
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  src: url(/fonts/fontawesome-webfont.woff2) format('woff2'),
       url(/fonts/fontawesome-webfont.eot) format('eot');
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
  }

/* TO REMOVE WHITE SPACE AROUND DIVS */ 
html {
 height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

body {
/*min-width: 100%;*/
/*min-height: 100%;*/
background-size: 100%;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
height: 100%;
margin: 0;
padding: 0;
width: 100%;
/*line-height: 25px;*/
background-color:#eeeeee !important;
} 

/*.5pad { padding:5px; }*/

.white { background-color: #ffffff; }

.acroblue { background-color:#5e8ed8;}

p {
margin:0px;
padding:10px;
/*text-align:left;*/
color:#000000;  
font-size:18px;
}

blockquote {
margin:0px;
padding:10px;
/*text-align:left;*/
color:#000000;  
font-size:18px;
}

H1 {
/*margin:10px;*/
padding:0px;
color:#a70a25;  
font-size:24px;
font-weight: bold;
}

h2 {
margin:10px;
padding:0px;
color:#000099;  
font-size:20px;
font-weight: bold;
}

h3 {
margin:10px;
padding:0px;
color:#000099;  
font-size:20px;
font-weight: bold;
}

H4 {text-decoration: none; color: #000000; font-size: 14px; font-weight: bold}

H5 {text-decoration: none; color: #ffffff; font-size: 12px; font-weight: bold}

li {
margin:0px;
padding:5px;
color: #000000;
text-decoration: none;
font-size: 18px
}
	
a:link {text-decoration: none; color: #000000; font-size: 16px; font-weight: normal}
a:visited {text-decoration: none; color: #000000; font-size: 16px; font-weight: normal}


a.logo:link {text-decoration: none; color: #ff9900; font-size: 14px; font-weight: bold}

a.logo:visited {text-decoration: none; color: #990099; font-size: 14px; font-weight: bold}

a.logo:hover {text-decoration: none; color: #ff0000; font-size: 14px; font-weight: bold}

a.logo:active {text-decoration: none; color: #ff0000; font-size: 14px; font-weight: bold}	

	
a.htmlrotate:link {text-decoration: none; color: #000099; font-size: 16px; font-weight: bold}

a.htmlrotate:visited {text-decoration: none; color: #330033; font-size: 16px; font-weight: bold}

a.htmlrotate:hover {text-decoration: none; color: #ff0000; font-size: 16px; font-weight: bold}

a.htmlrotate:active {text-decoration: none; color: #ff0000; font-size: 16px; font-weight: bold}


a.wbg:link {text-decoration: none; color: #0000ff; font-size: 16px; font-weight: bold}

a.wbg:visited {text-decoration: none; color: #666666; font-size: 16px; font-weight: bold}

a.wbg:hover {text-decoration: none; color: #ff0000; font-size: 16px; font-weight: bold}

a.wbg:active {text-decoration: none; color: #ff0000; font-size: 16px; font-weight: bold}


a.wbg11:link {text-decoration: underline; color: #000099; font-size: 18px; font-weight: bold;}

a.wbg11:visited {text-decoration: underline; color: #660066; font-size: 18px; font-weight: bold;}

a.wbg11:hover {text-decoration: underline; color: #ff0000; font-size: 18px; font-weight: bold;}

a.wbg11:active {text-decoration: underline; color: #ff0000; font-size: 18px; font-weight: bold;}


a.wbg12:link {text-decoration: underline; color: #000099; font-size: 18px; font-style: italic; font-weight: bold;}

a.wbg12:visited {text-decoration: underline; color: #660066; font-size: 18px; font-style: italic; font-weight: bold;}

a.wbg12:hover {text-decoration: underline; color: #ff0000; font-size: 18px;  font-style: italic; font-weight: bold;}

a.wbg12:active {text-decoration: underline; color: #ff0000; font-size: 18px; font-style: italic; font-weight: bold;}


a.wbg20:link {text-decoration: underline; color: #000099; font-size: 20px; font-weight: bold;}

a.wbg20:visited {text-decoration: underline; color: #660066; font-size: 20px; font-weight: bold;}

a.wbg20:hover {text-decoration: underline; color: #ff0000; font-size: 20px; font-weight: bold;}

a.wbg20:active {text-decoration: underline; color: #ff0000; font-size: 20px; font-weight: bold;}


a.wbg22:link {text-decoration: underline; color: #000099; font-size: 22px; font-weight: bold;}

a.wbg22:visited {text-decoration: underline; color: #660066; font-size: 22px; font-weight: bold;}

a.wbg22:hover {text-decoration: underline; color: #ff0000; font-size: 22px; font-weight: bold;}

a.wbg22:active {text-decoration: underline; color: #ff0000; font-size: 22px; font-weight: bold;}


a.footer:link {text-decoration: none; color: #ffffff; font-size: 16px; font-weight: normal;}

a.footer:visited {text-decoration: none; color: #ffff99; font-size: 16px; font-weight: normal;}

a.footer:hover {text-decoration: none; color: #ff0000; font-size: 16px; font-weight: normal;}

a.footer:active {text-decoration: none; color: #ff0000; font-size: 16px; font-weight: normal;}


a.img {border: none;}
	
img.mycenter {margin-left:auto; margin-right:auto; display:block; text-align:center;} 

centeredImage {text-align:center; margin-top:0px; margin-bottom:0px; padding:0px;}


.acroblue {font-size: 20px; color: #5d8ed7; font-weight: bold;}

.black12 {font-size: 12px; color: #000000; font-weight: bold;}

.black16 {font-size: 16px; color: #000000; font-weight: normal;}

.blue16 {font-size: 16px; color: #000066; font-weight: bold;}

.blue18 {font-size: 18px; color: #000099; font-weight: bold;}

.red16 {font-size: 16px; color: #a70a25; font-weight: bold;}

.red18 {font-size: 18px; color: #a70a25; font-weight: bold;}

.box {
margin:0;
padding:10px;
width:400px;
height:100px;
border-style:solid;
border-width: thin thin thin thin;
border-color:#a70a25;
background-color:#ffffdd;
font-size:18px;
}

.pad10 {
padding:10px 10px 0 10px;
}  

.pad20 {
padding:0 20px 0 20px;
line-height: 20px;
}

.f2f2f2 {
background-color: #f2f2f2;
padding:2px;
}

.yellowbox {
margin:0;
padding:5px 5px 5px 5px;
/*width:400px;*/
/*height:20px;*/
border-style:solid;
border-width: thin thin thin thin;
border-color:#990000;
background-color:#ffffdd;
}

.bigyellowbox {
margin:0;
padding:0;
/*width:400px;*/
/*height:20px;*/
border-style:solid;
border-width: thin thin thin thin;
border-color:#000066;
background-color:#ffffdd;
/*color:#000066;  
font-size:11px;*/
}

.lineheight20 {
line-height: 20px;
}

.lineheight30 {
line-height: 30px;
}

div.maxwidth800 {
    float: left;
	max-width: 800px;
    margin: auto;
}

.height30 {
margin:0;
padding:0;
width:100%;
height:30px;
}

/*FOR ACCESIBILITY BY SCREENREADERS*/

.skip {
        position: absolute;
        top: -1000px;
        left: -1000px;
        height: 1px;
        width: 1px;
        text-align: left;
        overflow: hidden;
    }
    
    a.skip:active, 
    a.skip:focus, 
    a.skip:hover {
        left: 0; 
        top: 0;
        width: auto; 
        height: auto; 
        overflow: visible; 
    }

@media only screen and (max-width: 360px) {	
	div.maxwidth360 {
    margin: 0;
  }
 }
 
.sixteenninecontainer {
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
}
.sixteenninecontainer::after {
    display: block;
    content: '';
    padding-bottom: 56.25%;
}
.sixteenninecontainer img {
    position: absolute;
    left: 0;
	top: 0;
    width: 100%;
    height: 100%;
}

input[type=button], input[type=submit], input[type=text], input[type=email]
 {
  display: inline-block;
  width: 100%;
  max-width: 240px;
  color: #000000;
  background-color: #ffffff;
  border-style: solid !important;
  border-width: 1px;
  border-color: #ffffff;
  border-radius: 15px;
  padding: 5px 5px;
  box-sizing: border-box;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;  
  outline: none;
}

  .responsive {
    margin: auto;
	width: 100%;
	max-width: 600px;
	max-height: 200px;
	padding: 10px;	
    display: inline-block;
	text-align: center;
    position: relative;
    background-color: #ff3300;
    background-size: contain;
}

.dummy {
    padding-top: 29%;
} 

 input.larger {
        width: 50px;
        height: 50px;
      }
	  
input.bigger {
        transform: scale(5);
        margin: 30px;
      }
	  
/*REPLACES W3-THEME-BLUE.CSS*/  	  
.w3-theme-d2 {
color:#fff !important;
background-color:#000000 !important
}

.background {
background-color: #00ff00;
}

a.bbg:link {text-decoration: none; color: #ffffff; font-size: 18px; font-weight: bold}

a.bbg:visited {text-decoration: none; color: #660066; font-size: 18px; font-weight: bold}

a.bbg:hover {text-decoration: none; color: #ffff00; font-size: 18px; font-weight: bold}

a.bbg:active {text-decoration: none; color: #ffff00; font-size: 18px; font-weight: bold}

.p1 {
margin: 0;
/*padding: 10px;*/
/*text-align:left;*/
color: #000000;  
font-size: 18px;
}