/* Background : 017dc5     fcccf6    Dk Blue 18318c   Light Blue 28AAE2     Yellow FEFE00 Text Blue aff5f4 */

#nav {
      position:absolute;
       top:9.5%;
        left:42%;



}
a:hover {
	color:#fff;
	background:#369;
	text-decoration:none;
}

#nowrap {
       white-space: nowrap
}



#linktobadger{
         position:absolute;
    top:10%;
        left:50%;
    a:hover{ background-color:red};
}




#choosebox {
        position:absolute;
       top:10%;
        left:30%;
}


img.background1{

             position:absolute;
        top:12%;
        left:0%;
        width: 100%;
        margin:00%;
        background:#000;
        color:#000;
        border:0px solid  lightgreen;
       


}
/*-----badgervids  ----*/
#playing  {

        position:absolute;
       top :20%;
        left :20%;
        width: 40%;
        margin:00%;
 
       

}

#demovid {

        position:absolute;
        top :25%;
   
        left :15%;
        width: 40%;
        margin:00%;
       

}

img.pic2page1 {

        position:absolute;
       bottom :12%;
        left:15%;
        width: 30%;
        margin:00%;
        background:#000;
        color:#000;
        border:1px solid #FEFE00;
       

}


#text1 {
        position:absolute;
       top :5%;
        left :9%;
        width: 80%;
        margin:00%;
        background:#000;
        color:light yellow;
        border:1px solid #000;
        text-align:center;      
       
}

#text2 {
        position:absolute;
       bottom :5%;
       left:9%;
        width: 80%;
        margin:00%;
        background:#000;
        color:light yellow;
        border:1px solid #000;
        text-align:center;      

}

#caption1 {
        position:absolute;
       top :5%;
       right:13%;
        width: 30%;
        margin:00%;
        background:#BCB2BB;
        color:#FEFE00;
        border:1px solid #FEFE00;
        text-align:center;      

}
#caption2 {
        position:absolute;
       top :52%;
       left:15%;
        width: 30%;
        margin:00%;
        background:#BCB2BB;
        color:#FEFE00;
        border:1px solid #FEFE00;
        text-align:center;      

}
#content {                

        position:absolute;
        
        top:10%;          
        left:15%;
        right:15%;
        
        Bottom:5%;        
        margin:5% 5% 1% 5%;
         
        color:lightgreen;
        font-family : "Comic Sans MS", cursive, sans-serif;
        font-size:120%;
        padding:1% 1% 1% 1% ;
border:1px solid lightgreen;
     
       / *   background:yellow;                */
   }    






#addressbox {
        position:absolute;
        bottom:10%;
        left:5%;
        width: 10%;
        margin:0%;
        background:#000;
        color:lightgreen;
        border:1px solid #FEFE00;
        text-align:center;      
        


}
#contacts {
        position:absolute;
           bottom:10%;
        Right:5%;
        width: 10%;
        background:#000;
        color:lightgreen;
        border:1px solid #FEFE00;
        /*padding:0 .5em;*/
        margin:0px 3px 0px 1px;
          text-align:center;
}

#topleftbox {
        
        overflow:hidden;
        position:absolute;
        top:17%;
        left:5%;
                                 /*bottom:160px;            135*/
        width:10%;
        background:#000;
        color:lightgreen;
        border:1px solid #FEFE00;
        margin:0px 0px 0px 0px;
        text-align:center                 
}



#toprightbox {
        
        overflow:hidden;
        position:absolute;
        top:17%;
        right:5%;
                                 /*bottom:160px;            135*/
        width:10%;
       background:#000;
        color:lightgreen;
        border:1px solid #FEFE00;
        margin:0px 0px 0px 0px;
        text-align:center                 
}


h1 {
        margin:0;
        padding:0;
        font-size:2em;
        line-height:3.0;
      
}




body {  
        overflow:scroll;
        margin: auto;
        padding:0;
        background:#000  ;      
        
}

#header {
        position:absolute;
        top:0%;
        left:0%;
        width:100%;
        height:80px;
        z-index:-1;
        background:#000;
        color:#369;
        border-bottom:30px solid lightgreen;
        font: 100%/ 0 comic sans;

}
#maintitle {
	position: relative;
	left: 0%;
	color:#fff;
        padding : 0% 10% 0% 10%;
        white-space:nowrap;
        color:#fefe00;
        text-align:center;
        font: 30px/1.2 Book Antiqua ;
        font-weight:900;
          word-spacing:5px;
        
}
  html {                 
        
        padding:0;
        font: 80%/1.5 sans-serif;
        color:#BCB2aa; 
   
      /* background:#fff;  */

}

img.logo1 {
	position: absolute;
	left: 0%; 
 	width: 80px;
 	height: 80px;
}

img.logo2 {
	position: absolute;
	right: 0px;
 	width: 80px;
 	height: 80px;
 }

address {
        position:fixed;
        bottom:0;
        left:0;
        width:100%;
        height:20;
        padding:0;
        background:#fe9;
        color:#000;
        border-top:1px solid #666;
        font-size:x-small;
        font-style:normal;
        text-align:center;
}

.dropbtn {
    background-color: lightgreen;
    color: white;
    padding: 10px;
    font-size: 20px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: absolute;
     left:47%;
     top:7.9%;
    display: inline-block;
}
/*
.dropdown-content {
    display: none;
    position: absolute;
    background-color: lightgreen;/*#f9f9f9;*/
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
*/
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: yellow/*#f1f1f1*/}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color:green /*#3e8e41;*/
}