/* =======================================================================================
   LAYOUT.CSS - Full Page Layout for content has been adapted by author (Derek Norcott) 
	based on the liquid layout templates by:
	Matthew James Taylor - http://matthewjamestaylor.com/
	---------------------------------------------------------------------------------------
	Home and About pages use liquid layout - this allows the content to stretch when 
	resizing the viewport, and gives a footer that sticks to the bottom of the
	viewport, independent of content quantity.
	All other pages use fixed layout, so that the integrity of the content is kept
	when the viewport is resized. As content is shrinkwrapped, the footer hugs the 
	bottom of the content.
	Design has been optimised to keep content above the fold on a 1024 x 768 screen,
	and tested to look aesthetically pleasing in all browsers from 800 x 600 upwards.
	Users who do not use Flash, Javascript, or pop-up windows are also catered for.
	---------------------------------------------------------------------------------------
	Current website (fullpage format) tested using:
	Windows: FF3, IE7, IE6, IE5.5, Opera9.6, Safari3.2, Chrome(Beta), SeaMonkey1.1
	Ubuntu Linux (Gnome desktop): FF, Opera.
	Kubuntu Linux (KDE desktop): Konqueror.
	Apple Mac: [yet to test]
	Website's conformity to web standards confirmed using Amaya browser-editor.
	======================================================================================= */
	
/* GENERAL */
* { margin:0; padding:0; }
html { width:auto; background-color:#000000; color:#808080; overflow:auto;}
body { width:auto; background-color:#000000; color:#808080; }

h2, h3, h4, h5, p, a { font-family:"Helvetica", "Arial", sans-serif; font-size:1em; font-weight:normal; color:#808080; }
h2 { font-weight:bold; }
ul li { margin-left:2em; }
hr { margin:8% 0; }

/* TOP LEVEL */
#wrapper { width:100%; height:100%; min-height:100%; position:relative; background-color:#000000; color:#808080; }

/* SECOND LEVEL */
#head { width:100%; height:auto; background-color:#000000; color:#808080; }
#body { width:100%; height:100%; padding:0; padding-bottom:20px; background-color:#000000; color:#ffffff; }
#foot { position:absolute; width:100%; height:20px; bottom:0; background-color:#000000; color:#ffffff; }

/* MINIMUM DIMENSIONS */
.dims_global { min-width:990px; }


/* BODY WRAPPERS */
.extwrap { width:100%; height:100%; position:relative; clear:both; overflow:hidden; background-color:#000000; color:#ffffff; }
.midwrap, .intwrap { float:left; position:relative; width:100%;	 height:100%; background-color:#000000; color:#ffffff; }

/* BODY COLUMNS */
.mcol, .lcol, .rcol { float:left; position:relative; height:100%; width:100%; padding:.5em 0 .5em 0; background:#000000; color:#ffffff; }
.mcol .breadcrumbs { background-color:#000000; color:#ffffff; }
.mcol .module { background-color:#000000; color:#ffffff; }
.mcol h3 { background-color:#000000; color:#ffffff; }

/* .lcol .module { background-color: #000000; color: #ffffff; } */
/* .rcol .module { background-color: #000000; color: #ffffff; } */


/* 1 COLUMN WIDTH */
.body-1col .mcol { width:96%; left:2%; }