body {

font-family: Times;
/*	background-image: url("blue_background.jpg");*/
  color:black;
  font-size: large;
	background-repeat: no-repeat;
	background-size: cover
  line-height: 1.5;

}

fieldset {position:relative} /* For legend positioning */
#el01 legend {padding:0} /* Remove padding */
#el02 legend { /* Text and background colour, blue on light gray */
color:#FFFFFF;
}
legend {
  border:2px solid white;
  color:white;
  text-align:center;
  }

.center {
   margin: auto;
   width: 50%;
   padding: 10px;
}

.center2 {
    margin: auto;
    margin-left:40%;
    width: 20%;
    padding: 10px;

}
.centered {
    position: absolute;
    top: 50%;

    transform: translate(0, -50%); /* (x, y) => position */
}
h1.w {
	color: white;
	text-align: center;

}

h2.b {
	color: blue;
	text-align: center;

}
h2.w {
	text-align: center;
	color: white;
}

h3.w {
	text-align: center;
	color: white;
}

h3.r {
	text-align: center;
	font-style: italic;
	color: red;
}
h4.w {
	text-align: center;
	color: white;
}
h4.black {
	text-align: center;
	color: black;
}
h5.w {
	text-align: center;
	color: white;
}
h5.r {
	text-align: center;
	color: red;
}

h5.black {
	color: black;
}

h5.o {
	text-align: center;
	color: orange;
}

h1 {
	color: white;
	text-align: center;

}
h3.o {
	text-align: center;
	color: orange;
}

h4.o {
	text-align: center;
	color: orange;
}

h3.b {
	text-align: center;
	color: blue;
}

h4.b {
	text-align: center;
	color: blue;
}

h5.b {
	text-align: center;
  font-style: bold;
	color: blue;
}

p.o {
	color: #800000;
	font-style: italic;
	text-align: center;
}

p.ob {
	font color: #800000;
  font-style: bold;
	text-align: center;

}
p.w {
	color: white;
	text align: center;
}
p.blue {
	color: blue;
	text align: center;
}
p.test {
    width:auto;
    word-wrap: break-word;
    margin: auto;
    line-height: 200%;
}
p.r {
    color: red;
    text-align: center;
		}

figcaption {
    text-align: center;
		position: below;
}

a.alt {
	color: #fad48b;
	font-style: underline;
}
a:link {
    color: blue;
}

/* visited link */
a.visited {
    color: #E7580C;
}
a.dropdown-toggle {
	color: blue;
}
ul.dropdown-menu {
	color: black
}

li.dropdown {
	color: blue;
}
/* mouse over link */
a.hover {
    color: white;
}

div.textbox {
    padding: 10px;
/*    border: 5px ridge orange; */
    background: white;
    padding: 10px;
		}
		div.otextbox {

      padding: 10px;
			  margin-left: 30%;
				margin-right:30%;
		    background: white;
		    padding: 10px;
        border: 1px solid #ccc;
        				}
      div.dtextbox {
          padding: 10px;
          margin-left: 10%;
          margin-right:10%;
          background: white;
          padding: 10px;
          border: 1px solid #ccc;
                            }
		div.graphbox {
		    width: 80%;
		    padding: 5px;
		    border: 1px ridge black;
		    margin: 0;
		    background: white;
		    padding: 5px;
				align: center;
				}

div.box {
		width: 60%;
		padding: 10px;
		margin: 0;
		background: white;
		padding: 10px;
		align: left;
	  }

div.indent {
  text-indent: 50px;

}
/* visited link */


    }
.tab1{
			padding-left: 50px;
		}

.tab2{
				padding-left:100px;
		}

.tab3{
			padding-left:150px;
		}
.tab4{
			padding-left: 200px;
		}

/*
    The New Styles
*/
.center-login {
    width: 320px;
    margin: 0 auto;
}

.column {
	  float: left;
	  width: 33.3%;
	  margin: 0;
	  padding: 10px;
	}

	/* Clear floats after the columns */
	.row:after {
	  content: "";
	  display: table;
	  clear: both;
	}

	div.textbox .row hr {
		display: none;
	}

	div.textbox .row .column figure {
		margin: auto;

	}

	div.textbox .row .column input {
		padding: 5px;
		width: 200px;
		max-width: 100%;
	}

	div.textbox .row .column input[type="submit"] {
		padding: 5px;
		margin-top: 5px;
		width: 200px;
		max-width: 100%;
		font-weight: bold;
	}

	div.textbox .row .column input[type="submit"]:hover {
	    background: #d4d4d4;
	    border: 1px solid #f0bd61;
	    padding: 6px;
	}

	div.textbox .row .column input[type="submit"]:focus {
	    border: 1px solid #f0bd61;
	    outline: unset;
	    padding: 4px;
	}

	@media only screen and (max-width: 868px) {
		div.textbox {
			width: 95%;
		}

		div.textbox figure {
			margin: auto;
		}
	}

	@media only screen and (max-width: 200px) {
	  /* for widths less than or equal to 629 pixels */
	  #content {
	    float: none;
	    width: 100%;
	  }
	  #navbar {
	    float: none;
	    width: 100%;
	  }

		/* Fix Mobile Alignement Issue*/
		html, body {
			overflow-x: hidden;
			padding: 5px;
		}
		div.textbox {
			width: 75%;
		}

		div.textbox .row hr {
			display: block;
		}

		div.textbox .row .column {
			width: 100%;
    		float: none;
		}

		div.textbox .row .column:first-child {
			margin-bottom: 25px;
			padding-bottom: 25px;
		}