th {color: white; font-size: 18px; border:1px solid red; background-color:   black;
         text-shadow: -1px 0 #22A7F0, 0 1px #22A7F0, 1px 0 #22A7F0, 0 -1px #22A7F0;
      text-align: center;
  }
    
    
    
    
    
    td{text-align:center;}
    
    body {background-color:grey;}
    text {color:white; }
    footer {background-color: #c9bb51; color: white; border: 4px solid #22A7F0;
 
 
    }
    iframe{border:2px solid white;}
    u {color:black;}
    p {color: #e67e22; text-align:center;  }
    aside { background-color: #1a191a;}
 
    h3 {background-color: black; border: 2px solid #22A7F0; 
    text-shadow: -1px 0     #ffc163, 0 1px      #ffc163, 1px 0     #ffc163, 0 -1px      #ffc163;}
 
    h2 {background-color: #1a191a; border: 2px solid #ffc163  ; text-align: left; }  
    h4 {background-color: #d35400;  }
    h1 {background-color: black;   }
 
    input {background-color: #22A7F0; color:white; border: 2px solid  #d35400;  }
    section {background-color: #1a191a; text-align:center; }
  option  {background-color: #c9deab;}
  radio {background-color: #c9deab;}
  body {color:white; background-color: black;   }
    textarea{background-color:black; color:white; border:3px solid   #ffc163 ;position:relative;
    /*text-shadow: -1px 0 yellow, 0 1px yellow, 1px 0 yellow, 0 -1px yellow;*/
    }
    td{
      background-color: white;
      color:black;
      border:white;
    }
 
 
 a{
   color:white;
 }
   #centerb{
  float:center;
  border:2px solid yellow;
   
  
 }
 
 
 

 #Light{
   width:97%;
   height:85px;
   background-color: #22A7F0; color:white; border: 2px solid  #d35400;
   position:relative;
   top: 5px;
 }
 
 
 
  #Light12{
   width:98px;
   height:215px;
   border:2 solid red;
   
  
 }
 
 
 
 #containercloud{
   width:auto;
   background-color:white;
   height:100px;
 }
 
  #org{
   width:auto;
   border: 5px solid red ;
  
 }
 
 #howto{
   width:auto;
   border: 5px solid #ecf0f1 ;
   text-align:center;
   height:37px;
 }
 
 #mask{
   width:auto;
   background-color: black;
 }
 
 #black11{
   width:auto;
   background-color:black;
   height:auto;
   float:right;
   border:2px solid #ffc163;
   text-shadow: -1px 0  #ffc163 , 0 1px  #ffc163, 1px 0  #ffc163, 0 -1px  #ffc16;
   
   
 }
 
 
 
 
 #black112{
   width:290px;
   background-color:black;
   height:auto;
   float:right;
   border:2px solid #ffc163;
   text-shadow: -1px 0  #ffc163 , 0 1px  #ffc163, 1px 0  #ffc163, 0 -1px  #ffc16;
   
   
 }
 
 
 
#containerTrue{
    width:100%;
    border: 7px white;
    
}
 
 
 
 #center{
     text-align:center;
 }
 
#header{
    Width:auto;
    Height:100%;
    border:1px solid black;
    background-color: #1a191a ;
    position:relative;
}
#headerblack{
    Width:auto;
    Height:100%;
    border:3px solid  black;
    background-color: #1a191a ;
    position:relative;
    text-align:center;
     text-shadow: -2px 0 green, 0 2px green, 2px 0 green, 0 -2px green;
    
}

#wall{

  background-image: url("poke12.png");
  border:1px solid #22A7F0;
  text-align:center;
  height: fit;
  width:fit;
  
}

#Home{
    
    height:100%;
    width:auto;
    border: 2px solid black;
    text-align: left;
    color:white;
    
    position:relative;
        text-shadow: -1px 0 #22A7F0, 0 1px #22A7F0, 1px 0 #22A7F0, 0 -1px ;
}

#nav{
    position: relative;
    Width:"100%" ;
    background-color: black;
 
}
#containercontact1{
    Width:auto ;
   border: 2px solid #22A7F0;
     text-shadow: -2px 0 green, 0 2px green, 2px 0 green, 0 -2px green;
    height:auto;
color:#c9bb51; 
}

#containercontact180{
    Width:auto ;
   border: 2px solid  #ffc163;
     text-shadow: -2px 0 green, 0 2px green, 2px 0 green, 0 -2px green;
    height:auto;
