@charset "utf-8";

/* CSS Document */

 <style>

	*, *:before, *:after {

  box-sizing: border-box;

}





body {

/* default is 1rem or 16px */

font-size: 12px;

}}



h1, p {
	margin: 0 0 1em 0;
	text-align: justify;
	color: #009;
	font-size: 16px;

}

registerform {

	font-size: 16px;

}





.wrapper {

  max-width: 1200px;

  margin: 0 5px;

  display: grid;

  grid-gap: 1px;

}



@media screen and (min-width: 590px) {



  /* no grid support? */

  .sidebar {

	float: left;

	width: 25.1489%;

	background-image: url(images/topbar.jpg);

	background-repeat: repeat;

  }



  .content {

	float: center;

	width: 75.7872%;

	background-color:#31298D;

  }



  .wrapper {

    margin: 0 auto;

    grid-template-columns: 1fr 3fr;

  }

  .footer { font-size:0.75em;

  }

  .header, .footer {

    grid-column: 1 / -1;

    /* needed for the floated layout */

    clear: both;

  }



}



.wrapper > * {

	background-color:#24267B

	color: #000;

	border-radius: 2px;

	padding: 3px;

	font-size: 16px;

	/* needed for the floated layout*/

	margin-bottom: 10px;

	

}



/* We need to set the widths used on floated items back to auto, and remove the bottom margin as when we have grid we have gaps. */

@supports (display: grid) {

  .wrapper > * {

    width: auto;

    margin: 0;

  }

}



    * {box-sizing: border-box}

body {

	font-family: Verdana, sans-serif;

	margin: 0;

	font-size: 16px;

}

.mySlides {display: none}

img {

	vertical-align: middle;

	text-align: center;

}



/* Slideshow container */

.slideshow-container {

  max-width: 650px;

  position: relative;

  margin: auto;

 

 }



/* Next & previous buttons */

.prev, .next {

  cursor: pointer;

  position: absolute;

  top: 50%;

  width: auto;

  padding: 16px;

  margin-top: -22px;

  color: white;

  font-weight: bold;

  font-size: 18px;

  transition: 0.6s ease;

  border-radius: 0 3px 3px 0;

  user-select: none;

}



/* Position the "next button" to the right */

.next {

  right: 0;

  border-radius: 3px 0 0 3px;

}



/* On hover, add a black background color with a little bit see-through */

.prev:hover, .next:hover {

  background-color: rgba(0,0,0,0.8);

}



/* Caption text */

.text {

	color: yellow;

	font-size: 13px;

	padding: 4px 0px;

	position: absolute;

	bottom: 0px;

	width: 100%;

	text-align: center;

	background-color: rgba(0.3,0,0,0.5);

}



/* Number text (1/3 etc) */

.numbertext {

  color:yellow;

  font-size: 12px;

  padding: 8px 12px;

  position: absolute;

  top: 0;

  background-color: rgba(0,0,0,0.5);

}



/* The dots/bullets/indicators */



.active, .dot:hover {

  background-color: #717171;

}



/* Fading animation */

.fade {

  -webkit-animation-name: fade;

  -webkit-animation-duration: 1.5s;

  animation-name: fade;

  animation-duration: 1.5s;

}



@-webkit-keyframes fade {

  from {opacity: .4} 

  to {opacity: 1}

}



@keyframes fade {

  from {opacity: .4} 

  to {opacity: 1}

}



/* On smaller screens, decrease text size */

@media only screen and (max-width: 300px) {

  .prev, .next,.text {font-size: 11px}

}

body {margin:0;font-family:Arial}

  

.topnav {

  overflow: hidden;

  background-color:#00F;

}.topnav a {

  float: left;

  display: block;

  color: #f2f2f2;

  text-align: center;

  padding: 14px 16px;

  text-decoration: none;

  font-size: 15px;

}

announcecontent {

}



.active {

  background-color: #4CAF50;

  color: white;

}



.topnav .icon {

  display: none;

  /*important toggle bar icon*/

  background-color:#25EFE6;

  color: blue;

}



.dropdown {

  float: left;

  overflow: hidden;

}



