/*  style-screen.css
 */

body, html { font-family: sans-serif; margin:0; padding: 0;}

h1, h2, h3, h4, h5 {
  font-family:  "Georgia", "Times New Roman", Times, serif;
	}

h2 { font-size: 1.5em; }
h2 img {height: 1.4em; }
h3 { font-size: 1.17em; }
h3 img {height: 1.10em; }

/* Buttons generated by Javascript */
button {
  background-color: transparent;
  color:            black;
  border:           none;
  padding:          0;
  margin:           0;
  }

h2, h3 {
  margin-left: 1em;
  }

#header {
  font-size:        0.8em;
  }

#navBar {
  background-color: red;
  color:            white;
  width:            95%;
  margin:           auto;
  }

#navList {
  text-align:       center;
  }

#navList li {
  display:  inline;
  background: #ff0;
  margin: 1em; padding: 0;
  text-align: center;
  }


#navList a:hover {
  background:       #070;
  color:            #ccc;
  text-decoration:  none;
  }

#navList a {
  background:       #ccc;
  color:            #070;
  margin:           0;
  padding:          0.4em;
  border:           1px solid #070;
  text-decoration:  none;
  }

#content {
  font-size:        0.8em;
  position:         fixed;
  width:            95%;
  margin:           1em 2.5%  1em 2.5%;
  border:           3px solid green;
  height:           75%;
  background-color: transparent;
  color:            #070;
  overflow:         auto;
  z-index:          10;
  }

#footer {
  font-size:  0.6em;
  width:      95%;
  margin:     0 2.5% 0 2.5%;
  padding:    0;
  bottom:     0;
  position:   fixed;
  z-index:    0;
  }
#footer p {
  margin: 0;
  padding: 0;
  }

.answer {
  visibility:       hidden;
  color:            green;
  background-color: white;
  }

.notforscreen {
  display:          none;
  }