color:#c9bb51;
}
 
#containercontact114{
    Width:auto ;
   border: 3px solid red;
     text-shadow: -2px 0 green, 0 2px green, 2px 0 green, 0 -2px green;
    height:auto;
color:#c9bb51
}
 
#containercontact122{
    Width:auto ;
   border: 2px solid   #ffc163;
     text-shadow: -2px 0 green, 0 2px green, 2px 0 green, 0 -2px green;
    height:auto;
color:#c9bb51
}
 
#containercontact1223{
    Width:auto ;
   border: 3px solid #ffc163;
     text-shadow: -2px 0 #22A7F0, 0 2px #22A7F0, 2px 0 #22A7F0, 0 -2px #22A7F0;
    height:auto;
    text-align:center;
color:#c9bb51
}
 
#containercontact12231{
    Width:auto ;
   border: 2px solid black;
     text-shadow: -2px 0 green, 0 2px green, 2px 0 green, 0 -2px green;
    height:auto;
color:#c9bb51
}
 
#containercontact1111{
    Width:auto ;
   border: 1px solid white;
     text-shadow: -2px 0 green, 0 2px green, 2px 0 green, 0 -2px green;
    height:auto;
color:#c9bb51
}
 
 
#containergold{
    Width:auto ;
   border: 2px solid white;
     text-shadow: -2px 0 green, 0 2px green, 2px 0 green, 0 -2px green;
    height:136px;
float:right;
 
}


 
#containergold2{
    Width:auto ;
   border: 2px solid white;
     text-shadow: -2px 0 green, 0 2px green, 2px 0 green, 0 -2px green;
    height:136px;
float:center;
 
}
 
#containercontact1666{
 
    Width:99% ;
   border: 2px solid #d35400;;
     text-shadow: -2px 0 green, 0 2px green, 2px 0 green, 0 -2px green;
    height:auto;
 
}
 
 
#containergrey{
 
    Width:99.5% ;
   border: 3px solid black;
     text-shadow: -2px 0 green, 0 2px green, 2px 0 green, 0 -2px green;
    height:auto;
 
}
 
 
#containercontact11{
 
    Width:auto ;
   border: 5px solid black;
    text-shadow: -2px 0 #e67e22, 0 2px #e67e22, 2px 0 #e67e22, 0 -2px #e67e22;
    height:auto;
  position: relative;
}
 

 
#containercontact1127{
 
    Width:825px ;
   border: 2px solid white;
     text-shadow: -2px 0 #22A7F0, 0 2px #22A7F0, 2px 0 #22A7F0, 0 -2px #22A7F0;
    height:auto;
    float:center;
 
 
}
 
#containercontact13{
 
    Width:auto ;
   border: 2px solid white;
     text-shadow: -2px 0 green, 0 2px green, 2px 0 green, 0 -2px green;
    height:auto;
 
}
 
#containercontact6666{
 
    Width:auto ;
   border: 2px solid  #22A7F0;
   background-color:#1a191a;
     text-shadow: -1px 0 green, 0 1px green, 1px 0 green, 0 -1px green;
    height:160px;
float:center;
}
 
 
#containercontact666{
 
    Width:auto ;
   border: 2px solid white;
   background-color:#1a191a;
     text-shadow: -1px 0 green, 0 1px green, 1px 0 green, 0 -1px green;
    height:auto;
float:center;

}
 
#containersnow{
 
    Width:auto ;
 
    height:auto;
border:2px solid white;
 
}


#containersnow12{
 
    Width:auto ;
 background: black;
    height:auto;
border:2px solid white;
 
}

 
#containersnow3{
 
    Width:auto ;
 
    height:auto;
border:0px solid white;
 
}

 
#containersnow1{
 
    Width:auto ;
 background-color:black;
    height:auto;
border:2px solid  black;
 
}

#containersnow13{
 
    Width:265px ;
 background-color:black;
    height:37px;
border:2px solid  black;
 
}
 
 
#containerblack14{
 
    Width:auto ;
 
    height:auto;
border:3px solid red;
}
 
#containerblack1127{
 
    Width:830px ;
 
    height:auto;
border:4px solid black;
}
 
#containerblack11271{
 
    Width:auto ;
  position: relative;
    height:auto;
border:2px solid  #ffc163;
}
 
#containerblack112712{
 
    Width:auto ;
 
    height:auto;
