body { color: teal; font-family: 'Comic Sans MS','Comic Sans',Verdana, Arial, Sans-serif;background-image: url("../images/background.jpg") }

a:visited { color: #003366; font-weight: bold}
a:link    { color: #003366; font-weight: bold}
a:active  { color: #003366; font-weight: bold}

div.aa {width: 470pt; height: 108pt; border-style: solid;  border-width : 3pt; padding-left: 4.0pt; padding-right: 4.0pt; padding-top: 1.0pt; padding-bottom: 1.0pt}
div.hmc {width:60%; margin-right:20%; margin-left:20%; border-style:double; border-color: #003366; padding-top:8px; padding-bottom:24px}
div.book {text-align:center; margin:10px 0}

h1 {TEXT-ALIGN: center; text-transform: uppercase; color: #003366}
h2 {color: #003366}
h3 {color: #003366; text-transform: uppercase}
h4 {color: #003366}

img {max-width:90%;}
img.aa  {float: left; margin-right: 12px }
img.bdr, img.std {border: 4px solid #003366}
img.btnl {border-width: 0}
img.lft {float: left; margin-right: 120px}
img.rgt {float: right; margin-left: 120px}
img.tbm {text-ALIGN: center; border: solid #003366}

p {text-align: justify;margin-bottom: 0px}
p.first {color:#003366; font-weight:bold;}
p.bold {font-weight:bold}

table.cnt {margin-left: auto; margin-right: auto;}
table.diary {border: 1px solid #003366; width: 90%;  font-weight:bold ;text-align:center ;margin-left: auto; margin-right: auto }
table.dbl {border-style: double; border-color: #003366; HEIGHT: 148px;vertical-align:middle}
table.lnk {background-color: white; width:100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-bottom: 1px solid #999999; border-right: 1px solid #999999}

td.cm32 {text-ALIGN: center; Vertical-ALIGN: middle; line-HEIGHT: 32px;font-size: large}
td.cl32 {text-ALIGN: left;   Vertical-ALIGN: middle; line-HEIGHT: 32px;font-size: large}
td.diary1   {border: 1px solid #003366; width: 20%; padding: .5em .5em .5em .5em; text-align:center }
td.diary2   {border: 1px solid #003366; width: 40%; padding: .5em .5em .5em .5em; text-align:center }
td.lcb {background-color: #99CCFF; width: 4% ; border-top: 1px solid #999999; border-left: 1px solid #999999; border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD}
td.lc1 {background-color: #99CCFF; width: 46%; border-top: 1px solid #999999; border-left: 1px solid #999999; border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD}
td.lc2 {background-color: #99CCFF; width: 46%; border-top: 1px solid #999999; border-left: 1px solid #999999; border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD}

ul {margin-top: 0px; margin-bottom: 0px}

.aam {color: #ffcc00; text-ALIGN: center; font-size:medium;}
.aar {color: #660099; text-ALIGN: center; font-size:medium;}
.aame{color: #663300; text-ALIGN: center; font-size:medium;}
.aag {color: #ffffff; text-ALIGN: center; font-size:medium;}
.aau {color: #23aa0e; text-ALIGN: center; font-size:medium;}
.aaj {color: #ff9900; text-ALIGN: center; font-size:medium;}
.aac {color: #b81e4a; text-ALIGN: center; font-size:medium;}
.aah {color: #ff6600; text-ALIGN: center; font-size:medium;}
.aat {color: #440953; text-ALIGN: center; font-size:medium;}
.aas {color: #ffffff; text-ALIGN: center; font-size:medium;}
.ang  {text-align:center; color: blue; }
.blu  {text-align: justify; color: #003366}
.blt  {text-ALIGN:center; WIDTH:10% ;vertical-align:top}
.blt2 {text-ALIGN:center; WIDTH:5% ;vertical-align:top}
.blt3 {text-ALIGN:center; WIDTH:3% ;vertical-align:top}
.c90  {text-ALIGN:center; WIDTH:90%}
.c04  {text-ALIGN:center; WIDTH:4%}
.chn  { color: #660066; font-style: italic }
.clear {clear:both}
.cnt  {text-align: center}
.cst  {text-align: justify; color: #003366; font-weight: bold}
.dip1 {text-align:center; color: purple; }
.dip2 {text-align:center; color: green; }
.dip3 {text-align:center; color: #ff6600; }
.fdbk { font-family: 'Comic Sans MS','Comic Sans',Verdana, Arial, Sans-serif; color: #0000FF }
.jst {text-align:justify;}
.lft  {text-align: left}
.lrg  {font-size: large}
.med  { font-size: medium; text-align: center }
.prc  {text-align: justify; color: #FF0000; font-weight: bold}
.red  {color: #FF0000}
.rgt  {text-align: right}
.stu  {color: #006600}
.und  {text-decoration: underline}
.vrs {text-align: center; color: #003366; font-size:110%}
.w15 {width: 15%}
.w17 {width: 17%}
.w19 {width: 19%}
.w20 {width: 20%}
.w25 {width: 25%}
.w32 {width: 32%}
.w35 {width: 35%}
.w44 {width: 44%}
.w48 {width: 48%}
.w50 {width: 50%}
.w65 {width: 65%}
.w75 {width: 75%}
.w80 {width: 80%}
.w90 {width: 90%}
.w1h {width: 100%}
.wsp {text-align:center; color: red; }

#give {margin-left:100px; margin-right: auto;}
#main {position: absolute; top: 5em; margin:  0 calc(3% - 8px) 0 calc(3% - 8px);width: 94%}

/*Footer setup*/

#centrefooter { clear: both; width: 100%; float: left; text-align: center }
#footer       { width: 760px; font-size: 11px; color: #003366; margin-left: auto; margin-right: auto; 
                margin-top: 10px; margin-bottom: 0 }
#footer ul    { background-color: #00cccc; background-repeat: repeat; background-attachment: 
               scroll; list-style-type: none; width: 760px; margin: 0; 
               padding-left: 0; padding-right: 0; padding-top: 5px; 
               padding-bottom: 5px; background-position: 0% 50% }
#footer ul li { background-color: #00cccc; padding: 0px }
#footer ul li ul { background-color: #00cccc; margin: 0; padding: 0px }
#footer ul li ul li { list-style-type: none; display: inline; margin-bottom: 5px; padding-left: 0; 
               padding-right: 0; padding-top: 0px; padding-bottom: 5px }
#footer a:link { background-color: #00cccc; color: #003366; text-decoration: none }
#footer a:visited { background-color: #00cccc; color: #003366; text-decoration: none }
#footer a:hover { background-color: #003366; color: #00cccc; text-decoration: underline }
#footer p     { text-align: center; margin-top: auto; }
#footer li.small { font-size: 6pt; margin: 0; padding: 0 }

h3.sorry {border: 2px solid red; color:red;margin-left: auto; margin-right: auto;}

#copyright {display:none}

/*forms */
.errorlabel {color: Red; font-size:small; text-decoration:none;text-transform:none;font-weight:normal}
/*}*/

@media print{
#footer {display:none}
#copyright {display: block;}
#copyright p {font-weight:bold; font-size: large; color: #660066;}
body {background-image: none}
#main {position: static; width: 94%; margin: 0 3%;}
}