/* Victorian Race Walking Club Web Page Style Theme                                                           */
/*                                                                                                            */
/* This css container implementation is based on the equal-columns design described by Evan Johnson in        */
/* http://www.chilipepperdesign.com/2009/05/03/css-equal-height-columns-with-bottom-border-and-margin         */
/* The basic design has a huge bottom padding to extend its background color, a huge negative margin to pull  */
/* the effective bottom of the column back to where it should be so that the container hides the overflow.    */
/* The theme also has additional formatting statements by Ralph Bennett to give it it's unique look and feel. */

<style type="text/css">

html { height: 100%; margin: 0; }
body { height: 100%; width: 90%; margin:auto; min-width:300px; max-width:1500px; padding: 0; }
body { text-align: center;  font-size: 95%; font-family: georgia, times, "times new roman", serif; color: #000; background-color: #fff;}
div  { margin: 0; padding: 0; }
p    { margin: 0; padding: 10px; }

/* Standard Fonts */
h1 		{ font-size: 2em;    margin: 0.67em 0; }                   /* xxlarge */
h2		{ font-size: 1.5em;  margin: 0.67em 0; }                   /* xlarge  */
h3		{ font-size: 1.17em; margin: 0.67em 0; }                   /* large   */
h4 	        { font-size: 1em;    margin: 0.67em 0; }                   /* medium  */
h5		{ font-size: .83em;  margin: 0.67em 0; font-weight: 300; } /* small   */
h6	     	{ font-size: .67em;  margin: 0.67em 0; }                   /* xsmall  */
h1, h2, h3, h4, h5, h6 { padding: 10px; color: rgb(14, 16, 152);  font-family: "Comic Sans", "Comic Sans MS", cursive;}
p, td, li	{ font-size: .83em;  margin: 0 0; }                        /* small   */
p, td           { font-family: Arial, Helvetica, sans-serif; padding: 10px; }

a:link { color: #036; }
a:visited { color: #066; }
a:hover, a:active {color: #fff; background-color: #036; }
	
.wrapper { text-align: left; margin: 0px auto; padding: 0px; height:auto; width: auto; min-height:100%; }
	
.header { width: 99.6%; clear: both; color: rgb(0, 102, 0); background-color: #33CCFF; border: rgb(14,16,152) 2px solid; border-bottom: 0;}

div#header h1 { margin: 0; padding: .3em 0 .3em .5em; font-size: 2.2em; font-weight: normal; }
	
.column-container { position: relative; overflow: hidden; padding: 0px; zoom: 1; } /* zoom fix for ie6 */
	
.column-1 { float: left; width: 20%; padding-bottom: 64000px; margin-bottom: -64000px; border: rgb(14,16,152) 2px solid; background-color: #33CCFF;}
	
.column-2 { float: right; width: 79%; padding-bottom: 64000px; margin-bottom: -64000px; border: rgb(14,16,152) 2px solid; }

div#column-2 h2 { font-size: 1.2em; color: rgb(0, 102, 0); margin: 0; padding-top: 1em; font-weight: bold; }

.column-1-bottom { position: absolute; bottom: 0; height: 0px; width: 24.5%; border: rgb(14,16,152) 2px solid; background-color: #33CCFF; border-bottom: 0;} 
	
.column-2-bottom { position: absolute; bottom: 0; height: 0px; width: 74.5%; border: rgb(14,16,152) 2px solid; border-bottom: 0;} 
	
.footer { width: 99.7%; clear: both; color: #000000; background-color: #33CCFF;  border: rgb(14,16,152) 2px solid; }

VRWC specific settings from Ralph Bennett

.centre         { text-align: center; }
.txtleft        { text-align: left; }
hr.hr5x100      { height: 5px; width: 98%; background-color: #33CCFF; color: #33CCFF } /* horizontal line */

.write          { font-family: "Monotype Corsiva"; font-size: 150% }
.ffthorn        { font-family: thorndale, sans-serif; color: #3333FF; }
.hilite	        { text-decoration: underline; font-weight: bold; }
.mono		{ font-family: "Courier New", Courier, monospace; font-size: 83%; margin: 1em}

.f172		{ font-size: 172%; } /* was used for h2 headings */
.f120 	        { font-size: 120%; } /* still used in Coaches page for coaches' names */
.f80 		{ font-size: 80%;  } /* was used for h5 headings, Geocities advt */
.f64 		{ font-size: 64%;  } /* was used for h6 Web Master Tag */

table.tbl100    { width: 100%; }
td              { padding: 2px 2px 2px 3px; overflow-wrap: break-word; }

/* colour name uses abbreviations for Brightness and Vividness, then Hue, then size% */
/* eg, dark faded blue */
.dfblue 	{ color: #000099; } /* dark faded blue */
.dfgreen        { color: #009900; } /* replaced "Green = #008000" with safe dfgreen */
.lbazure        { color: #3366FF; } /* light blue-azure */
.lhblue 	{ color: #3333FF; }  /* - overwritten in vrwcrule by dfblue */
.odyellow       { color: #666600; } /* obscure dull yellow */
.owmagenta      { color: #330033; } /* obscure weak magenta */
.fred		{ color: Red; }

/* Page IDs with styles/layouts that are unique to the specific page */
#main td 	{ font-size: 83%; font-style: italic; vertical-align: top; }
#w06 p 		{ font-family: "Courier New", Courier, monospace; font-size: 95%; }
#results p      { font-family: "Courier New", Courier, monospace; font-size: 95%; }
#indx body	{ color: Black; background-color: #33CCFF; background-image: url(nm_bg.gif); } /* imbedded in indx page */
#indx li	{ font-size: .83em;  }                                                         /* imbedded in indx page */			
#recs td	{ font-size: 83%; } /* better if 0.83em */
#coaches table.bglcazure100 { background-color: #33CCFF; width: 100%; }
#recs table.bglcazure100    { background-color: #33CCFF; width: 100%; }

/* HLINK colours imbedded in page for vrwcindx  
:link           { color: #000099; }   /* dark faded blue 
:visited        { color: Purple; } /* = #800080 
:active         { color: #000066; } /* obscure dull blue */ 

</style>