border:3px solid #1a191a;
}
 
#containerblack11273{
 
    Width:auto ;
 
    height:auto;
border:3px solid #ffc163;
}
 
 
 
#containergreen12{
 
    Width:auto ;
 
    height:auto;
text-align:center;
text-shadow: -2px 0 #e67e22, 0 2px #e67e22, 2px 0 #e67e22, 0 -2px #e67e22;
}
 
 
#containerred12{
 
    Width:100% ;
    background-color:black;
 
 
 text-shadow: -1px 0 green, 0 1px green, 1px 0 green, 0 -1px green;
}
 
#containerclear{
 
    Width:62% ;
   background-color:#1a191a;
    height:auto;
border:2px solid white;
}
 
#containerclear12{
 
    Width:auto ;
 
    height:auto;
border:3px solid white;
}
 
#containercontact3{
 
    Width:auto ;
   border: 3px solid #22A7F0;
    height:auto;
}
 
 
#containercontact2{
 
    Width:auto ;
   border: 2px solid  #d35400;
height:auto;
 
}
 
 
#containercontact22{
 
    Width:auto ;
   border: 3px solid  #ffc163;
height:144px;

top:5px;
 
}
 
#containercontact222{
 
   Width:auto ;
   border: 1px solid  white;
   height:auto;
   position:relative;
   left:0px;
 
}
 
#containercontact2222{
 
   Width:auto ;
   border: 3px solid #22A7F0;
   height:auto;
   position:relative;
   left:0px;
 
}
 
/*-----------------------WELCOME TO ATLAS----------------------------------*/
div.transbox12 {
  background-color: none;
  width: auto;
 
  opacity: 0.90;
  filter: alpha(opacity=0.9);
}
 
div.transbox  {
  background-color: black;
  width: auto;
  border: 2px solid white;
  opacity: 0.90;
  filter: alpha(opacity=0.9);
  
}
div.transbox p {
  margin: 3%;
  font-weight: bold;
  color: #000000;
}
div.transbox2 {
  background-color: #1a191a;
  border: 1px solid #1a191a;
  opacity: 0.90;
  filter: alpha(opacity=0.9);
}
div.transbox2 p {
 
  font-weight: bold;
  color: #000000;
}
 
#divider1{
    Width:100%;
    Height:10px;
    background-color: #d35400
    opacity 60%;
}
 
 
/*-----------------------WELCOME TO ATLAS------------------------------*/
 
#containerfire{
 
    border-bottom: 3px solid #d35400 ;
    
   border: 0px solid white;
    width: auto;
 
 
}
#containergreen{
 
text-shadow: -2px 0 green, 0 2px green, 2px 0 green, 0 -2px green;
 
 
 
    width: auto;
 
 
}
 
#containeraqua14{
 
    border: 2px solid #22A7F0;
 
    height:100%;
 
    width: auto;
 
 
}
 
 
 
 
#containerwhite2{
 
    background-color: white;
    border:2px solid black;
 
    float: center;
 
    width: auto;
 
 
}
 
#containerorange{
 
    background-color: black; 
    border: 0px solid white;
    float: center;
    height:auto;
    width: auto;
     text-shadow: -2px 0 #22A7F0, 0 2px #22A7F0, 2px 0 #22A7F0, 0 -2px #22A7F0;
 
 
}

#containerorange2{
 
    background-color: black; 
    border: 2px solid black;
    float: center;
    height:auto;
    width: auto;
     text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
 
 
}

#containerblack3{
 
    border: 5px solid black;
    text-align: left;
 
    height:auto;
    width: auto;
 
 
}
 
 
#containerblack4{
 
    border: 5px solid black;
    text-align: right;
 
    height:auto;
    width: auto;
 
 
}
 
 
#containerblack2{
 
    border: 3px solid white;
 
    float: center;
    height:100%;
    width: auto;
 
 
}
 
#containerblack{
 
    border: 2px solid #22A7F0;
    background-color:#e67e22 ;
    
 position:relative;
    width: auto;
 
 
}
 
 
#containerwhite14{
 
    border: 2px solid white;
 
    height: auto;
 
    width: auto;
 
 
}
 
#containerwhite12{
 
    border: 2px solid white;
 
 
 
    width: auto;
 
 
}
 
