@charset "UTF-8";
body { background-color: #ffeecc; 
       font-family: Arial, Helvetica, sans-serif; 
       color: #000000; 
       font-size: 16px; 
     }
/* --- ALIGN --- */
div.centered { text-align: center; }
.right { float: right;
         right: 0px; }
.left { float: left;
        left: 0px; }

/* --- PARAGRAPHS --- */
/* 16px/16=1.0em */ 
p { font-size: 1.0em;
    padding:0px 10px 0px 10px; }
p.ex1 { font-size: 1.0em;
        padding:0px 10px 0px 10px; }
p.indent { font-size: 1.0em;
           padding:0px 25px 0px 25px;}

/* --- LINK UNDERLINE ---- */
a:link {color:#990099;}
a:visited {color:#000099;}
a:hover {color:#cc0000;}
a:active {color:#0000cc;}

/* -- LINK NO UNDERLINE --- */
a.one:link {color:#0000cc; text-decoration:none; }
a.one:visited {color:#000099;}
a.one:hover {color:#cc0000;}
a.one:active {color:#cc0000;} 

/* --- LINK FOUR --- */
a.four:link { color:#ffffff; text-decoration:none; }
a.four:visited {color:#ffffff;}
a.four:hover {color:#ffff00;}
a.four:active {color:#999999;}

/* --- INLINE ---*/
.inline { display: inline-block; }

/* --- noborderleft --- */

table.noborderleft {
  display: inline-table;
  padding: 5px;
  margin-left: auto;
  margin-right: auto;  }
table.noborderleft th {
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffdd99; }
table.noborderleft td {
  padding: 3px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;   }

/* --- nobordercenter --- */

table.nobordercenter {
  display: inline-table;
  padding: 5px;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto; }
table.nobordercenter th {
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffdd99; }
table.nobordercenter td {
  padding: 3px;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

/* --- bordersleft --- */ 

table.bordersleft { 
  display: inline-table;
  border-collapse: collapse; 
  border: 3px solid black;
  margin-left: auto; 
  margin-right: auto;
  background-color: #ffffff; }
table.bordersleft th {
  cursor: pointer;
  padding: 5px;
  border: 2px solid #000000;
  background-color: #ffdd99; }
table.bordersleft td {
  text-align: left;
  padding: 5px;
  border: 2px solid #000000; } 

/* --- borderscenter --- */ 

table.borderscenter { 
  display: inline-table;
  border-collapse: collapse; 
  border: 3px solid black;
  margin-left: auto; 
  margin-right: auto;
  background-color: #ffffff; }
table.borderscenter th {
  cursor: pointer;
  padding: 5px;
  border: 2px solid #000000;
  background-color: #ffdd99; }
table.borderscenter td {
  text-align: center;
  padding: 5px;
  border: 2px solid #000000; } 

/* --- outlineleft --- */ 

table.outlineleft { 
  display: inline-table;
  border-collapse: collapse; 
  border: 3px solid black;
  margin-left: auto; 
  margin-right: auto;
  background-color: #ffffff; 
  padding: 3px; }
table.outlineleft th { 
  padding: 3px;
  border: 2px solid black;
  background-color: #ffdd99; }
table.outlineleft td { 
  padding: 5px;
  background-color: #ffffff; 
  text-align: left; }

/* --- mainblue --- */ 

table.mainblue {
  padding: 10px;
  background-color: #000033; 
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
table.mainblue th {
  text-align: center;
  font-size: 25px;
  color: #ffffff;  } 
table.mainblue td {
  text-align: center;
  vertical-align: middle;
  width: 100px;   } 

/* --- bordersdark --- */ 

table.bordersdark { 
  display: inline-table;
  border-collapse: collapse; 
  border: 3px solid black;
  margin-left: auto; 
  margin-right: auto;
  background-color: #ffffff; }
table.bordersdark th {
  cursor: pointer;
  padding: 5px;
  border: 2px solid #000000;
  background-color: #dddddd;  }
table.bordersdark td {
  text-align: center;
  color: #ffffff; 
  padding: 5px;
  border: 2px solid #000000;
  background-color: #999999; } 

/* --- calcjs --- */ 

table.calcjs { 
  display: inline-table;
  border-collapse: collapse; 
  border: 3px solid black;
  margin-left: auto; 
  margin-right: auto;
  background-color: #ffffff; 
  padding: 3px; }
table.calcjs th { 
  padding: 3px;
  background-color: #003366; 
  border: 3px solid black;
  font-size: 18px;
  color: #ffffff; }
table.calcjs td { 
  padding: 5px;
  text-align: left; }

/* --- BUTTONS AND SUBMIT --- */

.button {
  border: 3px solid #000000;
  color: white;
  font-size: 16px;
  font-weight: bold;
  background-color: #006cba;
  padding: 3px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer; 
  border-radius: 10px; } 

.button:hover {
  background-color: #000000;
  color: #ffff00; } 

/* --- SUBMIT --- */

.submit {
      -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
           border-radius: 6px;
        background-color: #ffff33;
                  border: 3px solid #000000 ;
                   color: #000000;
              text-align: center;
         text-decoration: none;
                 display: inline-block;
               font-size: 16px;
             font-family: 'Arial';
             font-weight: bold;
                  cursor: pointer;
                 padding: 7px 7px;
                  margin: 5px 5px;  }

.submit:hover { color: #ffffff;
                background:#2b2a7d; }

/* --- 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; }