* {
  box-sizing: border-box;
}

body { 
 margin:0;
font:  Georgia, serif; 
font-size:16px !important;
background-color: #eee;
}
 

  
 .container {
  font-size:16px;
 padding:10px !important;
 }

 @media (max-width: 700px) {
  .container {
    width: 100%;
    font-size:.9em !important;  
     padding:6px !important;
    }
 }

 

.i-img:hover{
    opacity:.5; 
 }
      
.opts{
 display:inline-block;
 float:left; 
 text-align:center;
 background-color:#eee;  
 padding: 3px 5px 1px 5px;
 width:15%;     /* 150 */
 min-width:200px;  
 height:60px; 
 min-height:60px;
 margin:0;
 border:solid 1px #ccc;
 cursor:pointer;   
 } 
  .opts:hover { background-color: #fff;  }
  
  @media screen and (max-width: 480px) {
    .opts {
      width:auto;
    min-width:100px !important;        
 } 
 }
 .optPic {
 height:30px;width:30px;
 margin:6px 3px 0 0;
}
.optTxt {
display:inline-block;
color: #0066cc;
font-size:16px;
font-weight:bold;
}   
  

/* TEXT  SIZES */
.white {
color:#fff;
font-size:larger;
font-weight:bold;
}

.logg {
  display:inline-block;
  font-size:larger;
  font-weight:bold;
  color: white;
  padding: 8px 16px;
  text-decoration: none;
   background-color: dodgerblue;
}


.sub2 {
display:inline-block;
 color: #006699;
 font-weight: bold;
  height: 25px;
 border:solid 1px #3366cc;
 margin: 4px;
 padding: 2px  7px 2px  7px;
 background-color:#EBFFBF;
 cursor: pointer;
/* background: #0c0 url(image) 0 0 no-repeat;  */
}
.sub2:hover, .sub2:focus {
display:inline-block;
 color: #fff;
 background-color:#006600;
 cursor: pointer;
/* background: #0c0 url(image) 0 0 no-repeat;  */
}


 
.inbox {
padding: 1px 5px 3px 5px;
border-style: solid;
border-color: #aaaaaa;
border-width: 1px;
font-size: 20px;
width: auto;
}

.flex-button { 
display:inline-block;
width:auto; 
font-size:20px; 
font-weight:bold;
background-color:#33ff33;
padding:5px 10px;
text-align:center; 
cursor:pointer;
}
/*display styles from io-style */
 .warn {
color: #cc0000;
font-size: larger;
font-weight: bold;
}

.yo {
font-family: Comic Sans MS; 
font-size: 20px;
letter-spacing: 2px;
word-spacing: 2px;
color: #000000;
font-weight: normal;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;
}
.cty {
font-size: 20px;
font-weight: bold; 
margin-top:20px;
color:#000; 
}
.cty2 {
font-family: Impact, Charcoal, sans-serif;
font-size: 20px;

color: #003399;
text-shadow:1px 1px #000000;
} 
.title1 {
display:inline-block;
font-size:larger;
font-weight:bold;
}

.title2 {
display: inline-block;
color:#ffffff;
font-size:18px;
font-weight:bold;
background-color:#555555;
padding:3px 10px;
cursor: pointer;
}
 


.title3 {
display:inline-block;
color: black;
font-size:12px;
font-weight:normal;
background-color:#baddff;
}
.title4 {
display:inline-block;
color: #0066cc;
font-size:18px;
font-weight:bold;
}
.title5 {
display:inline-block;
color: #ffffff;
font-size: 16px; 
font-weight: bold;
}
.title24 {
display:inline-block;
color: #0066cc;
font-size:20px;
font-weight:bold;
}
.txt1 {
/*display:block; 
width:80px; 
background-color: black; */
color: black;
font-size: larger;
font-weight: bold;
} 
.txt1bac {
 
background-color: #ddd; 
color: black;
font-size: larger;
font-weight: bold;
} 
.txt1g {
display:inline-block;
border:solid 1px #666; 
padding:2px;
color: black;
font-size: 1.3em;
font-weight: bold;
} 

.txt2 {
color: #00366c;
font-size: 1em;
font-weight: bold;
} 
.txt0 { 
font-size: 1em; 
color: black;
font-weight: bold;
}   

.txt3 {
color: black;
font-size: 16px;
font-weight: bold;
}

.txt4 {
color: #006600;
font-size: 16px; 
font-weight: bold;
}
.txt5 {
color: #623202;
font-size: 20px; 
font-weight: bold;
}

.txt55 {
color: #000;
background:#F0F2BD;
font-size:1.2em;
font-weight: bold;
} 

.f-date {
color: brown;
font-size: normal; 
font-weight: bold;
}

.txt6 {
color: #007305;
font-size: 20px; 
font-weight: bold;
}



.txt24 {
color: #000;
font-size: 20px; 
font-weight: bold;
} 
.txt28 {
color: #000;
font-size: 20px; 
font-weight: bold;
}
.note1 {
color: #660000;
font-size: smaller; /* 14px;  */
font-weight: bold;
}
.note2 {
color: #660000;
font-size:  12px; 
font-weight: bold;
}
.gray2 {
display: inline-block;
width:100px;
color:#000000;
background:#cccccc;
text-decoration: none;
border-bottom:solid 2px #ffffff;
margin-right:5px;
}

.cs {
font-family: georgia, sans-serif;
color: #003300;
font-size: 16px; 
font-weight: bold;
}

.sml1 {
font-family: georgia, sans-serif;
color: #ffff99;
font-size: smaller; 
font-weight: bold;
}


.sml2 {
font-family: georgia, sans-serif;
color: #999;
font-size: 12px; 
} 

 .pag1 {
  display:inline-block;
  font-size:normal;
  font-weight:bold;
  color: white;
  padding: 8px 16px;
  text-decoration: none;
   background-color: #125899;
   
}
 
 .pag3 {
  display:inline-block;
  font-size:1.6em;
  font-weight:bold;
  color: #111;
  padding: 3px 20px;
  text-decoration: none;
   background-color: #fff;
   border:solid 1px #777;
   border-radius:6px;
   box-shadow: 6px 6px 12px #333;
   margin:12px;
}

 .pag1g {
  display:inline-block;
  font-size:larger;
  font-weight:bold;
  color: white;
  padding: 8px 16px;
  text-decoration: none;
   background-color: green;
   
}


 .pag1c {
  display:inline-block;
  font-size:normal;
  font-weight:bold;
  color: white;
  padding: 8px 16px;
  text-decoration: none;
   background-color: dodgerblue; 
   border-radius:50%; 
}


.warnyou {
color: red;
font-size: 22px; 
font-weight: bold;
}

.usa {
 display:inline-block;
 color:#fff;background-color:#043E93;border:solid 3px #8C0003;
 font-size:20px;font-weight:bold; 
 padding:5px 15px;
}
  
      
.opts{
 display:inline-block;
 float:left; 
 text-align:center;
 background-color:#ddd;
 padding:5px 5px 1px 5px;
 width:13%;     /* 150 */
 min-width:50px;  
 height:60px; 
 min-height:60px;
 margin:2px 20px;
 border:solid 1px #333;
 cursor:pointer;   
 } 
  .opts:hover { background-color: #fff;  }
  
  @media screen and (max-width: 480px) {
    .opts {
      width:auto;      
 } 
 }
 .optPic {
 height:30px;
 margin:6px 3px 0 0;
}
.optTxt {
display:inline-block;
color: #0066cc;
font-size:16px;
font-weight:bold;
}   



 /* ***************************   many not working??? */




a.cat:link,a.cat:visited,a.cat:active 
{

display:block;
width:100%;
height:30px;
font-size:18px;
font-weight:bold;
color:#eeeeee;
background-color:#215061;  /*00537d; */
text-align:center;
text-decoration:none;
text-transform:uppercase; 
margin:0;
padding:0;
overflow:hidden;
}
a.cat:hover
{
color:#aaaaaa;
background-color:#000000;
}







/* A HREF  LINKS */
a.bluebox2:link, a.bluebox2:visited, a.bluebox2:active
  {
 background-color: #3366ff; 
  border: none;
  color: white;
  padding: 6px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight:bold;
  }
  a.bluebox2:hover 
  {
  color:#333;
 background-color: #fff;   
  }
a.blue:link{color:#006699;font-size:larger;font-weight: bold;text-decoration: underline;}
a.blue:visited{color:#006699;font-size:larger;font-weight: bold;text-decoration: underline;}
a.blue:hover{color:#111111;font-size:larger;font-weight: bold;background-color:#cccccc;text-decoration: none;}
a.blue:active{color:#006699;font-size:larger;font-weight: bold;text-decoration: underline;}

a.grey20:link{color:#aaa;font-size:larger;font-weight: bold;text-decoration: underline;}
a.grey20:visited{color:#aaa;font-size:larger;font-weight: bold;text-decoration: underline;}
a.grey20:hover{color:red;font-size:larger;font-weight: bold;background-color:#eee;text-decoration: none;}
a.grey20:active{color:#aaa;font-size:larger;font-weight: bold;text-decoration: underline;}

a.larger:link{color:#000000;font-size:larger;font-weight: bold;}
a.larger:visited{color:#000000;font-weight: bold;text-decoration: none;}
a.larger:hover{color:#3333FF;background-color: yellow;text-decoration: none;}
a.larger:active{color:#000000;font-weight: bold;text-decoration: none;}

a.black:link{color:#000000;font-size:normal;font-weight: bold;text-decoration: none;}
a.black:visited{color:#000000;font-weight: bold;text-decoration: none;}
a.black:hover{color:#3333FF;background-color: yellow;text-decoration: none;}
a.black:active{color:#000000;font-weight: bold;text-decoration: none;}

 

a.g3:link{color:#000;font-size:larger;font-weight: bold;padding:5px;border:solid 1px #000;background-color:green;text-decoration: none;}
a.g3:visited{color:#006699;font-size:larger;font-weight: bold;text-decoration: none;}
a.g3:hover{color:#111111;font-size:larger;font-weight: bold;background-color:#cccccc;text-decoration: none;}
a.g3:active{color:#006699;font-size:larger;font-weight: bold;text-decoration: underline;}



a.warni:link{color:#cc0000;font-weight: bold;text-decoration: underline;}
a.warni:visited{color:#cc0000;font-weight: bold;text-decoration: none;}
a.warni:hover{color:#0000ff;font-weight: bold;text-decoration: none;}
a.warni:active{color:#cc0000;;font-weight: bold;text-decoration: none;}

a.white:link{color:#ffffff;font-size:normal;font-weight: bold;text-decoration: none;}
a.white:visited{color:#ffffff;font-weight: bold;text-decoration: none;}
a.white:hover{color:#66ccff;font-weight: bold;text-decoration: underline;}
a.white:active{color:#ffffff;font-weight: bold;text-decoration: none;}

a.bwht:link{color:#eeeeee;font-size:20px;font-weight: bold;text-decoration: none;}
a.bwht:visited{color:#eeeeee;font-size:20px;font-weight: bold;text-decoration: none;}
a.bwht:hover{color:#CD0A5B;font-size:20px;font-weight: bold;text-decoration: none;}
a.bwht:active{color:#eeeeee;font-size:20px;font-weight: bold;text-decoration: none;}
 
a.red:link{color:#111111;font-size:normal;font-weight: bold;text-decoration: underline;}
a.red:visited{color:#111111;font-size:normal;font-weight: bold;text-decoration: none;}
a.red:hover{color:#ff0000;font-size:normal;font-weight: bold;text-decoration: none;}
a.red:active{color:#111111;font-size:normal;font-weight: bold;text-decoration: none;}
 
a.sml0:link{color:#333;font-size:smaller;font-weight: bold;text-decoration: none;}
a.sml0:visited{color:#333;font-size:smaller;font-weight: bold;text-decoration: none;}
a.sml0:hover{color:#ff0000;font-size:smaller;font-weight: bold;text-decoration: none;}
a.sml0:active{color:#333;font-size:smaller;font-weight: bold;text-decoration: none;}

a.red2:link{color:#CD0A5B;font-size:smaller;
font-weight: bold;
background-color:#DBE6F3;
border:solid 1px #aaa;
text-decoration: none;
}
a.red2:visited{color:#006600;font-size:smaller;font-weight: bold;text-decoration: none;}
a.red2:hover{color:black;font-size:normal;font-weight: bold;text-decoration: none;}
a.red2:active{color:#006600;font-size:smaller;font-weight: bold;text-decoration: none;}

a.red1:link{color:#000000;text-decoration: none;}
a.red1:visited{color:#000000;text-decoration: none;}
a.red1:hover{color:#990000;background:#dddddd;text-decoration: none;}
a.red1:active{color:#000000;text-decoration: none;}

a.blk:link{color:#111111;font-size:16px;font-weight: bold;text-decoration: none;}
a.blk:visited{color:#111111;font-weight: bold;text-decoration: none;}
a.blk:hover{color:#ff0000;font-weight: bold;text-decoration: none;}
a.blk:active{color:#111111;font-weight: bold;text-decoration: none;}
 
 
a.black24:link{color:#000;font-size:20px;font-weight: bold;text-decoration: none;}
a.black24:visited{color:#000;font-size:20px;font-weight: bold;text-decoration: none;}
a.black24:hover{color:#000;font-size:20px;font-weight: bold;text-decoration: none;}
a.black24:active{color:#000;font-size:20px;font-weight: bold;text-decoration: none;}
 


a.big:link{display: inline-block;width:99%; background-color:#89DAD8;color:#000000;
           font-size:3em;font-weight: bold; padding:5px 0 10px 10px;text-decoration: none;}
a.big:visited{display: inline-block;width:99%; background-color:#89DAD8;color:#000000;
           font-size:3em;font-weight: bold; padding:1px 0 20px 10px;text-decoration: none;}
a.big:hover{color:#ffffff;background-color: #516253;text-decoration: none;}
a.big:active{display: inline-block;width:99%; background-color:#BB0000;color:#000000;
           font-size:3em;font-weight: bold; padding:1px 0 20px 10px;text-decoration: none;}

a.big2:link{display: inline-block;width:99%; background-color:#eee;color:#333; text-align: center;
           font-size:1.2em;font-weight: bold; padding:1px 0 20px 10px;text-decoration: none;}
a.big2:visited{display: inline-block;width:99%; background-color:#333333;color:#ffffff;
           font-size:1.2em;font-weight: bold; padding:1px 0 20px 10px;text-decoration: none;}
a.big2:hover{color:#ffffff;background-color: #516253;text-decoration: none;}
a.big2:active{display: inline-block;width:99%; background-color:#BB0000;color:#ffffff;
           font-size:1.2em;font-weight: bold; padding:1px 0 20px 10px;text-decoration: none;}
 
a.gray:link{display:block;width:200px;color:#ffffff;background:#333333;text-decoration: none;padding:2px;margin:5px;}
a.gray:visited{color:#006600;background:#003300;text-decoration: none;}
a.gray:hover{color:#000000;background:#cccccc;text-decoration: none;}
a.gray:active{color:#006600;background:#003300;text-decoration: none;}


a.gg:link{font-size:1.2em;font-weight:bold;color:#333;text-decoration: none;}
a.gg:visited{font-size:1.2em;font-weight:bold;color:#333;text-decoration: none;}
a.gg:hover{font-size:1.2em;font-weight:bold;color:#000000;background:#fff;text-decoration: none;}
a.gg:active{font-size:1.2em;font-weight:bold;color:#333;text-decoration: none;}

a.gray2:link{display: inline-block;text-align:center;width:100px;color:#333;background:#ccc;text-decoration: none;padding:5px;margin:0px;}
a.gray2:visited{text-align:center;color:#333;background:#ccc;text-decoration: none;}
a.gray2:hover{text-align:center;color:#000000;background:#fff;text-decoration: none;}
a.gray2:active{text-align:center;color:#333;background:#ccc;text-decoration: none;}

a.gray3:link{color:#aaa;font-size:larger;font-weight: bold;text-decoration: underline;}
a.gray3:visited{color:#aaa;font-size:larger;font-weight: bold;text-decoration: underline;}
a.gray3:hover{color:red;font-size:larger;font-weight: bold;background-color:#eee;text-decoration: none;}
a.gray3:active{color:#aaa;font-size:larger;font-weight: bold;text-decoration: underline;}

a.green:link{color:#006600;text-decoration: none;}
a.green:visited{color:#006600;text-decoration: none;}
a.green:hover{color:#ffffff;background:#003300;text-decoration: none;}
a.green:active{color:#006600;text-decoration: none;}

 a.green1:link,visited,active{
   display:inline-block;
  font-size:larger;
  font-weight:bold;
  color: white;
  padding: 8px 16px;
  text-decoration: none;
   background-color: green;
 }
  a.green1:hover {background:#ddd;}

 
a.blue:link{color:#006699;font-size:larger;font-weight: bold;text-decoration: underline;}
a.blue:visited{color:#006699;font-weight: bold;text-decoration: underline;}
a.blue:hover{color:#ff0000;font-weight: bold;text-decoration: none;}
a.blue:active{color:#006699;font-weight: bold;text-decoration: underline;}

a.blue1:link{color:#006699;font-weight: bold;text-decoration: underline;}
a.blue1:visited{color:#006699;font-weight: bold;text-decoration: underline;}
a.blue1:hover{color:#ff0000;font-weight: bold;text-decoration: none;}
a.blue1:active{color:#006699;font-weight: bold;text-decoration: underline;}

a.blue2:link{color:#006699;font-size:12px;font-weight: bold;text-decoration: none;}
a.blue2:visited{color:#006699;font-size:12px;font-weight: bold;text-decoration: none;}
a.blue2:hover{color:#111111;font-size:12px;font-weight: bold;background-color:#cccccc;text-decoration: none;}
a.blue2:active{color:#006699;font-size:12px;font-weight: bold;text-decoration: none;}


a.blue3:link{display:inline-block;color:#000;font-size:20px;font-weight: bold;background-color:#A9EBD6;text-decoration: none;padding:3px 7px 3px 7px;border:solid 1px #333;margin:2px}
a.blue3:visited{display:inline-block;color:#000;font-size:20px;font-weight: bold;text-decoration: none;padding:2px 5px 2px 5px;border:solid 1px #aaaaaa;}
a.blue3:hover{color:#000;font-size:20px;font-weight: bold;background-color:#ffffff;text-decoration: none;padding:3px 7px 3px 7px;border:solid 1px #BF0069}
a.blue3:active{display:inline-block;color:#000;font-size:20px;font-weight: bold;text-decoration: none;
   padding:2px 5px 2px 5px;border:solid 1px #aaaaaa;background-color:#ffffff;}


a.blue3b:link{display:inline-block;color:#006699;font-size:20px;font-weight: bold;background-color:#eae364;text-decoration: none;padding:2px 5px 2px 5px;border:solid 1px #aaaaaa;margin:3px;}
a.blue3b:visited{display:inline-block;color:#006699;font-size:20px;font-weight: bold;text-decoration: none;padding:2px 5px 2px 5px;border:solid 1px #aaaaaa;}
a.blue3b:hover{display:inline-block;color:#111111;font-size:20px;font-weight: bold;background-color:#cccccc;text-decoration: none;padding:2px 5px 2px 5px;border:solid 1px #aaaaaa;}
a.blue3b:active{display:inline-block;color:#006699;font-size:20px;font-weight: bold;text-decoration: none;padding:2px 5px 2px 5px;border:solid 1px #aaaaaa;}



a.blue4:link{display:inline-block;color:#000;font-size:32px;font-weight: bold;background-color:#EEDE6A;text-decoration: none;padding:3px 7px 3px 7px;border:solid 1px #333;margin:2px}
a.blue4:visited{color:#000;font-size:32px;font-weight: bold;text-decoration: none;}
a.blue4:hover{color:#000;font-size:32px;font-weight: bold;background-color:#cccccc;text-decoration: none;}
a.blue4:active{color:#000;font-size:32px;font-weight: bold;text-decoration: none;}

a.class1:link {background: #fff; border: solid 1px #777; font-weight: bold; color: black; text-decoration: none; padding:3px;}
a.class1:visited {background: #fff; font-weight: bold; color: black; color: black; text-decoration: none; padding:3px;}
a.class1:active {background: #fff;  font-weight: bold; text-decoration: none; padding:3px;}
a.class1:hover {background: #3FD391; font-weight: bold; color: #fff; text-decoration: none; padding:3px;}

a.class2:link {background: #FECCFF; border: solid 1px #777; font-weight: bold; color: black; text-decoration: none; padding:3px;}
a.class2:visited {background: #FECCFF; font-weight: bold; color: black; color: black; text-decoration: none; padding:3px;}  
a.class2:active {background: #FECCFF;  font-weight: bold; color: black; text-decoration: none; padding:3px;}
a.class2:hover {background: #3FD391; font-weight: bold; color: #fff; text-decoration: none; padding:3px;}

a.class3:link {background: #A8E6F0; border: solid 1px #777; font-weight: bold; color: black; text-decoration: none; padding:9px;}
a.class3:visited {background: #A8E6F0;; font-weight: bold; color: black; color: black; text-decoration: none; padding:9px;}
a.class3:active {background: #A8E6F0;;  font-weight: bold; text-decoration: none; padding:9px;}
a.class3:hover {background: #3FD391; font-weight: bold; color: #fff; text-decoration: none; padding:9px;}


a.rep:link{color:#006699;font-size:14px;background-color:#dddddd;text-decoration: none;}
a.rep:visited{color:#006699;font-size:14px;background-color:#dddddd;text-decoration: none;}
a.rep:hover{color:#111111;font-size:14px;background-color:#ffffcc;text-decoration: none;}
a.rep:active{color:#006699;font-size:14px;background-color:#dddddd;text-decoration: none;}

a.foot:link{color:#006699;font-size:14px;font-family:Georgia, serif; font-weight: bold;background-color: #ddd;text-decoration: none;}
a.foot:visited{color:#006699;font-size:14px;font-family:Georgia, serif; font-weight: bold;background-color: #ddd;text-decoration: none;}
a.foot:active{color:#006699;font-size:14px;font-family:Georgia, serif; font-weight: bold;background-color: #ddd;text-decoration: none;}
a.foot:hover{color:#dd0000;font-size:14px;font-family:Georgia, serif; font-weight: bold;background-color: #aaa;text-decoration: none;}

a.foot2:link{color:#006699;font-size:14px;font-family:Georgia, serif; font-weight: bold;background-color: #ddd;text-decoration: none;border:solid 1px #333;}
a.foot2:visited{color:#006699;font-size:14px;font-family:Georgia, serif; font-weight: bold;background-color: #ddd;text-decoration: none;border:solid 1px #333;}
a.foot2:active{color:#006699;font-size:14px;font-family:Georgia, serif; font-weight: bold;background-color: #ddd;text-decoration: none;border:solid 1px #333;}
a.foot2:hover{color:#dd0000;font-size:14px;font-family:Georgia, serif; font-weight: bold;background-color: #aaa;text-decoration: none;border:solid 1px red;}

a.usa1:link,a.usa1:visited,a.usa1:active {
display:inline-block; color:#fff;background-color:#043E93;border:solid 6px #8C0003; border-radius:15px;font-size:20px;font-weight:bold;padding:5px 15px;text-decoration:none;
}
a.usa1:hover {
background-color:#043E93; 
}

 a.wow:link,a.wow:visited,a.wow:active
{
display:inline-block;
font-size:20px;
font-weight:bold;
color:#000000;
background-color:#BEEFD5;
border:solid 1px #006600;
text-align:center;
padding:5px;
margin:2px;
text-decoration:none;
width:auto;
}
a.wow:hover
{
background-color:#fff;
}

 a.wowblu:link,a.wowblu:visited,a.wowblu:active
{
display:inline-block;
font-size:20px;
font-weight:bold;
color:#000000;
background-color:#AED0FF;
border:solid 1px #006600;
text-align:center;
padding:5px;
margin:2px;
text-decoration:none;
width:auto;
}
a.wowblu:hover
{
background-color:#fff;
}

 a.eve:link,a.eve:visited,a.eve:active
{
display:block;
font-size:18px;
font-weight:bold;
color:#000000;
background-color:#FECCFF;
width:95px;
text-align:center;
padding:5px;
margin:2px;
text-decoration:none;
}
a.eve:hover
{
background-color:#fff;
}

 a.eve2:link,a.eve2:visited,a.eve2:active
{
display:inline-block;
font-size:18px;
font-weight:bold;
color:#000000;
background-color:#FEEB67 !important;
 
text-align:center;
padding:5px 10px 5px 10px;
margin:2px;
text-decoration:none;
}
a.eve2:hover
{
background-color:#fff;
}
 
 a.eve3:link,a.eve3:visited,a.eve3:active
{
display:block;
font-size:18px;
font-weight:bold;
color:#000000;
background-color:#FECCFF;
width:180px;
text-align:center;
padding:5px;
margin:2px;
text-decoration:none;
}
a.eve3:hover
{
background-color:#fff;
}



 a.bus:link,a.bus:visited,a.bus:active
{
display:block;
font-size:larger;
font-weight:bold;
color:#000000;
background-color:#669900;
width:100px;
text-align:center;
padding:5px;
margin:3px 5px 3px 5px;
text-decoration:none;
}
a.bus:hover
{
background-color:#fff;
}

 a.afro:link,a.afro:visited,a.afro:active
{
display:inline-block;
font-size:18px;
font-weight:bold;
color:#000000;
background-color:#88AEFF;

text-align:center;
padding:5px;
margin:2px;
text-decoration:none;
}
a.afro:hover
{
background-color:#fff;
}

 a.afrog:link,a.afrog:visited,a.afrog:active
{
display:inline-block;
font-size:18px;
font-weight:bold;
color:#000000;
background-color:#ccc;
min-width:200px;
text-align:center;
padding:5px;
margin:2px;
text-decoration:none;
}
a.afrog:hover
{
background-color:#fff;
}

 a.art:link,a.art:visited,a.art:active
{
display:block;
font-size:larger;
font-weight:bold;
color:#000000;
background-color:#66ccff;
width:140px;
text-align:center;
padding:0 2px 3px 2px;
margin:3px;
text-decoration:none;
}
a.art:hover
{
background-color:#fff;
}
 a.art2:link,a.art2:visited,a.art2:active
 {
color:#000000;
font-size:18px;
font-weight:bold;
background-color:#66ccff;
padding:5px 1px 5px 1px;
text-shadow: 2px 1px #fff;
box-shadow: 4px 5px 5px #000000;
border-radius: 10px;
}
a.art2:hover
{
background-color:red;
box-shadow: 1px 1px 1px #000000;
}

 a.lit:link,a.lit:visited,a.lit:active
{
display:block;
font-size:larger;
font-weight:bold;
color:#000000;
background-color:#ffff99;
width:140px;
text-align:center;
padding:0 2px 3px 2px;
margin:3px;
text-decoration:none;
}
a.lit:hover
{
background-color:#fff;
}

 a.lit2:link,a.lit2:visited,a.lit2:active
 {
color:#000000;
font-size:1.3em;
font-weight:bold;
background-color:#ffff99;
border:solid 1px #000;
padding:10px;
width:40%;
min-width:300px;
}
a.lit2:hover
{
background-color:#fff;
}
 a.lit3:link,a.lit2:visited,a.lit2:active
 {
color:#000000;
font-size:18px;
font-weight:bold;
padding:5px 1px 5px 1px;
background-color:#ffff99;
text-shadow: 2px 1px #fff;
box-shadow: 4px 5px 5px #000000;
border-radius: 10px;
}
a.lit3:hover
{
background-color:red;
box-shadow: 1px 1px 1px #000000;
}   
 a.music:link,a.music:visited,a.music:active
{
display:block;
font-size:larger;
font-weight:bold;
color:#000000;
background-color:#99ff99;
width:140px;
text-align:center;
padding:0 2px 3px 2px;
margin:3px;
text-decoration:none;
}
a.music:hover
{
background-color:#fff;
}
 a.music2:link,a.music2:visited,a.music2:active
 {
color:#000000;
font-size:18px;
font-weight:bold;
padding:5px 1px 5px 1px;
background-color:#99ff99;
text-shadow: 2px 1px #fff;
box-shadow: 4px 5px 5px #000000;
border-radius: 10px;
}
a.music2:hover
{
background-color:red;
box-shadow: 1px 1px 1px #000000;
}


    
.newcont {
display:inline-block;

color:#000000;
font-size:18px;
border:solid 1px #000;
color:#000000;
padding:5px 1px 5px 1px;
 
box-shadow: 4px 5px 5px #bbb;
border-radius: 10px;
 
}
a.newcont:hover
{
background-color:red;
box-shadow: 1px 1px 1px #000000;
cursor:pointer;
}



a.pag1 {
  display:inline-block;
  font-size:normal;
  font-weight:bold;
  color: white;
  padding: 8px 16px;
  text-decoration: none;
   background-color: #0F497D;
   margin:6px;
}


a.pag1b {
  display:inline-block;
  font-size:larger;
  font-weight:bold;
  color: white;
  padding: 8px 16px;
  text-decoration: none;
   background-color: #30A73F;
   margin:6px;
}

a.pag2 {
  display:inline-block;
    font-size:larger;
  font-weight:bold;
  color: black;
  padding: 8px 16px;
  text-decoration: none;
   background-color: #ddd;
      margin:6px;
}


 


.infos {
background-color: #ffffcc;
width:90%; 
padding:10px;
font-size:larger;
}

.seebox {
float:left; 
display: inline-block; 
width:20%;
max-width:110px;
min-width:100px;
height:200px; 
padding:2px; 
margin:2px; 
border:solid 1px #999; 
word-break:keep-all;
overflow:hidden;
}


     

#share-buttons img {
width: 35px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;

}
 
.enlarge:hover {
	transform:scale(5,5);
	transform-origin:0 0;
}

.travel {
color:#000000;
font-size:32px;
font-weight:bold;
background-color:#ffff99;
border:solid 1px #000;
padding:11px;
width:99%;
min-width:300px;
}


.switch {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 18px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #0DDFA6;
}

input:focus + .slider {
  box-shadow: 0 0 1px #0DDFA6;
}

input:checked + .slider:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 18px;
}

.slider.round:before {
  border-radius: 50%;
}
 /* line breaks */
    .break {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    }  
    
    
 /* form */

 
 /* Style inputs, select elements and textareas */
input[type=text], input[type=password], input[type=email],  select,  textarea {
  width: 96%;
  padding: 6px;
  border: 1px solid #555;
  border-radius: 3px;
  box-sizing: border-box;
  resize: vertical;
  font-family: Arial;
  font-size:1em;
  margin-bottom:3px;
  background:#fff;
}
.blank {
display:inline-block;
  width: 96%;
  padding: 6px;
  border: 1px solid #555;
  border-radius: 3px;
  box-sizing: border-box;
  resize: vertical;
  font-family: Arial;
  font-size:1em;
  margin-bottom:3px;
  background-color:#DCC9AB;
} 
/* Style the submit button */
input[type=submit] {
display:inline-block;
  background-color: #4CAF50;
  color: white;
  padding: 3px 9px;
  margin-top:6px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
 
  font-size:1.1em;
}
input[type=radio] {
 transform:scale(1.2);
}
/* Style the container */
 
label {font-size:1em;font-weight:bold;}

 
#search {display:block; background-color:#eee; padding:3px 6px; border:solid 1px #aaa; margin:1px 0 0 0;}