#containerwhite123{
 
    border: 4px solid black;
 
 
 
    width: auto;
 
 
}
 
 
#week{
  width:100%;
  height:auto;
  background-color:black;
  text-align:center;
    
    
} 
#containerblack12{
 
    border: 1px solid black;
 
    float: center;
 
    width: auto;
 
 
}
 
 
#containerwhite{
 
    border: 2px solid white;
    background-color: white;
    float: center;
 
    width: auto;
 
 
}
 
#container5{
 
    border: 3px solid #22A7F0;
    background-color: black;
    text-align: left;
       width: auto;
 
 
}
 
#container999{
 
    border: 2px solid #22A7F0;
  background-color:white;
       width: auto;
 
 
}



#container9992{
 
    border: 2px solid #22A7F0;
    background-image: url("pokegear2.jpg");
    background-repeat: no-repeat;
    text-align: center;
       width: auto;
       height: 410px;
 
}




#container99927{
 
    border: 2px solid #22A7F0;
    background-image: url("last.jpg");
    background-repeat: no-repeat;
    text-align: center;
       width: auto;
       height: 410px;
 
}


#container99928{
 
    border: 2px solid #22A7F0;
    background-image: url("kid.jpg");
    background-repeat: no-repeat;
    text-align: center;
       width: auto;
       height: 410px;
 
}



#container99929{
 
    border: 2px solid #22A7F0;
    background-image: url("crafts3(2).jpg");
    background-repeat: no-repeat;
    text-align: center;
       width: auto;
       height: 394px;
 
}




#container9993{
 
    border: 2px solid #22A7F0;
    background-image: url("kingdom12.jpg");
    background-repeat: no-repeat;
    text-align: center;
       width: auto;
       height: 410px;
 
}



#container9994{
 
    border: 2px solid #22A7F0;
    background-image: url("dead.jpg");
    background-repeat: no-repeat;
    text-align: center;
       width: auto;
       height: 410px;
 
}


#container9995{
 
    border: 2px solid #22A7F0;
    background-image: url("final.png");
    background-repeat: no-repeat;
    text-align: center;
       width: auto;
       height: 410px;
 
}




 
 #container9991{
 
    border: 2px solid #22A7F0;
    background-image: url("chi2.jpg");
    background-repeat: no-repeat;
    text-align: center;
       width: auto;
       height: 410px;
/* brand2.png*/
 
 
}
 
 #flr{
   Width:auto;
   float: center;
 }
 
 
#container500{
 
 
    background-color:white ;
    float: center;
    height: auto;
    width: 100;
 
 
}
 
#containerred{
 
    border: 2px solid  #22A7F0;
    float: center;
 background-color: black;
 text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    width: auto;
 
 
}


#containerred2{
 
    border: 2px solid  #22A7F0;
    float: center;
 background-color: white;
 text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    width: auto;
 
 
}
 
 
#container59{
 
    
 
   height:100%;
    width: auto;
     background-color: black;
    background-repeat: no-repeat;
    border: 2px white;
    background-image: url("redsky12.png");
    
    
 
 
 
}



#worldView{
 
    border: 2px solid #22A7F0;
 
   height:98%;
    width:98%;
     background-image: url(Earth.png);
    background-repeat: no-repeat;
 
 
 
}
 
#container523{
 
    border: 2px solid #ffc163;
 
    text-align:left;
    width: auto;
    position:relative;
    background-color: #1a191a;
    
}
 
#container5{
 
    border: 2px solid #22A7F0;
 
    text-align:center;
    width: auto;
 
    background-color: black;
}
 
#container777{
 
    border: 2px solid white;
    background-color: black;
    float: center;
    color: white;
  /* background-image: url(sphere.png);*/
    height: 114px;
    width: auto;
     text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    
 
 
}
 
#container100{
 
    border: 2px solid white;
    float: center;
 
    width: auto;
 
 
}
 
 
#container53{
 
   border:2px solid #e67e22;
   background-color:black;
    float: center;
    height:auto;
    width: auto;
    border-bottom-color: white;
 
 
}
 
#containerearth{
 
 
   height:150px;
       background-image: url("redsky.png");
    background-repeat: no-repeat;
 
 
}
 
 
 
#container55{
 
    border: 0px solid #22A7F0;
    position: relative;
  height:100%;
    width: auto;
 text-align:none;
text-shadow: -1px 0  black, 0 1px   black, 1px 0  black, 0 -1px   black;
 background-color: #1a191a;
 
 
}
 
 
 
 
 #container551{
 
    border: 2px solid white;
    position: relative;
  height:100%;
    width: auto;
 text-align:none;
 text-shadow: -1px 0 #22A7F0, 0 1px #22A7F0, 1px 0 #22A7F0, 0 -1px #22A7F0;
 background-color: black;
 
 
 
}
 
