/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for Active Grindleford - Main Stylesheet
Author:		Alison Lee (alisonlee@silktide.com) / Silktide Ltd
Created:	11/09/2006
Updated:	26/10/2006

History:

11/09/2006	Stylesheet created
26/10/2006	nosidecol class created

Colours:

Main Green		#488B2D
Sub Green		#79A253
Side Green		#DBE7C7
BG Cream		#F9F2DA
Yellow			#F5C208

	
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

body						{ background-color: #F9F2DA; font: 80% verdana, arial, helvetica, sans-serif; text-align: center; padding: 0; margin: 0;}

h1						{ font: normal 1.6em arial, verdana, helvetica, sans-serif; color: #488B2D; margin: 0 0 15px; }
h2						{ font: bold 1.2em arial, verdana, helvetica, sans-serif; color: #488B2D; margin: 15px 0; }
h3						{ font: bold 1.0em arial, verdana, helvetica, sans-serif; color: #488B2D; margin: 15px 0; }

p, li						{ font-size: 1.0em; line-height: 1.5em; color: #000; }
a:link, a:visited		{ color: #488B2D; }
a:hover, a:active	{ color: #F5C208; }

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


.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; }

.taosDataTable								{ border-collapse: collapse; }
.taosDataTable td, .taosDataTable th	{ vertical-align: top; padding: 3px; border: 1px solid #888; }
.taosDataTable th							{ background-color: #e0e0e0; text-align: center; }

.clear					{ height: 0; clear: both; font-size: 0.1em; line-height: 0.1em; padding: 0; margin: 0; }
.right						{ float: right; }
.left						{ float: left; }
.widthwrapper			{ width: 100%; }
.padding				{ padding: 20px; }

span.highlight			{ color: #79A253; }

#accessibility			{ display: none; }


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

#container			{ width: 764px; background: #fff url("templatefiles/container-bg.jpg") repeat-y 0 0; text-align: left; margin: 15px auto; }
.nosidecol #container	{ background: #fff none; }

#header				{ background: #488B2D url("templatefiles/header-bg.jpg") no-repeat 0 0; padding: 5px; }

#contentwrapper	{ clear: both;  }

#sidecol				{ width: 180px; float: left; }

#subcontent		{ width: 142px; float: right; font-size: 0.85em; margin: 0 0 10px 10px; }
#subcontent p	{ color: #79A253; }

#content			{ background-color: #fff; padding: 20px; margin-left: 180px; }
.nosidecol #content		{ margin-left: 0; }

#footer				{ min-height: 60px; clear: both; background: #488B2D url("templatefiles/footer-bg.jpg") no-repeat left bottom; padding: 10px; }
#home #footer	{ background: #488B2D url("templatefiles/home-footer-bg.jpg") no-repeat left bottom; } 


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

#header img			{ margin-left: 20px; }
#header p				{ color: #fff; margin-top: 0; }
#header a:link			{ color: #fff; }
#header a:visited	{ color: #fff; }

#header #login			{ width: 200px; }
#header #login label		{ font-size: 0.8em; color: #fff; }
#header #login .button	{ width: 44px; height: 18px; background: transparent url("templatefiles/button-bg.jpg") no-repeat 50% 0; font-size: 0.8em; color: #488B2D; border: 0; margin-left: -4px; }


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

#nav						{ padding: 0; margin: 0; }
#nav li					{ list-style-type: none; border-bottom: 1px solid #A9CD7B; }
#nav li.selected a	{ color: #F5C208; }
#nav li a				{ display: block; text-decoration: none; padding: 3px 5px 3px 10px; }
#nav li a.visited		{ color: #488B2D; }

#nav	ul					{ padding-left: 0; margin-left: 0; }
#nav ul li				{ background: transparent url("templatefiles/li-bg.jpg") no-repeat 10px 10px; font-size: 0.85em; border-top: 1px solid #A9CD7B; padding: 3px 0 3px 10px; border-bottom: 0; }
#nav ul li a				{ display: inline; }

#nav li.selected li a	{ color: #488B2D; }
#nav li.selected li a:hover, #nav li.selected li a:active	{ color: #F5C208; }

#subnav li.selected a	{ color: #F5C208; }

.nosidecol #nonav	{ background-color: #DBE7C7; padding: 10px; }


/* Content Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#content ul			{ padding: 0; margin: 0; }
#content ul li			{ background: transparent url("templatefiles/li-bg.jpg") no-repeat 0 9px; list-style-type: none; padding-left: 10px; }

.cornerwrapper		{ /*display: inline;*/ height: 100%; position: relative; padding: 0; margin: 0; }
.cornerwrapper img	{ display: block; border: 1px solid #488B2D; }
.topleft					{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: transparent url('templatefiles/imgcorner-tl.gif') no-repeat top left; }
.topright				{ width: 100%; height: 100%; background: transparent url('templatefiles/imgcorner-tr.gif') no-repeat top right; }
.bottomright			{ width: 100%; height: 100%; background: transparent url('templatefiles/imgcorner-br.gif') no-repeat bottom right; } 
.bottomleft				{ width: 100%; height: 100%; background: transparent url('templatefiles/imgcorner-bl.gif') no-repeat bottom left; }

#home .cornerwrapper img	{ border-color: #F5C208; }
#home .topleft					{ background-image: url('templatefiles/home-imgcorner-tl.gif'); }
#home .topright					{ background-image: url('templatefiles/home-imgcorner-tr.gif'); }
#home .bottomright				{ background-image: url('templatefiles/home-imgcorner-br.gif'); } 
#home .bottomleft				{ background-image: url('templatefiles/home-imgcorner-bl.gif'); }

#home .footerdiv .topleft		{ background-image: url('templatefiles/home-footer-imgcorner-tl.gif'); }
#home .footerdiv .topright	{ background-image: url('templatefiles/home-footer-imgcorner-tr.gif'); }
#home .footerdiv .bottomright{ background-image: url('templatefiles/home-footer-imgcorner-br.gif'); } 
#home .footerdiv .bottomleft	{ background-image: url('templatefiles/home-footer-imgcorner-bl.gif'); }



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

#footer p					{ color: #fff; }
#footer p a					{ color: #F5C208; text-decoration: none; }
#footer p a:hover			{ color: #fff; }

#footer .footerdiv			{ width: 47%; float: left; margin-right: 4%; }
#footer #column2			{ margin-right: 0; }
#footer .footerdiv h2		{ color: #F5C208; margin: 0; }
#footer .footerdiv p			{ color: #fff; margin: 5px 0; }
#footer .footerdiv p a		{ color: #fff; text-decoration: underline; }
#footer .footerdiv p a:hover{ color: #F5C208; }