/* Options for in-page LOCAL navigation. */

/* 
    GLOBAL page-to-page navigation 
    for all nav blocks gets inherited 
    by the LOCAL class below. 
*/
nav {/* the block that holds the anchors. */
  text-align:left;
}
nav a { /* Includes link, visited, active pseudo states */
  background-color:black;
  border:2px solid black;
  border-radius:5px 5px 0 0; 
  color:white;
  font-size:1.1em;
  font-weight:bold;
  margin-right:3px;
  padding: 5px;
  text-decoration:none;
}
nav a:hover {/* Default is a cursor change */
  background-color:white;
  color:black;
}

nav a:active {/* Default is red with cursor change. */

}

nav a:link {/* Default is blue. */

}

nav a:visited {/* Default is purple. */
  
}


/* LOCAL in-page navigation inherits what the global defines, above. ------------------------------------------------------------- 
   To make local nav different, make the following changes:  */
   
    .local         { /* Change the background and borders. */ }
    .local a       { /* Change the text color, margin, border, and padding for each anchor/button. */}
    .local a:hover { /* Change the hover text, color, and border color. 
                        Inherit the a:link's margin, padding, and border width to avoid jumpiness. 
                    */ }



h2 {
    color:gray; 
    border-top:1px dotted gray;
    text-shadow: -2px 2px 5px rgba(255,124,23,0.3); 
}