#container1992{
 
    border: 0px solid #22A7F0;
    position: relative;
    text-shadow: -2px 0 #d35400, 0 2px #d35400, 2px 0 #d35400, 0 -2px #d35400;
    width: auto;
    position:relative;
 
 
 
}
 
 
 
#containerworld{
 
    border: 1px solid white;
    height: 160px;
 
    width: auto;
       background-image: url("moonh.png");
    background-repeat: no-repeat;
    text-shadow: -1px 0  #22A7F0, 0 1px  #22A7F0, 1px 0  #22A7F0, 0 -1px  #22A7F0;
 
}
 
 
  
#containerworld2{
 
    border: 1px solid white;
    height: 160px;
 
    width: auto;
       background-image: url("worldStream.png");
    background-repeat: no-repeat;
    text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white
 
}




#containerworld360{
 
    border: 1px solid white;
    height: 160px;
 
    width: auto;
       background-image: url("windgrey.jpg");
    background-repeat: no-repeat;
    text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white
 
}


#containerworld3601{
 
    border: 1px solid white;
    height: 160px;
 
    width: auto;
       background-image: url("pillars.jpg");
    background-repeat: no-repeat;
    text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
 
}

#containerworld36012{
 
    border: 1px solid white;
    height: 160px;
 background-color: #FDB84B;
    width: 99.8%;
       background-image: url("HHands.jpg");
    background-repeat: no-repeat;
    text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
 
}


#containerworld360121{
 
    border: 1px solid white;
    height: 160px;
 
    width: 99.8%;
       background-image: url("hand.jpg");
    background-repeat: no-repeat;
    text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
 
}


#containerworld3602{
 
    border: 1px solid white;
    height: 160px;
 
    width: auto;
       background-image: url("portal.jpg");
    background-repeat: no-repeat;
    text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white
 
}
 
 
 
 
 #containerworld3{
 
    border: 1px solid white;
    height: 160px;
 
    width: auto;
       background-image: url("waterblue.jpg");
    background-repeat: no-repeat;
    text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white
 
}


 #containerworld6{
 
    border: 1px solid white;
    height: 160px;
 
    width: auto;
       background-image: url("earthE.jpg");
    background-repeat: no-repeat;
    text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white
 
}




 #containerworld5{
 
    border: 1px solid white;
    height: 160px;
 
    width: auto;
       background-image: url("tomcover.jpg");
    background-repeat: no-repeat;
    text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white
 
}


 #containerworld33{
 
    border: 1px solid white;
    height: 160px;
 
    width: auto;
       background-image: url("firered.jpg");
    background-repeat: no-repeat;
    text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white
 
}
 
 
 
 
 
 
#containerHope{
 
    border: 2px solid white;
 
  height:45px;
    width: 95px;
    position: relative;   
 
 
}
 
#container54{
 
    border: 2px solid #e67e22;
    float: right;
 
    width: 40%;
       background-image: url("ember2.jpg");
    background-repeat: no-repeat;
 
 
}
 
#container543{
 
 
 
 
 
 
}
 
 
#container4{
 
    border: 1px solid #d35400;
    float: center;
 
    width: auto;
 
    background-color: #1a191a;
}
 
 
#container4{
 
    border: 1px solid #d35400;
    float: center;
 
    width: auto;
 
    background-color: #1a191a;
}
 
#container6{
 
    border: 0px solid #22A7F0;
    
    text-align:left;
    width: auto;
    
    background-color: black;
}
 
 
 
 
 
 
 
#container13{
 
    border: 1px solid #d35400;
    float: center;
 font-size: 1px;
    width: 98%;
 position: absolute;
    background-color: #1a191a;
}
 
 
#container12{
 
    border: 2px solid #d35400;
    float: center;
 
    width: auto;
 
    background-color: black;
}
#container6662{
 
    border: 2px solid   white;
 
    text-align: left;
    width: auto
 
}
 
#container6663{
 
    border: 2px solid white;
 
    text-align: right;
    width: auto
 
}
 
