/* CSS Document */

a:link,a:visited {
display:block;
font-family:"Arial", sans-serif;
color:white;
background-color:#00008B;
width:100%;
text-align:center;
padding:1%;
text-decoration:none;
}
a:hover,a:active {
color:black;
background-color:yellow;
}

a.long:link,a.long:visited {
display:block;
font-family:"Arial", sans-serif;
color:white;
background-color:#00008B;
width:100%;
text-align:center;
padding:1%;
text-decoration:none;
}
a.long:hover,a.long:active {
color:black;
background-color:yellow;
}

/* Set the screen colour to a very pale cream */
body { background-color:#FAFAD2; }

div.notePaper {
width:80%;
padding:5% 10% 5%;
}

div.greyPaper {
width:70%;
padding:5% 15% 5%;
}

#footerLeft {
width:33%;
vertical-align:baseline;
text-align:left;
}

#footerMiddle {
width:34%;
vertical-align:baseline;
text-align:center;
}

#footerRight {
width:33%;
vertical-align:baseline;
text-align:right;
}

#headerLeft {
width:32%;
vertical-align:baseline;
}

#headerMiddle {
width:15%;
vertical-align:baseline;
}

#headerRight {
width:53%;
vertical-align:baseline;
}

#p1{
text-align:justify;
}

#p2{
text-align:left;
}

#p11 {
color:#00008B;
text-align:left;
}

#p12 {
color:#00008B;
text-align:left;
}

#p13 {
color:#00008B;
text-align:right;
}

#p16 { color:#00008B; }

p.block {
display:block;
font-family:"Arial", sans-serif;
color:silver;
background-color:#000046;
width:100%;
text-align:center;
padding:1%;
text-decoration:none;
}

p.blockBright {
display:block;
font-family:"Arial", sans-serif;
color:black;
background-color:red;
width:100%;
text-align:center;
padding:1%;
text-decoration:none;
}

table.header { width:100%; }

td.block { width:11.15%; }

td.space { width:1.2%; }

td.catmsg { width:80%; }

td.cat { width:16%; }

td.w4 { width:4%; }

td.w26 {
width:26%;
vertical-align:middle;
}

td.w25 {
width:25%;
vertical-align:top;
}

td.w16 {
width:16%;
}

td.w30 {
width:30%;
}

td.w36 {
width:36%;
vertical-align:top;
}

td.w36c {
width:36%;
vertical-align:top;
text-align:center;
}

td.w40 {
width:40%;
}

td.w42 {
width:42%;
}

td.w48 {
width:48%;
vertical-align:top;
}

td.w48c {
width:48%;
vertical-align:top;
text-align:center;
}

td.w50 {
width:50%;
vertical-align:top;
}

td.w50c {
width:50%;
vertical-align:top;
}

td.w60 {
width:60%;
vertical-align:top;
}

td.w60c {
width:60%;
vertical-align:top;
text-align:center;
}

td.w70 {
width:70%;
vertical-align:top;
}

td.w100c {
width:100%;
vertical-align:top;
text-align:center;
}

td.blueNote {
width:100%;
background:#CCCCEE;
color:blue;
vertical-align:top;
text-align:justify;
}

td.greyNote {
width:100%;
background:#CCCCCC;
color:MidnightBlue;
vertical-align:top;
text-align:left;
}

/* Set a working area that does not use the very edge of the screen */
#workingArea {
width:96%;
margin:auto;
}