.dropdown .dropbtn {

  font-size: 15px;    

  border: none;

  outline: none;

  color: white;

  padding: 14px 16px;

  background-color: inherit;

  font-family: inherit;

  margin: 0;

}



.dropdown-content {

  display: none;

  position: absolute;

  background-color: #f9f9f9;

  min-width: 160px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  z-index: 1;

}



.dropdown-content a {

  float: none;

  color: black;

  padding: 9px 12px;

  text-decoration: none;

  display: block;

  text-align: left;

}



.topnav a:hover, .dropdown:hover .dropbtn {

  background-color:#01E6F1;

  color: red;

}



.dropdown-content a:hover {

  background-color:#00F;

  color: WHITE;

}



.dropdown:hover .dropdown-content {

  display: block;

}



@media screen and (max-width: 600px) {

  .topnav a:not(:first-child), .dropdown .dropbtn {

    display: none;

  }

  .topnav a.icon {

    float: right;

    display: block;

  }

}



@media screen and (max-width: 600px) {

  .topnav.responsive {position: relative;}

  .topnav.responsive .icon {

    position: absolute;

    right: 0;

    top: 0;

  }

  .topnav.responsive a {

    float: none;

    display: block;

    text-align: left;

  }

  .topnav.responsive .dropdown {float: none;}

  .topnav.responsive .dropdown-content {position: relative;}

  .topnav.responsive .dropdown .dropbtn {

    display: block;

    width: 100%;

    text-align: left;

  }

}



#apDiv1 {

 

  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

 font-size: 12px;

 color: #F00;

 font-style: italic;

 text-decoration: blink;

 text-align: center;

 position: relative;

}

#apDiv2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F00;
	font-style: italic;
	text-decoration: blink;
	text-align: center;
	background-color: #FFF;

}

#tamtable {

	font-size:11px;

	color: red;

	

	

}

#apDiv3 {

 

  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

 font-size: 11px;

 color:#009;

 font-style: italic;

 text-decoration: blink;

 text-align: left;

}

#apDiv4 {

	border-color: thick solid #000;

}

    .content h1 table tr td {

	color: #000;

	text-align: left;

}

#apDiv5 {

 

  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

 font-size: 8px;

 color:#009;

 font-style: italic;

 text-decoration: blink;

 text-align: center;

}

#apDiv6 {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #009;

	font-style: italic;

	text-align: center;

	line-height: normal;

	border-top-width: thin;

	border-right-width: thin;

	border-bottom-width: thin;

	border-left-width: thin;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	vertical-align: middle;

}

#apDiv7 {

	text-align: center;

	vertical-align: middle;

}

    


   

.wrapper .content table tr td {

	font-size: 14px;

	text-align: center;

	vertical-align: middle;

}

    .wrapper .sidebar table {

	font-size: 14px;

	text-align: center;

	vertical-align: middle;

}

#apDiv8{

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 11px;

	text-align: center;

	color: #006;

}



#apDiv9 {

		visibility: hidden;

	color: #FFF;

}

    .email {

	font-size: 16px;

	color: #F00;

}

    </style>.footer1 {

	color: #FFF;

}



.color {

	color: #FFF;

}


#apDivwel:focus {

	border: 1px solid rgb(86, 180, 239);

	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);

	font-size: 14px;

}

#apDivwel{
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.075);
	box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.075);
	-webkit-box-shadow: 0 0 20px blue;
	-moz-box-shadow: 0 0 20px red;
	box-shadow: 0 0 20px blue;
	font-size: 12px;
	display: inherit;
	padding: 4px;
	margin: 0;
	outline: 0;
	background-color: #fff;
	border-radius: 3px;
	text-align: left;
	font-weight: bold;
	position: relative;
	color: #00C;

}


	

.registerform {

	font-size: 18px;

	color: #F00;

	background-color: #FFF;

}

formhead {

	text-align: center;

	vertical-align: middle;

}

.head2 {

	color: #F00;

	font-size: 14px;

}



#register_form tr td div h1 {

	text-align: center;

}

.idnumber {

	font-size: 16px;

	color: #000;

	font-weight: bolder;

}
.admin {
	border: thick solid #00C;
	text-align: center;
	vertical-align: middle;
	text-decoration: underline;
}