#container666{
 
    border: 2px solid   #22A7F0;
    background-color:white;
    
    width:auto;
    
       /*text-shadow: -1px 0  green, 0 1px green, 1px 0  green, 0 -1px green;*/
     text-shadow: -1px 0 #22A7F0, 0 1px #22A7F0, 1px 0 #22A7F0, 0 -1px #22A7F0
}
 
 
#container6667{
 
    border: 2px solid  #22A7F0;
    background-color:white;
    height:69px;
    width:auto;
    /*text-shadow: -1px 0  green, 0 1px green, 1px 0  green, 0 -1px green;*/
     text-shadow: -1px 0 #22A7F0, 0 1px #22A7F0, 1px 0 #22A7F0, 0 -1px #22A7F0;
     
}
 
 
/*-----------------------NEWS FEED------------------------------------*/
 
 
#rm {
    border: 4px solid #ffc163;
    float: right;
    width: 280px;
    height: auto;
    background-color: #1a191a;
    
 
 
}
 
 
#rm1 {
    border: 3px solid #ffc163;
    float: right;
    width: 280px;
    height: auto;
    background-color: #1a191a;
    
}


 
 
 
#rm2 {
 
    float: right;
    width: auto;
    height: 100%;
 
    text-align: right;
 
}
 
 #rm12 {
    border: 1px solid #ffc163;
    float: right;
    width: 220px;
    height: auto;
    right:2px;
    text-align: center;
   
    position:relative;
    font:white;
    bottom:3px;
}
#rm5 {
    border: 2px solid #d35400;
    float: right;
    width: 290px;
    height: 140px;
    background-color: black;
      left:0px;
    
}
 
#mainbody {
    width: 820px;
    height: auto;
    background-color: #1a191a;
   
    border:2px solid #ffc163;
 
 
 
 
}

#mainbody123 {
    width:80px;
    height: auto;
    background-color: #1a191a;
   position: relative;
    border:2px solid #ffc163;
    text-align: center;
 
 
 
 
}

#mainbody12 {
    width: 100%;
    height: auto;
    background-color: #1a191a;
   
    
 
 
 
 
}
 
 
 
#mainbody2 {
    width: 820px;
    height: 135px;
    background-color: black;
    
    border:1px solid #22A7F0;
    
 
 
 
}
 
/*-----------------------SIDE FEED------------------------------------*/
 
 
 
 
/*-----------------------TOP BODY------------------------------------*/
 
 
 
 
/*-----------------------TOP BODY------------------------------------*/
 
 
 
 
 
#divider2{
    Width:"100%";
    Height:"10px";
    background-color: #ff0a0a;
    position: relative;
}
 
#divider3{
    Width:"100%";
    Height:"10px";
    background-color: #2c3e50;
    position: relative;
}
#footer {
    clear: both;
}
 
 
 
/*-----------------------NEWS FEED------------------------------------*/
 
 
#lm {
    border: 4px solid #ffc163;
    float: left;
    width: auto;
    height: auto;
    margin-top: 0px;
    margin-bottom: 50px;
    text-align: center;
    background-color:#1a191a;
    position:relative;
 
 
}

 
#lm3 {
    border:3px solid #e67e22;
    float: left;
    width: 235px;
    height: 10%;
    background-color: #1a191a;
    text-align: left;
    position: fixed;
 
}
 
 
 
#lm2 {
 
    float: left;
    width: auto;
    height: 100%;
 
    text-align: left;
 
}
 
#lm1 {
    border: 3px solid #ffc163;
    float: left;
    width: 280px;
    height: auto;
    left:2px;
    text-align: center;
    background-color:black;
    position:relative;
    color:black;
}

#lm15 {
    border: 1px solid #ffc163;
    float: left;
    width: 220px;
    height: auto;
    right:2px;
    text-align: center;
   
    position:relative;
    font:white;
    bottom:3px;
}



 
#lm5 {
    border: 3px solid white;
    float: left;
    width: 250px;
    height: 145px;
    left: 5px;
    text-align: center;
    background-color:black;
    position: relative;
}
 
 
 #lm13 {
    border: 3px solid #ffc163;
    float: left;
    width: 270px;
    height: auto;
    background-color: #1a191a;
    
}
 
 
#lm6 {
    border: 2px solid #d35400;
    float: left;
    width: 290px;
    height: 140px;
    background-color: black;
      left:0px;
    position:relative;
}
 
 
.lvmenu {
    border-top: 5px solid  #ffc163;
    float: Left;
    height:auto;
    width: 280px;
    list-style-type:none;
 
}
 
