/* Settings for the built in environments */

html {
height: 100%;
}
#tab { display:inline-block; 
       margin-left: 234px; }
body {
/*background-image: url("rainbow.jpg");*/
background-color: white;
background-repeat: repeat;
background-attachment: fixed;
height: 100%;
}
h1{
font-family: "Verdana";
color:dimgray;
margin-left:5%;
width:90%;
}
h2{
font-family: "Verdana";
color:dimgray;
margin-left:5%;
width:90%;
}
h3{
font-family: "Verdana";
color:silver;
margin-left:5%;
width:90%;
}
p{
font-family: "Verdana";
color:lightgray;
margin-left: 5%;
width: 90%;
}
ul{
font-family: "Verdana";
color:lightgray;
margin-left:5%;
width:90%;
}
li{
  
}

/* Special Page Navigation Links */
ul.two {
font-family: "Verdana";
list-style-type: none;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 5%;
padding: 0;
overflow: hidden;
}
li.two {
  
}
a.two:link, a.two:visited {
    font-family: "Verdana";
    display: block;
    width: 100%;
    font-weight: bold;
    color: black;
    background-color: green;
    text-align: left;
    padding: 1%;
    text-decoration: none;
}
a.two:hover, a.two:active {
  background-color: green;
  color: white;
}


/* Modifying the menu when the page is not small */
@media(min-width: 450px) {

ul.one {
  font-family: "Verdana";
  list-style-type: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 5%;
  padding: 0;
  overflow: hidden;
}
li.one {
  font-family: "Verdana";
  float: left;
  margin-top: 0;
  margin-right: 2%;
  margin-bottom: 0;
  margin-left: 0;
}
a.one:link, a.one:visited {
    font-family: "Verdana";
  font-size: x-large;
    display: block;
    width: 100%;
    font-weight: bold;
    color: white;
    background-color: gray;
    text-align: center;
    padding: 0%;
    text-decoration: none;
}
a.one:hover, a.one:active {
  background-color: white;
  color: gray;
}
}

/* Modifying the menu when the page is small */
@media(max-width: 450px) {
ul.one {
  font-family: "Verdana";
  list-style-type: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 5%;
  padding: 0;
  overflow: hidden;
}
li.one {

}
a.one:link, a.one:visited {
    font-family: "Verdana";
    display: block;
    width: 100px;
    font-weight: bold;
    color: white;
    background-color: green;
    text-align: left;
    padding: 1%;
    text-decoration: none;
}
a.one:hover, a.one:active {
  background-color: white;
  color: green;
}
}

/* Settings for Custom Environments */
#container{
margin-top:5%;margin-left:5%;margin-right:5%;margin-bottom:0;height:100%;
}
#header{
margin-bottom:0;background-color:lightgray;width:100%;
}
#menu{
margin-bottom:0;background-color:gray;width:100%;
}
#content{
background-color:black;
float:left;
width:100%;
border-bottom:thick;
border-bottom-color:#D8D8D8;
border-bottom-style:solid;
}