/* Style sheet for 120_club, district events, HK page, minutes, newsletter, egroup */

/* Hyperlinks */
a:link		{color:#0000FF;} /* blue */
a:visited	{color:#8B008B;} /* dark magenta */
a:hover		{color:#FF7F00; font-style: italic;} /* orange */
a:active	{color:#FF0000; text-decoration:underline; } /* red */

/* H1 Main heading 24 center red*/
/* H2 District event header 20 center black */
/* H3 News header centre 14 center green */
/* H4 General centre 12 center black 6pt below */
/* H5 Photo caption centre 10 center black */
/* H6 Last dated updated 8 right center black */
/* P  General 12 left black */

/* Font size and type */
h1	{font: 24pt "comic sans MS", arial, sans-serif;}
h2	{font: 20pt "comic sans MS", arial, sans-serif;}
h3	{font: 14pt "comic sans MS", arial, sans-serif;}
h4	{font: 12pt "comic sans MS", arial, sans-serif;}
h5	{font: 10pt "comic sans MS", arial, sans-serif;}
h6	{font: 8pt "comic sans MS", arial, sans-serif;}
p	{font: 12pt "comic sans MS", arial, sans-serif;}
th	{font-family: "comic sans MS", arial, sans-serif;}
td	{font-family: "comic sans MS", arial, sans-serif;}
ul	{font-family: "comic sans MS", arial, sans-serif;}

/* Font Margin */
h1,h2,h3,h4,h5,h6,p,th,td	{margin-top:0pt;margin-bottom:0pt;}
h4				{margin-top:0pt;margin-bottom:6pt;}

/* Font Alignment */
h1,h2,h3,h4,h5	{text-align: center;}
h6		{text-align: right;}
p,th,td,ul	{text-align: left;}

/* Font Colour */
h1		{color: #FF0000;} /* Red */
h2,h4,h5,h6,p	{color: #000000;} /* Black */
h3		{color: #008000;} /* Green */

/* classes to be used to apply colour to text, etc */
.black	{color:#000000;}
.red	{color:#FF0000;}
.blue	{color:#0000FF;}
.purple	{color:#660099;}
.gold	{color:#f2c205;}
.green	{color:#008000;}
.navy	{color:#000080;}
.yellow	{color:#FFFF00;}
.white	{color:#FFFFFF;}
.maroon	{color:#800000;}

/* classes to be used to apply colour to district events */
.colour-dm	{color:#800000;} /* Maroon */
.colour-dp	{color:#008000;} /* Green */
.colour-comp	{color:#FF00FF;} /* Fuchsia */
.colour-ccomp	{color:#9400D3;} /* Darl violet */
.colour-train	{color:#0000FF;} /* Blue */
.colour-kent	{color:#000080;} /* Navy */
.colour-social	{color:#FF6600;} /* Orange */

/* Font sizes */
.font-size42	{font-size:42pt;}
.font-size14	{font-size:14pt;}
.font-size12	{font-size:12pt;}
.font-size10	{font-size:10pt;}

/* classes to remove gap above or below an item */
.nogap { margin-top:1px; padding-top:1px; }
.nogapb { margin-bottom:1px; padding-bottom:1px; }

/* Line spacing */
.mtop6 {margin-top:6pt;}
.mtop12 {margin-top:12pt;}
.mtop18 {margin-top:18pt;}
.mtop24 {margin-top:24pt;}
.mbot6 {margin-bottom:6pt;}
.mbot12 {margin-bottom:12pt;}
.mbot18 {margin-bottom:18pt;}
.mbot24 {margin-bottom:24pt;}
.mtopbot6 {margin-top:6pt;margin-bottom:6pt;}
.mtopbot12 {margin-top:12pt;margin-bottom:12pt;}
.mtopbot18 {margin-top:18pt;margin-bottom:18pt;}
.mtopbot24 {margin-top:24pt;margin-bottom:24pt;}
.mtop18bot6 {margin-top:18pt;margin-bottom:6pt;}

/* Spacing to left and right of the heading */
.heading-spacing { margin-left: 0.5em; margin-right: 0.5em; }

/* Floating picture */
#picturefloatleft {float:left;width: 320px;}