@charset "UTF-8";

body { 
      background-color: #000000; 
      font-family: Arial, Helvetica, sans-serif; 
      color: #ffffff; 
      font-size: 16px; 
     }

/*
* { margin: 0; padding: 0; outline: none; }
*/

/* -------------- ALIGN --------------- */

div.centered { text-align: center; }

.right {
        float: right;
        right: 0px;
       }

.left {
       float: left;
       left: 0px;
      }

/* -------------- PARAGRAPHS --------------- */

p { 
   font-size: 1.0em; /* 16px/16=1.0em */ 
   padding:0px 10px 0px 10px;
  }

/* -------------------- LINKS --------------------- */

/* -------- WHITE LINK NO UNDERLINE LINK --------- */ 

a.whitetxt:link {
	          color:#ffffff;
                  font-size: 14px;
                  font-weight: bolder;
                  text-decoration:none;
                }
                 a.whitetxt:visited {color: #ffffff;}
                 a.whitetxt:hover {color: #ffff00;}
                 a.whitetxt:active {color: #ff0000;}

/* -------- Nav Link Bottom --------- */ 

a.blueone:link {
              color:#9999ff;
              text-decoration:none;
              font-size: 14px; 
             }
a.blueone:visited {color:#9999ff;}
a.blueone:hover {color:#cc0000; }
a.blueone:active {color:#666666;} 


/* -------- INLINE --------- */

.inline { display: inline-block; } 

/* -------------------- TABLES --------------------- */

table.noborder {
  display: inline-table;
  border-collapse: collapse;  
  width: 360px
} 

table.noborder th {
  padding: 4px; 
  background-color: #000088;
  text-align: center;
  vertical-align: top;

} 

table.noborder td {
  padding: 4px; 
  text-align: left;
  vertical-align: top;
} 


table.borderlinks { 
  display: inline-table;
  border-collapse: collapse; 
  border: 2px solid #cccccc;
  margin-left: auto; 
  margin-right: auto;
  background-color: #000099; 
}

table.borderlinks td {
  text-align: center;
  padding:4px;
  border: solid 2px #cccccc;
} 

/* -------- CONTAINER FOR NAVIGATION BAR LINKS --------- */

.container {
    overflow: hidden;
    background-color: #333333;
    font-family: Arial;
}

.container a {
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 16px;    
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
}

.container a:hover, .dropdown:hover .dropbtn {
    background-color: red;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

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