A.nav {
	font-size: 14pt;
	color: #0000cc;
	font: bold;
	text-decoration: none;
}

A.nav:hover {
	font-size: 14pt;
	color: #DC143C;
	font: bold;
	text-decoration: underline;
}


.rightpic {
	padding-left:6px;
	padding-right:6px;
	float:right;
	text-align : center;
	padding-top : 6px;
	padding-bottom : 6px;
	font-weight : bold;
}

.leftpic {
	padding-right:6px;
	padding-left:6px;
	float: left;
	text-align : center;
	padding-bottom : 6px;
	padding-top : 6px;
	font-weight : bold;
}

.margin-bottom {
	margin-bottom: 5px;	
}


LI {
	text-align: justify;
}

BODY {
	SCROLLBAR-FACE-COLOR: #0000cc; SCROLLBAR-SHADOW-COLOR: #ff4500; SCROLLBAR-ARROW-COLOR:#E0FFFF; SCROLLBAR-BASE-COLOR: #E0FFFF; scrollbar-track-color: #F5FFFA;
}

.himp{
	font-weight : bold;
	color : #339900;
}

.hmin{
	font-weight : bold;
	color : #cc3366;}
	
.h4{
	font-size: 16pt;
	font-weight : bold;
	color:#000000;
}

.striped tbody tr:hover {
	background-color:#FFDAB9;
}

p  {
  font-size: 18px;
}

/* works on div */
txt justify {
  text-align: justify;
} 

.italicsmall {
	font-style: italic;
	font-size: smaller;
}

.justify{
	text-align: justify;
	text-justify: inter-word;
}

.button {
	background-color: #ffdead;
	border-width: 2px;
	border-color: #000000;
	border-style: ridge;
	border-radius: 8px;
	padding: 4px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16pt;
}

.button2 {
	background-color: #ffdead;
	border-width: 2px;
	border-color: #000000;
	border-style: ridge;
	border-radius: 8px;
	padding: 4px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16pt;
}

.pr tr:hover {
	background-color:#FFDAB9;
}

blink {
        animation: blinker 1.6s linear infinite;
        color: #4B0082;
       }
      @keyframes blinker {  
        50% { opacity: 0; }
       }
       .blink-one {
         animation: blinker-one 1s linear infinite;
       }
       @keyframes blinker-one {  
         0% { opacity: 0; }
       }
       .blink-two {
         animation: blinker-two 1.4s linear infinite;
       }
       @keyframes blinker-two {  
         100% { opacity: 0; }
       }

		 
.popup {
	position: relative;
	display: inline-block;
	width: auto;
	text-decoration: none;
}

.popup .popuptext {
	visibility: hidden;
	width: 600px;
	/* Position the popup */
	position: absolute;
	z-index: 1;
	left: 50%;
	margin-left: -60px;
}

.popup:hover .popuptext {
    visibility: visible;
}

.welcome2 {
	text-align: center;
	border-color: #4169E1;
	border-width: 8px;
	font-size: 12pt;
	font-weight: normal;
	background-color: #ccFFFF;
	border-style: ridge;
	color: #000000;
	padding-bottom: 20px;
}

.largefont {
	font-size: 35pt;
	font-weight: bold;
}
.midfont {
	font-size: 25pt;
	font-weight: bold;
}

/* Scrollbar width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #ffcc99; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #FF8C00; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #4169E1; 
}

.shadow head {
text-shadow:2px 2px 2px red;
	}


table a {
table-layout: auto;
  width: 60%; 
	}
	
.margins {
	margin-left:20px;
	margin-right:30px;
}

/* below is dropdown code */

.dropbtn {
  background-color: #ffcc99;
  color: #000000;
  padding:4px;
  font-size: 16px;
  border-style: ridge;
  border-width: 2px;
  border-color: #ffcc99;
  font-weight: bold;
  min-width: 100px;
}

.dropdown {
  position: fixed;
  top: 10;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffcc99;
  min-width: 100px;
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 3px 5px;
  text-decoration: none;
  border-style: ridge;
  border-width: 2px;
  border-color: #ff6633;
  font-weight: bold;
  display: block;
}

.dropdown-content a:hover {
background-color: #FFDAB9;
}

.dropdown:hover .dropdown-content {
display: block;
}

.dropdown:hover .dropbtn {
background-color: #FFDAB9;
color: black;
}