/*   pattern             background    link - alink - vlink   text-color */
/* light-dark-light         silver          cyan-lime-lime        white   */
/* dark-light-dark      dimgray    blue-maroon-maroon   black  */
/* note: when setting the background-color (page background), 
   don't forget to set the background-color of the 'data column' below */

body {                                    /*  l-d-l        d-l-d    */
    background:dimgray;      /* silver     dimgray    page background  */
    color:black}                      /* white       black      text color */

a:link {color:blue;}                /*  cyan       blue     */
a:active {color:maroon;}      /*  lime     maroon  */
a:visited {color:maroon;}     /*  lime     maroon  */

/* Subpage header */
h1 {
    font-size:18pt;
    font-family:"Arial Black";
    text-align:center}

/* Grade headers in honor roll table */
h2 {
    text-align:center;
    font-weight:bold;
    font-size:14pt;
    font-family:Trebuchet,Arial;}

/* Subject headers in honor academics pages */
p.subject {
    text-align:left;
    font-weight:normal;
    font-size:10pt;
    font-family:Trebuchet,Arial;}

p.subjectbig {
    text-align:left;
    font-weight:normal;
    font-size:12pt;
    font-family:Trebuchet,Arial;}

p.subject EM{font-style:italic}

/* ordered lists */
ol {
    font-weight:normal;
    font-size:10pt;
    font-family:Trebuchet,Arial;
    list-style-type:decimal;          /* upper-alpha, lower-alpha, upper-roman, lower-roman, decimal (default), and none */
    list-style-position:outside;}    /*  outside (default), inside (indents more */

ol.sub {
    font-weight:normal;
    font-size:10pt;
    font-family:Trebuchet,Arial;
    list-style-type:lower-alpha;   /* upper-alpha, lower-alpha, upper-roman, lower-roman, decimal (default), and none */
    list-style-position:outside;}   /*  outside (default), inside (indents more */

ol.sub2 {
    font-weight:normal;
    font-size:10pt;
    font-family:Trebuchet,Arial;
    list-style-type:none           ;   /* upper-alpha, lower-alpha, upper-roman, lower-roman, decimal (default), and none */
    list-style-position:outside;}   /*  outside (default), inside (indents more */

ul {
    font-weight:normal;
    font-size:10pt;
    font-family:Trebuchet,Arial;
    list-style-type:disc;              /* square, circle, disc (default), and none */
    list-style-position:inside;}     /*  outside (default), inside (indents more) */

hr {
     color:dimgray;                         /* IE */
     background-color:dimgray;    /* mozilla, opera */
     height:10px;
     width:100%;
}

/* -------------------------------------------------------------------------------------------------------/

/* the table that display the main data on the subpages - three columns */
table.dataT {
    width:100%;
    padding-right:0px;
    padding-left:0px}

/* left column */
/* At 1024 x 768 resolution page width is 1000 */
/* image width is 220 or 220/1000=22% of page */
/* margins - columns 1,3 */
/* note: setting the two margins to accommodate the images, the middle column adjusts to what is left */
td.marginL {
    width:223px;
    vertical-align:top;
    padding-right:5px}

/* data column */
td.dataC {
    background:silver;       /* dimgray     silver  */
    padding-left:15px;
    padding-right:15px;
    font-size:11pt;
    font-family:"Trebuchet","Arial"}  

td.marginR {
/* image width is 93 pixels */
     width:93px;
     vertical-align:middle;
    padding-left:10px}

/* -------------------------------------------------------------------------------------------------------/
/* Schedule Table */

/* Superscript */
sup {
     font-size: 8pt;
     font-weight:normal;
 }

table.schedule {
    border:0px;
    border-spacing:0;
    border-collapse:collapse; }

td.schedulemonth{
    width:350px;
    border:2px;
    border-spacing:0;
    border-collapse:collapse;
    border-style:solid;
    border-color:white;
    font-size:14pt;
    text-align:center;
    font-weight:bold;
    font-family:Trebuchet,Arial;
    background:silver}

td.scheduledayname{
    width:50px;
    border:2px;
    border-spacing:0;
    border-collapse:collapse;
    border-style:solid;
    border-color:white;
    font-size:12pt;
    font-family:Trebuchet,Arial;
    text-align:center;
    font-weight:bold;
    background:silver}

td.scheduledate{
    width:50px;
    border:2px;
    border-spacing:0;
    border-collapse:collapse;
    border-style:solid;
    border-color:white;
     font-size:12pt;
     font-family:Trebuchet,Arial;
     text-align:right;
     font-weight:bold;
     background:silver}

td.schedulemiddle{
    width:25px;}

/* -------------------------------------------------------------------------------------------------------/

/* honor roll table */
td.HonorRollName{
    width:165px;
    vertical-align:top;
    border:0px;
    border-spacing:0;
    border-collapse:collapse;
    font-size:10pt;
    font-family:"Times New Roman";Trebuchet,Arial;
    text-align:left;
    font-weight:normal;
    background:silver}

td.HonorRollGrade{
    width:25px;
    vertical-align:top;
    border:0px;
    border-spacing:0;
    border-collapse:collapse;
    font-size:10pt;
    font-family:Trebuchet,Arial;
    text-align:center;
    font-weight:bold;
    background:silver}

td.HonorRollSeparator{
    width:30px}