.lvmenu li  {
    border-bottom: 5px color solid #d35400;
    height: auto;
}
 
.lvmenu li a {
 display:block;
    padding: 15px 5px 15px 0px;
    color: white;
    text-shadow: -1px 0 green, 0 1px green, 1px 0 green, 0 -1px green;
    text-decoration:none;
}   
 
.lvmenu li a:hover {
    color: #d35400;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    background-color: white;
    border: 2px solid #22A7F0;
 
 
 
}  
 
 
/*-----------------------SIDE MENU------------------------------------*/
 
 
 
 
/*-----------------------NEWS FEED------------------------------------*/
 
#box {
    margin-top: 15px;
     border: 2px solid white;
     text-align: center;
}
 
#box .box-top {
    color: solid black;
    text-shadow: 0px 0px 1px solid black;
    background-color:  black;
    padding: 5px;
    border-bottom: 2px  solid white;
    border-top: 2px  solid white;
    border: 2px solid   #22A7F0;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    text-align: center;
    
}
#box .box-panel {
    padding: 15px;
    background-color:  white;
    border:2px solid  grey;
text-align: center;
}
 
 
 
 #fixwhite{
     border: 2px solid white;
     width:auto;
 }
 #fixblue{
     border: 2px solid #22A7F0 ;
     width:auto;
 }
 
#box666 {
     margin-top: 15px;
     border: 2px solid  white;
 
     text-align:left;
 
}
 
#box666.box-top666 {
    color: solid black;
    text-shadow: 0px 0px 1px solid black;
    background-color: black;
    padding: 5px;
 
    border: 3px solid white ;
}
#box666 .box-panel666 {
    padding: 15px;
    background-color: white;
    border-bottom: solid #d35400;
    border-top: solid   #ffc163;
    border: 2px solid grey;
    
}
 
 
 
#box5 {
     margin-top: 15px;
     border: 1px solid white;
     text-align:left;
 
}
 
#box5 .box-top5 {
    color: solid black;
    text-shadow: 0px 0px 1px solid black;
    background-color: white;
    padding: 0px;
 
    border: 0px solid white ;
}
#box5 .box-panel5 {
    padding: 0px;
    background-color: black;
    
    
    border: 1px solid red;
}
 
 
 
#box2 {
    margin-top: 15px;
     
 
}
 
#box2 .box-top2 {
    color: solid #d35400;
    text-shadow: 0px 0px 1px solid #d35400;
    background-color: black;
    padding: 5px;
    border-bottom: 2px  solid white;
    border-top: 2px  solid white;
    border: 3px solid  red;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    text-align:center;
    
    
}
#box2 .box-panel2 {
    padding: 15px;
    background-color: white;
    border: 2px solid grey;
    text-align:center;
   /*#e8e4dc*/
}


#panel666, #flip666 {
    padding: 0px;
    text-align: center;
    background-color:  #462300;
    border: solid 4px #22A7F0;
 
}
 
#panel666 {
    padding: 50px;
    display: none;
    height: auto;
}
 
#panel, #flip {
    padding: 5px;
    
    background-color: #1a191a;
    /*border: solid 4px green;*/
    text-align:center;
 
}
 
#panel {
    padding: 50px;
    display: none;
    height: auto;
    
}
 
/*-----------------Image Contrillers-----------------------*/
 
div.absolute {
    position: absolute;
    top: 690px;
    right: 890px;
    width: 200px;
    height: 62px;
    border: 1.5px solid blue;
}
#scrollbar {
    overflow:auto; 
    width: auto;
    position:relative;
 
height:430px;
}

#scrollbar2 {
    overflow:auto; 
    width: auto;
    position:relative;
 
height:50px;
}
 
 

 
 
#right1, #right2,#right3, #right4, #right5, #right6   {
float:left;
    color:white;
    border: 2px solid #c9bb51;
     border-color: #22A7F0 solid 2px;
    width: auto;
    height: 20px;
    background-color:  #1a191a;
    font-weight: bold;
    position: relative;
    -webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
    animation: mymove 7s ;
    text-shadow: -1px 0 #22A7F0, 0 1px #22A7F0, 1px 0 #22A7F0, 0 -1px #22A7F0;
}
 
/* Chrome, Safari, Opera */
#right1 {-webkit-animation-timing-function: linear;}
#right2 {-webkit-animation-timing-function: ease;}
#right3 {-webkit-animation-timing-function: ease-in;}
#right4 {-webkit-animation-timing-function: ease-out;}
#right5 {-webkit-animation-timing-function: ease-in-out;}
#right6 {-webkit-animation-timing-function: ease-in-out;}
 
