BODY {font-family:Arial;}
a { text-decoration:none;  color: blue; }
a:visited {color: blue;  }
a:hover { text-decoration: underline; color: #000040; rem-font: bold italic;         
        }

.list { color: blue; }

table font.list tr td
{ 
   font-family: Arial; 
   font-size: 14px; 
   color: blue; 
   rem-font-weight: bold;
   border: solid;
   rem-border: dashed;
   border-color: lightblue;
   border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 1px;
   border-bottom-width: 1px;

}

table font.list tr td a
{ 
   color: black; 
}

.sticker { border: dashed; border-color: blue}

.main 
{ 
   rem-border: solid;
   border-color: black;
   border-top-width: 0px;
   
   rem-border-left-width: 2px;
   rem-border-right-width: 2px;
   rem-border-bottom-width: 2px;
   border-right-color: black;
   background-color: white;
}

.tt1 
{ 
   border: solid;
   border-color: black;
   border-top-width: 0px;
   border-left-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 1px;
}

.img1 
{ 
   border: solid;
   border-color: white;
   border-top-width: 1px;
   border-left-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
}

.btn 
{ 
   border: none;
   border-color: white;
   border-top-width: 1px;
   border-left-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
}
:hover .btn
{
  filter:gray();
}

table .corner
{ 
   rem-border: solid;
   border: dashed;
   border-color: lightblue;
   rem-border-color: black;
   border-top-width: 0px;
   border-left-width: 0px;
   border-right-width: 1px;
   border-bottom-width: 0px;

}


.class1 { border: dashed; border-color: #000080;  border-width: 2px }
hhr { border: dashed; border-color: #000080;}
hr { border: solid; border-color: #000080;}

.subjectimg 
{ 
   rem-filter:gray(); 
   border: none;
   border-color: white;
}

:hover .subjectimg
{
  filter:gray();
}

.subject
{ 
   font-family: Arial; 
   color: black; 
   font-weight: bold;
   rem-background-color: white;
   background-color: #e0ffff;
   border: solid;
   rem-border: dashed;
   border-color: white;
   border-top-width: 0px;
   border-left-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 1px;

}


:hover .subject
{ 
   font-family: Arial; 
   color: white; 
   font-weight: bold;
   background-color: lightyellow;
   border: solid;
   rem-border: dashed;
   border-color: lightblue;
   border-top-width: 1px;
   border-left-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;

}

.subjectbk
{ 
   font-family: Arial; 
   rem-color: white; 
   color: #ffff80; 
   font-weight: bold;
   background-color: white;
   border: solid;
   rem-border: dashed;
   border-color: white;
   border-top-width: 0px;
   border-left-width: 5px;
   border-right-width: 5px;
   border-bottom-width: 0px;

}


.subject2
{ 
   font-family: Arial; 
   color: white; 
   font-weight: bold;
   uu-background-color: red;
   background-color: #000080;
   border: solid;
   rem-border: dashed;
   border-color: white;
   border-top-width: 0px;
   border-left-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 1px;

}

:hover .subject2
{ 
   font-family: Arial; 
   color: white; 
   font-weight: bold;
   uu-background-color: red;
   background-color: red;
   border: solid;
   rem-border: dashed;
   border-color: white;
   border-top-width: 0px;
   border-left-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 1px;

}


.subject3
{ 
   font-family: Arial; 
   color: white; 
   font-weight: bold;
   background-color: #FFFFFF;
   border: solid;
   rem-border: dashed;
   border-color: white;
   border-top-width: 0px;
   border-left-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 1px;

}

:hover .subject3
{ 
   font-family: Arial; 
   color: white; 
   font-weight: bold;
   background-color: yellow;
   border: solid;
   rem-border: dashed;
   border-color: white;
   border-top-width: 0px;
   border-left-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 1px;

}