/* Main style sheet for the Rotary Club of Glenferrie web page */
/* =========================================================== */

BODY { 
  margin: 1em;
  font-family: HELVETICA, VERDANA, ARIAL, sans-serif;
  line-height: 1.1;
  background-color: green";
  background: white;
  text="#000000";
  color: black; 

/*  Note on font usage:
      Windows 95 has only Arial, Courier and Times New Roman font sets. 
      Windows 98 and later versions of Windows have the above three fonts together with
	several more including Comic Sans, Impact, Lucida, Tahoma and Verdana.
      Only the Windows 98 fonts should be used, and one of the Windows 95 fonts should
	also be listed to ensure the font displayed is close to 'as designed'.  
 */

H1, H2, H3, H4, H5, H6, P, UL, OL, DIR, MENU, DIV, 
DT, DD, ADDRESS, BLOCKQUOTE, PRE, BR, HR, FORM, DL { 
  display: block }

H1, H2, H3, H4, H5, H6 { font-family: verdana, arial, sans-serif }

B, STRONG, I, EM, CITE, VAR, TT, CODE, KBD, SAMP, 
IMG, SPAN { display: inline }

LI { display: list-item }

H1, H2, H3 { margin-top: 1em; margin-bottom: 1em }
H5, H6 { margin-top: 1em }
H1 { text-align: center }
H1, H2, H3, H4, H5, H6 { font-weight: bold }
H1, H2, H3 { color: darkgreen }
H4, H5, H6 { color: white; background-color: darkgreen }

H1 { font-size: xx-large }
H2 { font-size: x-large }
H3 { font-size: large }

B, STRONG { font-weight: bolder }  /* relative to the parent */
I, CITE, EM, VAR, ADDRESS, BLOCKQUOTE { font-style: italic }
PRE, TT, CODE, KBD, SAMP { font-family: monospace }

PRE { white-space: pre }

ADDRESS { margin-left: 3em }
BLOCKQUOTE { margin-left: 3em; margin-right: 3em }

UL, DIR { list-style: disc }
UL.plain  { list-style-type: none }
OL { list-style: decimal }
MENU { margin: 0 }              /* tight formatting */
LI { margin-left: 3em }

DT { margin-bottom: 0 }
DD { margin-top: 0; margin-left: 3em }

HR { border-top: solid }        /* 'border-bottom' could also have been used */

A {text-decoration:none}
A:link { color: brown text-decoration: overline}     /* unvisited link */
A:visited { color: red }        /* visited links */
A:active { color: lime }        /* active links */
A:hover { color: salmon }        /* active links */

/* setting the anchor border around IMG elements
   requires contextual selectors */

/* A:link IMG { border: 2px solid green }
   A:visited IMG { border: 2px solid red }
   A:active IMG { border: 2px solid lime }
 */

.pwhite { color: white }
.psmall { font-size: small }
.pmed { font-size: medium }
.pxsmall { font-size: x-small }
.pxxsmall { font-size: xx-small }
.caption { font-family: 'Arial Narrow', Arial, sans-serif; font-size: medium; font-weight: bold }
.emphatic { font-size: medium; font-weight: bold }
.whiteonblue { color: white; background-color: darkblue }
.whiteondark { color: white; background-color: brown }

