*{
	padding: 0;
	margin: 0 ;

}
body{
	/*
Settings for the current body of this site.
	*/
	/*
background-image: url("test.jpg");
background-repeat: no-repeat;
background-size: cover;
*/
	/*background: #4dbeff; */
	margin: 0;
}



nav{
width: 100%;
height: 80px;
background-color: #fff;


}
.center{
text-align: center;




}



.menudetails{
	color: black;
	font-size: 20px;
/*	font-family: "Dancing Script";*/
	font-weight: normal;
	line-height: 80px;
}

.header{
	/*  used to create setting for the main header on this site	*/
	background-color: #38b6ff;      /* this is a blue color #38b6ff*/

	overflow: hidden;
   	 position: fixed;
  	/*top: 20px;*/

  	top: 20px;
  	width: 100%;


}

.header ul {
float: left;
padding-left: 100px;

}

.header ul li{
list-style: none;
margin: 0 15px;
display: inline-block;
line-height: 80px;


}
.header ul li a{
text-decoration: none;
color: black;
font-size: 20px;
/*font-family: "Dancing Script";*/
font-weight: normal;
line-height: 80px;

}



.header ul li a.active{
font-weight: bold
}

#logo{
width: 150px;
height: auto;
float: left;

padding-left: 20px;
}

.login-btn{
float: right;
margin-right: 40px;
margin-top: 20px;
color: black;
font-size: 20px;
font-family: "Dancing Script";
font-weight: normal;

}

#maindisplay{
position: fixed;
Display :flex;
align-items: center;
justify-content: center;
top: 100px;
width: 100%;

}

#mainAdmin{
top: 100px;
	width: 200px;
	height: 300px;
display: flex;
flex-direction: column;
	align-items: center;


}

#mainadminholder{

height: 400px;
width: 95%;
display: flex;


}


#datalinks{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 1000px;
	height: 300px;
	border: 3px solid blue;



}

#showhide{

	width: 20px;
	align-items: end;
}

.nooutline{
outline: none;

}


.log-in-out{
display: flex;



}
#myLoginForm {


/*margin-top: 100px;

*/
background-color: lightblue;
width: 300px;
height: 325px;
border-radius: 20px;
border: 3px solid green;
box-shadow: 10px 10px;


align-items: center;
justify-content: space-between;


}

#msgdiv{
	display: flex;
	  justify-content: center;
	  align-items: center;


}

#loginheader{
width: 250px;
height: 50px;
margin-left: 25px;
display: flex;
  justify-content: center;
  align-items: center;

}

#form_btn{
width: 250px;
margin-left: 25px;
display: flex;
justify-content: space-around;
  align-items: center;



}

#btn1 , #btn2{
	width: 89px;
	height: 50px;
	display: flex;
	  justify-content: center;
	  align-items: center;

}

#login_btn_login ,#login_btn_cancel{
	background-color: #38b6ff;
	border-radius: 10px;
	color: black;
	font-size: 20px;
padding: 5px;
	font-weight: normal;




}

#loginuserinfo{
width: 250px;
height: 125px;
margin-left: 25px;
display: flex;
  justify-content: center;
  align-items: center;

}

#forgotpwd{
	width: 250px;
	height: 50px;
	margin-left: 25px;
	display: flex;
	flex-direction: column;
	align-items: center;
}


.mainbody{
	background-image: url("test.jpg");
	background-repeat: no-repeat;
	background-size: cover;
		/*background: #4dbeff; */


}


.hidden{
  display:none;
}

.announcements{
/* used to display the banner along top for announcements or speicals
 to this hidden un comment the line display: none;
 */

	background: #38b6ff;
	width: 100%;
	font-weight: bolder;
	margin: 0;

	overflow: hidden;
    position: fixed;
  	top: 0;
	font-size: 18px;
	text-align: center;
/* This following is commented out when there is no announcement */
	/* display: none; */

}

.tx1{
	color: green;
}

.tx2{
	color: black;
}
.tx3{
	color: white;
}
.tx4{
	color: red;
}
.tx5{
	color: yellow;
}
.tx6{
	color: orange;
}

.bg1{
	background-color: green;
}
.bg2{
	background-color: black;
}
.bg3{
	background-color: white;
}
.bg4{
	background-color: red;
}
.bg5{
	background-color: yellow;
}

.bg6{
	background-color: orange;
}



#maindisplay{
display: flex;
flex-direction: column;


}
.main {

  /*height: 150px; /* Used in this example to enable scrolling */
  background-color: #808080;
}


.srequest{

	background-color: #38b6ff;
}


.testdiv{

	margin-top: 100px;
	width:75%;
	background-color: red;
	border-radius: 15px;
	margin-left: 100px;

}

.bottomborderonly {
	background: transparent;
	    border: none;
	    border-bottom: 3px solid #000000;


}

.error-border{
	border-bottom: 3px solid red;


}
.error-color{
	color: red;
}