/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for 	Pixie Dust - Main Stylesheet
Author:		Alison Lee (alisonlee@silktide.com) / Silktide Ltd
Created:	27/05/2008
	
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Global Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* commented backslash hack \*/ html, body { height: 100%; } /* end hack */

body					{ background: #fff url("templatefiles/background_1024.jpg") no-repeat bottom right; font: 80% "trebuchet ms", verdana, arial, helvetica, sans-serif; padding: 0; margin: 0;}

h1						{ font-weight: bold; font-size: 1.6em; color: #4b6620; text-align: left; margin: 15px 0; }
h2						{ font-weight: bold; font-size: 1.4em; color: #4b6620; text-align: center; margin: 5px 0 10px ; }
h3						{ font-weight: bold; font-size: 1.2em; color: #4b6620; margin: 5px 0; }

p, li					{ font-size: 1.0em; line-height: 1.5em;  }
a,					
a:visited				{ font-weight: bold; color: #4b6620; text-decoration: none; border-bottom: 1px solid #e0fab0; }
a:hover,					
a:active				{ color: #000; }

hr						{ height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 15px 0; }
img						{ border: 0; }
form, table				{ background: transparent; font-size: 1.0em;  }

.tablestyle				{ border-collapse: collapse; }
.tablestyle td, 
.tablestyle th			{ vertical-align: top; padding: 5px 5px 5px 0; }
.tableborder td, 
.tableborder th			{ vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; }

.clear					{ height: 0; clear: both; font-size: 0.1em; line-height: 0.1em; padding: 0; margin: 0; }
.right					{ float: right; }
.left					{ float: left; }
.imgright				{ float: right; margin: 0 0 10px 20px; }
.imgleft				{ float: left; margin: 0 20px 10px 0; }

.widthwrapper			{ width: 100%; }
.padding				{ padding: 20px; }
.centerall *			{ text-align: center; }

.downarrow				{ font: bold 4.0em "arial black", arial, verdana, helvetica, sans-serif; margin: -20px 0 0; }

/* Layout Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#container				{ width: 100%; min-height: 100%; height: auto; position: relative; background: url("templatefiles/sidecol-bg.jpg") no-repeat bottom left; }
* html #container 		{ height: 100%; }


	
.contentwrapper			{ min-width: 1010px; }


#header					{ height: 89px; min-width: 1000px; position: relative; background: #fff url("templatefiles/header-bg.jpg") repeat-x top left; }
#header img				{ display: block; }
#clearheader			{ clear: both; height: 89px; } 


#sidecol				{ width: 185px; min-height: 100%; height: auto; float: left; margin: 0; } /* margin: -89px 0 -72px 0; margin to match #header and #clearfooter */
* html #sidecol 		{ height: 100%; }

#flashbanner			{ width: 805px; margin: 5px 0 5px 190px; }

#content				{ margin: 10px 0 5px 195px; padding: 10px 0 0 10px; } 

.contentimg				{ float: right; margin: 0 0 20px 30px; }


#clearfooter			{ width: 185px; height: 82px; clear: both;  } 
#footer					{ width: 185px; height: 72px; clear: both; position: absolute; bottom: 10px; text-align: center; margin-top: 10px; }
#footer p				{ font-size: 0.9em; color: #fff; margin: 0; }
#footer a				{ border: 0; }

/* Navigation Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#mainnav				{ padding: 0; margin: 10px; }
#mainnav li				{ list-style-type: none; border-bottom: 1px solid #8fc03d; padding: 5px 0; }
#mainnav li a,
#mainnav li a:visited	{ color: #4b6620; border-bottom: none; }
#mainnav li a:hover,
#mainnav li a:active	{ color: #fff; }

#mainnav ul				{ padding-left: 18px; margin: 8px 0 0 0; }
#mainnav ul li			{ border: 0; }