/* BEMUSO STYLESHEET 2011 version 2.4 for HTML 4.01 strict */
/* ------------------------------------------------------- */
/* BLUE body text, background, headers, lists, anchors                    */
/* note: each Menu Index page also has a specific inline style class PAGE */

BODY { font-family: Arial, sans-serif; color: #345; background: white; }
DIV { text-align: center; }

H1 { color: #579; text-align: center; }
H2 { color: #357; font-style: italic; }
H3 { margin-left: 2%; color: #357; font-style: italic; }
H4 { margin-left: 4%; color: #357; font-style: italic; }

STRONG { font-weight: bold; } /* replaces BOLD */
STRONG.red { font-weight: bold; color: #C33; } /* replaces FONT */
STRONG.green { font-weight: bold; color: #393;  } /* replaces FONT */
STRONG.yellow { font-weight: bold; color: #C93;  } /* replaces FONT */
STRONG.blue { font-weight: bold; color: #36F;  } /* replaces FONT */

/* centre tables and main BLUE style */

TABLE { margin: 25px auto 25px auto; border-collapse: collapse; } /* centred */
TABLE.indent { margin-left: 4%; }

TH { background: #579; color: #BDF; font-weight: bold; padding: 10px; border: 1px solid; border-color: #579; }
TH.sub1 { background: #9BD; color: #357; font-weight: bold; text-align: left; border: 1px solid;
border-color: #579; }
TH.sub2 { background: #BDF; color: #357; font-weight: normal; text-align: left; border: 1px solid;
border-color: #579; }
TD { background: #FFF; color: #345;	padding: 10px; 	border: 1px solid; border-color: #579; }
TD.noborder { background: #FFF; color: #345; padding: 10px; border: none; }

/* text block indentation */

P { margin-left: 4%; }
P.blog { text-align: left; margin-left: 20%; margin-right: 20%; }
P.blogindent { text-align: left; margin-left: 25%; margin-right: 25%; }
LI { margin-left: 4%; color: #357; }
TD LI { margin-left: 0; } /* no indent for lists in a cell */

/* body text links */

A:link { color: #357; }
A:visited {color: #579; }
A:hover { color: #BDF; background: #357; text-decoration: none; }
A:active { color: #357; }

/* a:hover MUST come after a:link and a:visited */
/* a:active MUST come after a:hover             */

/* remove blue border on link IMGs in some browsers */

A IMG { border: none; }

/* positioning IMGs inside block elements*/

IMG.floatleft { float: left; margin: 20px 20px 20px 20px; }
IMG.floatright { float: right; margin: 20px 20px 20px 20px; }

/* GREY footers and related page links, small grey */

P.left { text-align: left; }
P.right { text-align: right; }
P.centre { text-align: center; }

DIV.smallgrey { color: #999; font-weight: bold; font-size: smaller; }

A.smallgrey:link { color: #777; text-decoration: none; }
A.smallgrey:visited {color: #777; }
A.smallgrey:hover { color: #FFF;  background: #777; }
A.smallgrey:active { color: #777; }

HR { height: 1px; width: 100%; }

/* end of general every-page body styles */
/* ----------------------------------------------------------- */
/* MULTI-COLOUR Top Menu bar coloured text, underline, anchors */

DIV.blog { border-top: 2px #CCC ridge; margin-top: 5px; margin-bottom: 5px; }

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; }

A.menufbtwitter:link { color: #FFF; text-decoration: none; font-size: small; }
A.menufbtwitter:visited { color: #FFF; text-decoration: none; }
A.menufbtwitter:hover { color: #FFF; text-decoration: underline; background: #999; }
A.menufbtwitter:active { color: #FFF; text-decoration: none; }

/* end of Top Menu bar styles          */
/* ----------------------------------- */
/* multi-coloured tables               */

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; }

/* end of multi-coloured tables styles */
/* ----------------------------------- */
/*                                     */