/* Standard syntax */
#right1{animation-timing-function: linear;}
#right2 {animation-timing-function: ease;}
#right3 {animation-timing-function: ease-in;}
#right4 {animation-timing-function: ease-out;}
#right5 {animation-timing-function: ease-in-out;}
#right6 {-webkit-animation-timing-function: ease-in-out;}
 
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    from {left: 300px;}
    to {left: 300px;}
}
 
/* Standard syntax */
@keyframes mymove {
    from {right: -1950px;}
    to {left: -3px;}
}
 
 
 
 
 
#left1, #left2, #left3, #left4, #left5, #left6   {
float:right;
    color:white;
    border: 2px solid #c9bb51;
    width: auto;
    height: 20px;
    background-color:  #1a191a;
    font-weight: bold;
    position: relative;
    -webkit-animation: mymove 5s ; /* Chrome, Safari, Opera */
    animation: mymove 5s ;
    text-shadow: -1px 0 #22A7F0, 0 1px #22A7F0, 1px 0 #22A7F0, 0 -1px #22A7F0;
}
 
/* Chrome, Safari, Opera */
#left1 {-webkit-animation-timing-function: linear;}
#left2 {-webkit-animation-timing-function: ease;}
#left3 {-webkit-animation-timing-function: ease-in;}
#left4 {-webkit-animation-timing-function: ease-out;}
#left5 {-webkit-animation-timing-function: ease-in-out;}
#left6 {-webkit-animation-timing-function: ease-in-out;}
 
/* Standard syntax */
#left1{animation-timing-function: linear;}
#left2 {animation-timing-function: ease;}
#left3 {animation-timing-function: ease-in;}
#left4 {animation-timing-function: ease-out;}
#left5 {animation-timing-function: ease-in-out;}
#left6 {-webkit-animation-timing-function: ease-in-out;}
 
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    from {left: 0px;}
    to {left: 0px;}
}
 
/* Standard syntax */
@keyframes mymove {
    from {right: 1950px;}
    to {right: -3px;}
}






.car-right {
  position: relative;
  top: 86%;
  left: -200px;
  z-index: 10;
  background-color: none;
  animation-duration: 1s;
  animation-name: goRight;
  animation-iteration-count: infinite;
}

@keyframes goRight {
  from {
    transform: translate(0,0);
  }

  to {
    transform: translate(1920px,0);
  }
}








body{
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  font-weight: 300;
}
.css-slideshow{
  position: relative;
  max-width: 495px;
  height: 300px;
  
}
.css-slideshow figure{
  margin: 0;
  max-width: 495px;
  height: 300px;
  background: #000;
  position: absolute;
}
.css-slideshow img{
  box-shadow: 0 0 2px #666;
}
.css-slideshow figcaption{
  position: absolute;
  top: 0;
  color: #fff;
  background: rgba(0,0,0, .3);
  font-size: .8em;
  padding: 8px 12px;
  opacity: 0;
  transition: opacity .5s;
}
.css-slideshow:hover figure figcaption{
  transition: opacity .5s;
  opacity: 1;
}
.css-slideshow-attr{
  max-width: 0px;
  text-align: right;
  font-size: .7em;
  font-style: italic;
  margin:0 auto;
}
.css-slideshow-attr a{
  color: #666;
}
.css-slideshow figure{
  opacity:0;
}
figure:nth-child(1) {
  animation: xfade 48s 42s infinite;
}
figure:nth-child(2) {
  animation: xfade 48s 36s infinite;
}
figure:nth-child(3) {
  animation: xfade 48s 30s infinite;
}
figure:nth-child(4) {
  animation: xfade 48s 24s infinite;
}
figure:nth-child(5) {
  animation: xfade 48s 18s infinite;
}
figure:nth-child(6) {
  animation: xfade 48s 12s infinite;
}
figure:nth-child(7) {
  animation: xfade 48s 6s infinite;
}
figure:nth-child(8) {
  animation: xfade 48s 0s infinite;
}

@keyframes xfade{
  0%{
    opacity: 1;
  }
  10.5% {
    opacity: 1;
  }
  12.5%{
    opacity: 0;
  }
  98% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 1%;
    left: 0%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 500px;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid white;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}