/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for 	Evenbrook - Main Stylesheet
Author:		Alison Lee (alisonlee@silktide.com) / Silktide Ltd
Created:	09/07/2008
	
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

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

body					{ font: 80% "trebuchet ms", verdana, arial, helvetica, sans-serif; padding: 0; margin: 0;}

h1						{ font: bold 1.6em "trebuchet ms", arial, verdana, helvetica, sans-serif; color: #fb7e00; margin: 0 0 15px; }
h2						{ font: bold 1.4em "trebuchet ms", arial, verdana, helvetica, sans-serif; color: #fb7e00; margin: 10px 0 5px; }
h3						{ font: bold 1.2em "trebuchet ms", arial, verdana, helvetica, sans-serif; color: #fb7e00; margin: 10px 0 5px; }

p, li					{ font-size: 1.0em; line-height: 1.5em;  }
.largetext				{ font-size: 1.2em; }
blockquote				{ font-size: 0.9em; line-height: 1.3em; margin: 0; }
cite					{ text-align: right; }


a,						
a:visited				{ font-weight: bold; color: #02006c; text-decoration: none; }
a:hover,						
a:active				{ color: #fb7e00; }

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; padding: 2px; border: 1px solid #d7d7d7; margin: 0 0 10px 20px; }
.imgleft				{ float: left;  padding: 2px; border: 1px solid #d7d7d7; margin: 0 20px 10px 0; }

.widthwrapper			{ width: 100%; }
.padding				{ padding: 20px; }

#accessibility			{ display: none; }

.blue					{ color: #02006c; }


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

#container 	  			{ width: 100%; min-width: 1000px; min-height: 100%; height: auto; margin-bottom: -55px; } /* margin-bottom to match #clearfooter */
* html #container 		{ height: 100%; }

#header					{ min-height: 95px; background-color: #fb7e00; text-align: center; }

#mainnav				{ min-height: 30px; background: #02006c url("templatefiles/mainnav-bg.jpg") repeat-x 0 0; }

#contentwrapper			{ min-height: 5px; background: #fff url("templatefiles/contentwrapper-bg.jpg") repeat-x 0 0; }

#sidecol				{ width: 200px; float: left; margin-top: 15px; }

#content				{ padding-top: 20px; margin: 0 20px 20px 220px; }

#clearfooter				{ clear: both; height: 55px;} /* height to match height + padding + margin etc in #footer */
#footer				{ height: 35px; clear: both; position: relative; text-align: center; margin: 20px 20px 0; }


/* Header Styles
---------------------------------------------------------------------------------------------------------------------------------------------------- */

#header  img			{ margin-top: 8px; margin-left:20px; padding:0; }

#strapline p			{ font-weight: bold; font-family: arial, verdana, helvetica, sans-serif; color: #fff; padding-top: 25px; margin: 0; }
#strapline .largetext	{ font: normal 2.8em arial, verdana, helvetica, sans-serif; color: #fff;}

#helpnum p				{ font: bold 0.85em arial, verdana, helvetica, sans-serif; color: #02006c; margin: 0 10px 0 0; }
#helpnum .largetext		{ font-weight: bold; font-size: 1.8em; line-height: 1.5em;  }
#helpnum a:hover,
#helpnum a:active		{ color: #fff; }

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

/*

See cssdropdown.css

*/

/* Sidebox & Shadowbox Styles
---------------------------------------------------------------------------------------------------------------------------------------------------- */

.sidebox			{ min-height: 100px; background: #f6f6f6 url("templatefiles/sidebox-bg.jpg"); padding: 5px; margin: 10px; }
.sidebox.dark			{ background: #d7d7d7 url("templatefiles/sidebox-bg-dark.jpg"); }
.sidebox .sidebox		{ min-height: 100px; background: #f6f6f6 url("templatefiles/sidebox-bg.jpg"); padding: 5px; margin: 0; }


.sidebox h2				{ font-size: 1.3em; }
.sidebox label			{ display: block; padding-top: 5px; }
.sidebox select			{ width: 100%; z-index: 0; }
.sidebox .button		{ background-color: #f6f6f6; border: 1px solid #fff; margin: 5px 0 0 45px; }

.sidebox blockquote		{ margin: 10px 0; }


.centerdiv				{ width: 694px; text-align: center; margin: auto; }

.shadowbox				{ width: 317px; float: left; background: #fff url("templatefiles/shadow-bg.jpg"); text-align: left; margin: 10px 15px; }
.shadowbox-top			{ width: 317px; height: 4px; background: #fff url("templatefiles/shadow-top.jpg") no-repeat center bottom; margin: 0; }
.shadowbox-bot			{ width: 317px; height: 4px; background: #fff url("templatefiles/shadow-bot.jpg") no-repeat center top; margin: 0; }
.shadowbox-middle			{ overflow:auto; padding:0 20px; }

.shadowbox.wide			{ width: 664px; background: #fff url("templatefiles/shadow-wide-bg.jpg"); text-align: left; margin: 10px 15px; }
.wide .shadowbox-top	{ width: 664px; height: 4px; background: #fff url("templatefiles/shadow-wide-top.jpg") no-repeat center bottom; margin: 0; }
.wide .shadowbox-bot	{ width: 664px; height: 4px; background: #fff url("templatefiles/shadow-wide-bot.jpg") no-repeat center top; margin: 0; }


.shadowbox img			{ display: block; margin: 0 4px; }
.shadowbox object		{ margin: 0 4px; }


/* Home Styles
---------------------------------------------------------------------------------------------------------------------------------------------------- */

.regionlist ul	{ padding-left:15px; margin:0; }
.regionlist li	{ font-size: 1.4em; color: #fb7.e00; list-style-type:none; }

.regionlist td	{ vertical-align:top; }

.homepagelogos 	{ text-align:center; }
.homepagelogos img	{ float:left; margin:0 11px; }
.homepagelogos.wide	{ text-align:center; }



/* Footer Styles
---------------------------------------------------------------------------------------------------------------------------------------------------- */

#footer p				{ font-size: 0.85em; color: #777; text-align: center; margin: 0; }
#footer p.left			{ float: none; position: absolute; bottom: 5px; left: 0; }