/*body { background-image:url("../images/gray_bg.jpg"); margin-left:0; margin-right:0; margin-top:0;margin-bottom:0}*/
  a:link, a:visited { color:#7B68EE; }
  a:hover { background-color: transparent; color:#7B68EE; }
  tr.dialogTitle { background-image:url("../images/title.bmp") }
  .bg { background-image:url("../images/bg.bmp") }
  .logo { background-image:url("../images/dialog_msg.gif") }
	form{margin:0;}
  table#menu{
    background:#2C7736;
  }
  table#header {
    background:white;
  }
	tr#default {
    background:white;
  }
  tr#header {
    background:#B2615A;
    color:#ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight:bold;
  }
  tr#buttons {
    background:white;
  }

  td.tdata {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    background-color:#ffffff;
  }

  td.menu a {
    font-family: sans-serif, Verdana, Arial, Helvetica;
    font-size: 12px;
    font-weight:bold;
    color: #000080;
  }

  td.menu a:hover {
    font-family: sans-serif, Verdana, Arial, Helvetica;
    font-size: 12px;
    color: #000080;
    background-color:#C0C0C0;
  }

  td.menu {
    font-family: sans-serif, Verdana, Arial, Helvetica;
    font-size: 12px;
    color: #ffffff;
  }

  td.cutoff {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 30px;
    color: #FF0000;
    font-weight:bold;
    text-align:center;
  }
  
  td.label {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight:bold;
    background:white;
  }

  td.input {    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    background:#ffffff;
  }

  tr.title {
    background:#454374;
    color: #ffffff;
    font-size:11px;
    font-weight:bold;
  }

  .allcaps {
    text-transform:uppercase;
  }

	.small {
    font-family: tahoma;
    font-size: 10px;
    color: #000000;
  }

  .divHide {
    display:none;
  }

  .divShow{
    display:block;
  }

  .regu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
  }
  
  .sel {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: red;
  }
  
  .errorbox {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: red;
    font-weight:bold;
  }
  
  .reguB {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    font-weight:bold;
  }
  .reguC {
    font-family: tahoma,Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: red;
    font-weight:bold;
  }

  .link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
  }
  
  .href {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: blue;
    font-weight:bold;
    text-decoration:underline;
    cursor:pointer;
  }

  .fontred {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: red;
    font-weight:bold;
  }

  .dbtable {
    background-color:#8a333b;
  }

  .dbtable1 {
    background-color:#8a333b;
  }

  .nav {
    background-color:#E4C8C6;
    FONT-SIZE: 12px;
    color: #FFFFF;
    font-family : Arial, Tahoma,Verdana,Arial;
    font-weight: bold;
  }

  .nav .regu{
    color: #fffff;
  }
  
  .tableheader {
    background-color:#E4C8C6;
    background:linear-gradient(#E4C8C6,#E4C8C6);
    color:#fffff;
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align:center;
  }
  
  .tableheader2 {
    background-color:#8a333b;
    color:#fff;
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align:center;
  }

  .tablesubheaderB {
    background-color:white;
    color:#FFF;
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align:left;
  }
  .tablesubheaderC {
    background-color:white;
    color:#FFF;
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align:right;
  }
  .tablesubheaderCenter {
    background-color:white;
    color:#000000;
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align:center;
  }
  .tablesubheader {
    background-color:white;
    color:#000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align:left;
  }
  
  .dbmenu {
    background-color:#669999;
    color: #000000;
  }
  
  .submenu {
    background-color:#ffffff;
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
  }
  
	.header {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		font-style: normal;
		color: #666666;
		font-weight: bolder;
	}
	
	.folder {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-style: normal;
		color: #000000;
		font-weight: bolder;
	}
	
	.regtxt {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
	}
	
	.caption {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #999999;
	}
	
  .footer {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight:bold;
  }

  .courier {
    font-family: Courier New;
    font-size: 11px;
    color: #000000;
  }

  .feature {
    color : #000000;
    font-size : 11px;
    font-family : Tahoma,Verdana,Arial;
    font-weight: normal;
  }

  input.button {
    color : #000000;
    font-size : 11px;
    font-family : Tahoma,Verdana,Arial;
    font-weight: bold;
  }
  
  input.copy {
    color : #000000;
    font-size : 11px;
    font-family : Tahoma,Verdana,Arial;
  }

  input.inset{
    font-size:11px;
    font-family:Verdana,sans-serif;
    color:#888888;
    background-color:#EEEEEE;
    border-style:solid;
    border-color:#BBBBBB;
    border-width:1px;
  }

  input, select, textarea {
    BORDER-TOP-WIDTH: 1px;
    BORDER-LEFT-WIDTH: 1px;
    FONT-SIZE: 11px;
    BORDER-LEFT-COLOR: #88373d;
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-BOTTOM-COLOR: #88373d;
    COLOR: #000000;
    BORDER-TOP-COLOR: #88373d;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    BORDER-RIGHT-WIDTH: 1px;
    BORDER-RIGHT-COLOR: #88373d;
  }

  input.input3 {
    BORDER-TOP-WIDTH: 1px;
    BORDER-LEFT-WIDTH: 1px;
    FONT-SIZE: 15px;
    BORDER-LEFT-COLOR: cyan;
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-BOTTOM-COLOR: cyan;
    color: #ffffff;
    background-color: red;
    BORDER-TOP-COLOR: cyan;
    font-family : Arial, Tahoma,Verdana,Arial;
    BORDER-RIGHT-WIDTH: 1px;
    BORDER-RIGHT-COLOR: cyan;
    font-weight: bold;
  }

  input.input4 {
        BORDER-TOP-WIDTH: 1px;
    BORDER-LEFT-WIDTH: 1px;
    FONT-SIZE: 12px;
    BORDER-LEFT-COLOR: #88373d;
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-BOTTOM-COLOR: #88373d;
    color: #ffffff;
    background-image: linear-gradient( #733b3a, #89343b );
    padding: 2px 10px 2px 10px;
    border-radius: 3px;
    BORDER-TOP-COLOR: #88373d;
    font-family: Arial, Tahoma,Verdana,Arial;
    BORDER-RIGHT-WIDTH: 1px;
    BORDER-RIGHT-COLOR: #88373d;
    font-weight: bold;
    cursor: pointer;
  }
  input.input4:hover
  {
    background-image: linear-gradient( #d64b4b, #9a0505 );
  }

  .input2 {
    BORDER-TOP-WIDTH: 1px;
    BORDER-LEFT-WIDTH: 1px;
    FONT-SIZE: 15px;
    BORDER-LEFT-COLOR: cyan;
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-BOTTOM-COLOR: cyan;
    BORDER-TOP-COLOR: cyan;
    font-family : Arial, Tahoma,Verdana,Arial;
    BORDER-RIGHT-WIDTH: 1px;
    BORDER-RIGHT-COLOR: cyan;
    color : #000000;
    font-size : 11px;
    font-family : Tahoma,Verdana,Arial;
  }

  .norm {
    color : #000000;
    font-size : 11px;
    font-family : Tahoma,Verdana,Arial;
  }

  .smaller {
    font-weight:bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #ffffff;
  }

  .smallest {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
  }
  
  .invalid {
    background-color: white;
	  border-style: solid;
	  border-color: red;
	  border-width: 1;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
  }
  
  .default {
	  background-color: white;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
  }
  
  .browserdefault {
    font-family: Verdana;
    font-size:25px;
    font-weight:bold;
  }

  .browserdefault2 {
    font-family: Verdana;
    font-size:25px;
    color:red;
    font-weight:bold;
  }

  .printerfriendly {
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
  }

  .printerfriendly2 {
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#000000;
    font-size: 11px;
  }
  
  td.box {
    border-top:1px;
    border-left:1px;
    border-bottom:1px;
    border-right:1px;
  }
  
  table.collapse {
    border-collapse:collapse;
    padding:1px solid #111111;
  }
  
  .dialog {
    display:none;
    position:absolute;
    z-index:11;
    border-width: thin;
    border-style:outset;
    top:211px;
    background-color:transparent;
    background-image:url("../images/bg.png")
  }
  
  .emphasize {
    color:red; font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
  }

  fieldset{text-align:left;border:1px solid #387CAF}
  legend{font-weight:bold;color:#387CAF;font-size:12px}
  input.userlog {border:1px solid #387CAF;background:#FFF}

  #output { color:red;}

  div#msg, div.msg {
    color:red; font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
  }
  #navbar a{text-decoration: none;color: #600;}
  #navbar a:hover{background: #000;color: #DDD;}
  #navbar{margin: 0;padding-left: 4px;padding-right: 4px;font-size: .7em;text-align: left;background: #F7F7F7;}
  
  .href_date {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: blue;
    text-decoration:underline;
    cursor:pointer;
  }
  
  .listing {
		width: 100px;
	}
	  .highlightsel{
    color: #FFFFFF;
    background-color: #999999;
  }

  html, body{
    --color-primary: #800000;
    --color-secondary: #C9908B;
  }
  .border-1{
    border: 1px solid #000;
  }
  .border-primary{
    border-color: #8a333b;
  }
  .border-secondary{
    border-color: #A2C3A6;
  }
  .bg-white{
    background: #fff;
  }
  .bg-primary{
    background: #800000;
  }

  .bg-secondary{
    background: linear-gradient(#9A3028,#E8CFCD);
    
  }
  .bg-secondary .regu{
    color: #000000;
  }

  .text-dark{
    color: #111;
  }
  .text-light{
    color: #fffff;
  }
  .text-dark td{
    color: inherit;
  }
  .text-light td{
    color: inherit;
  }
  .p5{
    padding: 5px;
  }
  .p3{
    padding: 3px;
  }
  .text-center{
    text-align: center;
  }
  .text-right{
    text-align: right;
  }
  .border-collapse{
    border-collapse: collapse;
  }

  .blockshade{
    z-index: 1;
  }

body 
{ 
  background: -webkit-linear-gradient( to bottom, white, #C1C1C1 ) fixed;
  background: -moz-linear-gradient( to bottom, white, #C1C1C1 ) fixed;
  background: -ms-linear-gradient( to bottom, white, #C1C1C1 ) fixed;
  background: -o-linear-gradient( to bottom, white, #C1C1C1 ) fixed;
  background: linear-gradient( to bottom, white, #C1C1C1 ) fixed;
  background-repeat:no-repeat;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  background-position:center;
  /*margin: 0;*/
}

#waterMark{
  opacity: 0.1;
  background-image: url("../images/schoolLogo.png");
  width: 35rem;
  bottom: 1%;
  height: 40rem;
  right: 1%;
  display: inline-block;
  position: absolute;
  background-size: cover;
  background-repeat:no-repeat;
  z-index: -1;
}

.history-header{
    background: lightgray;
    text-align: center;
    font-size: 12px;
    background-image: linear-gradient(#890D03,#FFFFFF);
  }
  .history-header > td{

    padding: 4px;  
  }