body {

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

fieldset {
}

legend {
  color: blue;
  padding: 5px 10px;
  }

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

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

}
.centered {
    position: absolute;
    top: 50%;
    font-weight: bold;


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

}

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


}

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

h3.l {
	text-align: center;
	color: lightblue;
}

h3.r {
	text-align: center;
	font-style: italic;
	color: red;
}

h3.p {
	text-align: center;
	color: Purple;
}
h4.w {
	text-align: center;
	color: white;
}
h4.black {
	text-align: center;
	color: black;
}
h5.w {
	text-align: center;
	color: white;
}
h4.r {
	text-align: center;
	color: red;
}

h5.black {
	color: black;
}

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

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

}

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

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.bo {
	color: #800000;
	font-style: bold;
	text-align: center;
}	margin-left: 20%;

p.b {
	color: black;
}
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 {
    width: 90%;
    border: 3px ridge navy;
    }

		div.otextbox {
		    padding: 10px;
				    padding: 10px;
        border: 1px solid #ccc;
        float left;
              				}

		div.graphbox {
		    width: 80%;
		    padding: 5px;
		    border: 1px ridge black;
		    margin: 0;
		    background: white;
		    padding: 5px;
				align: center;
				}
      div.one {
        width: 33.3%;
        float left;
        align left;
            }

      div.two {
        width: 33.3%;
        float left;
        align left;
                }

      div.three {
        width: 33.3%
        float right;
        clear: none;
              }

      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: 30%;
	  margin: 0px;
	  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.row:after {
    content: "";
    display: table;
    clear: both;
  }
  div.column {
  float: left;
  width: 33.33%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

	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: 100%;
		}

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

    .nav {
  background-color: lightblue;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.nav li {
  display: inline-block;
  font-size: 18px;
  padding: 15px;
}