/* YELLOW body text, background, headers, lists, anchors */
BODY { font-family: Arial, sans-serif; color: #553; background: white; }
H1 { color: #663; text-align: center; } H2, H3, H4 { color: #663; font-style: italic; }
LI { color: #553; }
A:link { color: #553; } A:visited {color: #773; } A:hover { color: #773; background: #FFC; text-decoration: none; } A:active { color: #553; }
/* Note: all anchor CSS */ /* a:hover MUST come after a:link and a:visited */ /* a:active MUST come after a:hover */
/* centre IMGs, remove blue border round link IMGs in some browsers */
DIV { text-align: center; } A IMG { border: none; }
/* BLUE main body tables (border colour, spacing, padding are set in HTML) */
TH { background: #579; color: #BDF; font-weight: bold; } TH.sub1 { background: #9BD; color: #357; font-weight: bold; text-align: left; } TH.sub2 { background: #BDF; color: #357; font-weight: normal; text-align: left; }
TD { background: #FFF; color: #345; }
/* GREY footers and related page links, small grey */
DIV.smallgrey { color: #999; font-weight: bold; font-size: smaller; }
A.smallgrey:link {color: #666; text-decoration: none; } A.smallgrey:visited {color: #777; text-decoration: none; } A.smallgrey:hover { text-decoration: underline; } A.smallgrey:active {color: #999; }
/* end of general every-page body styles */
/* ------------------------------------------------------------*/
/* MULTI-COLOUR top menu bar coloured text, underline, anchors */
DIV.menuyellow { color: #FFC; border-bottom: 3px #FFC ridge; font-weight: bold; font-size: larger; padding: 5px; background-color: #777; } DIV.menugreen { color: #CFC; border-bottom: 3px #CFC ridge; font-weight: bold; font-size: larger; padding: 5px; background-color: #777; } DIV.menucyan { color: #CFF; border-bottom: 3px #CFF ridge; font-weight: bold; font-size: larger; padding: 5px; background-color: #777; } DIV.menublue { color: #CCF; border-bottom: 3px #CCF ridge; font-weight: bold; font-size: larger; padding: 5px; background-color: #777; } DIV.menupurple { color: #FCF; border-bottom: 3px #FCF ridge; font-weight: bold; font-size: larger; padding: 5px; background-color: #777; }
A.menuyellow:link { color: #FFC; text-decoration: none; } A.menuyellow:visited { color: #FFC; text-decoration: none; } A.menuyellow:hover { color: #996; background: #FFC; text-decoration: none; } A.menuyellow:active { color: #996; background: #FFC; text-decoration: underline; }
A.menugreen:link { color: #CFC; text-decoration: none; } A.menugreen:visited { color: #CFC; text-decoration: none; } A.menugreen:hover { color: #696; background: #CFC; text-decoration: none; } A.menugreen:active { color: #696; background: #CFC; text-decoration: underline; }
A.menucyan:link { color: #CFF; text-decoration: none; } A.menucyan:visited { color: #CFF; text-decoration: none; } A.menucyan:hover { color: #699; background: #CFF; text-decoration: none; } A.menucyan:active { color: #699; background: #CFF; text-decoration: underline; }
A.menublue:link { color: #CCF; text-decoration: none; } A.menublue:visited { color: #CCF; text-decoration: none; } A.menublue:hover { color: #669; background: #CCF; text-decoration: none; } A.menublue:active { color: #669; background: #CCF; text-decoration: underline; }
A.menupurple:link { color: #FCF; text-decoration: none; } A.menupurple:visited { color: #FCF; text-decoration: none; } A.menupurple:hover { color: #969; background: #FCF; text-decoration: none; } A.menupurple:active { color: #969; background: #FCF; text-decoration: underline; }
/* multi-coloured tables (border colour, spacing, padding are set in HTML) */
TH.red { background: #966; color: #FFF; } TH.grn { background: #696; color: #FFF; } TH.blu { background: #669; color: #FFF; } TH.yel { background: #996; color: #FFF; } TH.pur { background: #969; color: #FFF; } TH.cya { background: #699; color: #FFF; } TH.cy2 { background: #366; color: #FFF; } TH.cy3 { background: #699; color: #CFF; } TH.gry { background: #999; color: #FFF; } TH.gr2 { background: #777; color: #FFF; } TH.whi { background: #FFF; color: #666; text-align: left; } TH.bandw1 { background: #999; color: #333; font-weight: bold; text-align: left; } TH.bandw2 { background: #CCC; color: #333; font-weight: normal; text-align: left; }
TD.red { background: #FCC; color: #600; } TD.grn { background: #CFC; color: #060; } TD.blu { background: #CCF; color: #006; } TD.bl2 { background: #EEF; color: #006; } TD.yel { background: #FFC; color: #660; } TD.pur { background: #FCF; color: #606; } TD.cya { background: #CFF; color: #066; } TD.cy3 { background: #CFF; color: #036; } TD.gry { background: #CCC; color: #666; } TD.gr2 { background: #999; color: #FFF; } TD.gr3 { background: #777; color: #CCC; } TD.whi { background: #FFF; color: #345; }