/*@media all and (min-width: 960px) {
  b,p,bb{
  color: black;
    font-size: 0.7vw;
  padding-left:2px;
  }
  .std_img{
  height: 25%;
  width: 45%;
  }
}

@media all and (max-width: 959px) and (min-width: 700px) {
  b,p,bb{
  color: black;
    font-size: 2vw;
  padding-left:2px;
  }
  .std_img{
  height: 25%;
  width: 45%;
  }
}

@media all and (max-width: 699px) and (min-width: 50px) {
  b,p,bb{
  color: black;
    font-size: 2.5vw;
  padding-left:2px;
  }
  .std_img{
  height: 15%;
  width: 15%;
  }
}*/

#wrapper {
    margin-left:auto;
    margin-right:auto;
    width:960px;
  scroll-behavior: auto;
}

@media all{
  b,p,bb{
  color: black;
    font-size: 0.7vw;
  padding-left:2px;
  }
}
/* Font family for the whole website*/
* {
  /*padding: 0px;*/
  /*margin: 0px;*/
}
html,
body {
  font-family: Source Sans Pro, sans-serif;
    width: 100%;
    height: 100%;
}

#header_div{
  /*padding-left:15vw;*/
  /*padding-top:10vh;*/
  overflow:auto;
  max-height:25vh;
  /*border: 1px solid blue*/
}
#body_div{
  /*padding-left:15vw;*/
  overflow:auto;
  max-width:45vw;
  min-width:45vw;
  /*top:15vh;*/
  height:70vh;
  /*border: 1px solid blue*/
}

#header_div_left{
/*  float:left;
  height:40px;
  overflow:auto;
  max-width:500px;
  min-width:500px;
  */
  //background-color:peachpuff;
  	max-width:45vw;
	min-width:45vw;
	position:fixed;
	height:40px;
	top:0px; /*start at the top*/
	float:left;

}
#body_div_left{
  float:left;
  /*padding-left:15vw;*/
  /*top:15vh;*/
  height:50vh;
  overflow:auto;
  max-width:500px;
  min-width:500px;
  //background-color:steelblue;
  /*border: 1px solid black*/
}
#header_div_right{
  /*padding-left: 160px;
  height:100px;
  overflow:auto;
  max-width:500px;
  min-width:500px;*/
      max-width:49vw;
    min-width:49vw;
	padding-left: 120px;
	height:40px;
	overflow:auto;
	//background-color:lightblue;

}
#body_div_right{
  /*top:15vh;*/
  padding-left: 160px;
  height:50vh;
  overflow:auto;
  min-width:500px;
  max-width:500px;
  /*border: 1px solid black*/
}

span.weak{
  font-weight:lighter;
  font-size:0.8em;
}

/* Style all font awesome icons */
.fa {
  padding: 2px;
  font-size: 20px;
  width: 30px;
  text-align: center;
  text-decoration: none;
}

/* Add a hover effect if you want */
.fa:hover {
  //opacity: 0.5;
  color: darkblue;
}

a{
  text-decoration: none !important;
}

button{
  background:none;
  border:none;
  cursor:pointer;
  color:grey;
}
button:hover{
  opacity:1.0;
  color: darkblue;
  color: #003F87;
}

/* Set a specific color for each brand */
/*Colours from https://designpieces.com/2012/12/social-media-colours-hex-and-rgb/*/
.fa-facebook {
  background: #3B5998;
  color: white;
}
.fa-twitter {
  background: #55ACEE;
  color: white;
}
.fa-linkedin {
  background: #007bb5;
  color: white;
}
.fa-instagram {
  background: #e95950;
  color: white;
}
.fa-git {
  background: #c9510c;
  color: white;
}
.fa-flickr {
  background: #ff0084;
  color: white;
}
.fa-tumblr {
  background: #32506d;
  color: white;
}
.fa-google-plus-official {
  background: #dd4b39;
  color: white;
}
.fa-pinterest {
  background: #cb2027;
  color: white;
}
.top_text {
  color: #7F7F7F;
  font-size: 1.2em;
}
.normal_text1 {
  /*color: #2E75B6;*/
  color: #0071c1;
  font-size: 1.5em;
}
.normal_text2 {
  color: #7F7F7F;
  font-size: 1.2em;
}
.normal_text3 {
  color: grey;
  //font-weight: bold;
  font-size: 1.2em;
}
.normal_text4{
  font-size: 1.2em;
}
.normal_text5{
  font-size: 0.8em;
}
.middle_only{
  margin:auto;
  max-width:1200px;
  width:1200px;
  border:0px dotted brown;
}

input[type="text"],input[type="password"], textarea {
  background-color : lightgrey;
}

hr {
  background-color: darkgray; 
  height: 2px; 
  padding:0;
  margin-top:1px;
  margin-bottom:1px;
}

#content-frame{
  display:block;
  min-width:1200px;
  max-width:1200px;
  position:fixed;
  z-index:999998;
  height:600px;
  overflow:auto;
}














/**/
