body {font-family: arial, helvetica, sans-serif; font-size:11px ; color:black;}
td,input,select {font-family: arial, helvetica, sans-serif; font-size:12px; color:black;}
th {font-family: arial, helvetica, sans-serif; font-size:12px; color:black;}

.hdr_schoolname {font-family: arial, helvetica, sans-serif; font-size:20px ; font-weight:bold; color:yellow;}
.hdr_schooladdress {font-family: arial, helvetica, sans-serif; font-size:10px ; color:white;}
.hdr_logininfo {font-family: arial, helvetica, sans-serif; font-size:11px ; color:black;}

.title {font-family: Times New Roman, serif; font-size:20px ; font-weight:bold; color:gray;}
.schoolname {font-family: arial, helvetica, sans-serif; font-size:10px ; font-weight:bold; color:gray;}
.subtitle {font-family: arial, helvetica, sans-serif; font-size:16px ; font-weight:bold; color:#000055;}
.supscript {font-family: arial, helvetica, sans-serif; font-size:12px ; font-weight:bold; color:#FF0000;}

.a1 {font-family: arial, helvetica, sans-serif; font-size:12px; color:black; text-decoration:none;}
.a1:hover {font-family: arial, helvetica, sans-serif; font-size:12px; color:blue; text-decoration:underline;}

.a2 {font-family: arial, helvetica, sans-serif; font-size:12px; color:white; font-weight:bold; text-decoration:none;}
.a2:hover {font-family: arial, helvetica, sans-serif; font-size:12px; color:yellow; font-weight:bold; text-decoration:underline;}

.a3 {font-family: arial, helvetica, sans-serif; font-size:12px; color:blue; text-decoration:none;}
.a3:hover {font-family: arial, helvetica, sans-serif; font-size:12px; color:red; text-decoration:underline;}

.a4 {font-family: arial, helvetica, sans-serif; font-size:10px; color:black; text-decoration:none;}
.a4:hover {font-family: arial, helvetica, sans-serif; font-size:10px; color:blue; text-decoration:underline;}