/* CSS generated by SiteManager at 05:30pm 26/04/2010 - do not edit this file directly */

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for 	Northamptonshire Get Active Microsite - Main Stylesheet
Author:		Alison Lee (alisonlee@silktide.com) / Silktide Ltd
Created:	15/08/2008
	
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

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

body					{ background: #dbe3f8 url(/templatefiles/nga_body-bg.jpg) repeat-x 0 0; 
							font: 80% verdana, arial, helvetica, sans-serif; text-align: center; padding: 0; margin: 0;}

h1						{ font: bold 1.4em verdana, arial, helvetica, sans-serif; color: #294a9d; margin: 15px 0; }
h2						{ font: bold 1.2em verdana, arial, helvetica, sans-serif; color: #294a9d; margin: 10px 0; }
h3						{ font: bold 1.1em verdana, arial, helvetica, sans-serif; color: #e7282d; margin: 10px 0; }

p, li					{ font-size: 1.0em; line-height: 1.5em; }
.largetext				{ font-weight: bold; font-size: 1.3em; line-height: 1.8em; margin: 1.5em 0; }
.smalltext				{ font-size: 0.85em; color: #777; }
.blue					{ color: #294a9d; }
.red					{ color: #e7282d; }

a,				
a:visited				{ color: #e7282d; text-decoration: none; }
a:hover,					
a:active				{ color: #294a9d; }

hr						{ height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 5px 0; }
hr.dividerhr			{ margin: -5px; }

form, table				{ background: transparent; font-size: 1.0em;  }

img						{ border: 0; }
.contentimg				{ text-align: center; }
.contentimg img			{ display: block; padding: 2px; border: 1px solid #e7282d!important; margin: 10px auto; }


.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; }
.flushleft				{ margin-left: -30px; }

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

#accessibility			{ display: none; }


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

#container 	  		{ width: 780px; min-height: 100%; height: auto; background-color: #fff; text-align: left; border-left: 1px solid #1a3359; border-right: 1px solid #1a3359; margin: 0 auto -80px; } /* margin-bottom to match #clearfooter */
* html #container 		{ height: 100%; }

#header			{ height: 86px; position: relative; background: #fcfcfc url(/templatefiles/nga_header-bg.jpg) repeat-x 0 0; }

#content			{ margin: 10px 345px 10px 10px; }
.fullwidth #content		{ margin-right: 10px; }

#subcontent		{ width: 315px; float: right; margin: 10px 10px 10px 0; }

#clearfooter		{ clear: both; height: 80px;} /* height to match height + padding + margin etc in #footer */
#footer			{ width: 780px; height: 60px; clear: both; text-align: left; margin: 20px auto 0; }


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

#thirtymins				{ position: absolute; top: 5px; right: 5px!important; }
#thirtywords			{ display: none; }


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

#nav					{ height: 42px; background-color: #dc2f35; }
#nav ul					{ padding: 0; margin: 0; }
#nav ul li				{ float: left; list-style-type: none; text-transform: uppercase; }
#nav ul li a,
#nav ul li a:visited	{ display: block; background: url(/templatefiles/nga_li-bg.jpg) no-repeat top right; color: #fff; text-decoration: none; padding: 17px 10px 7px; }
#nav ul li a:hover,
#nav ul li a:active,
#nav ul li.selected a	{ background-image: url(/templatefiles/nga_li-bg-over.jpg); }

ul.subnav				{ padding: 0; margin: 10px; }
ul.subnav li			{ list-style-type: none; text-transform: uppercase; }

p.breadcrumb			{ font-size: 0.85em; color: #777; margin: 0 0 10px; }
p.breadcrumb a,
p.breadcrumb a:visited	{ color: #777; }
p.breadcrumb a:hover,
p.breadcrumb a:active	{ text-decoration: underline; }


/* Subcontent Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#subcontent h2			{ margin-top: 0; }
#subcontent td			{ padding: 0!important; }
#subcontent #comment textarea	{ width: 250px!important; height: 90px; }
#comment .button		{ width: 90px; background-color: #F0F0F0; font-weight: bold; text-transform: uppercase; color: #294a9d; border: 1px solid #bbb; margin: 10px 0 0 165px; }


#login					{ width: 230px; height: 250px; float: right; background: #fff url(/templatefiles/nga_fade-bg.jpg) repeat-x 0 0; margin: 25px 20px 20px 0; }
#login .padding			{ padding: 10px; }
#login h2				{ margin-top: 0; }
#login label			{ color: #294a9d;  }
#login input			{ width: 200px; margin-bottom: 5px;}
#login .button			{ width: 90px; background-color: #F0F0F0; font-weight: bold; text-transform: uppercase; color: #ef9506; border: 1px solid #bbb; margin: 10px 0 15px 115px; }

.greybox				{ min-height: 165px; background: transparent url(/templatefiles/nga_grey-box-bg.jpg) no-repeat top center; padding: 15px; }
.greyboxbot				{ height: 15px; background: transparent url(/templatefiles/nga_grey-box-bg-bot.jpg) no-repeat top center; }


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

#footer p				{ font-size: 0.85em; color: #777; padding-top: 10px; border-top: 1px solid #e8e8e8; margin: 0 15px; }
#footer img.right		{ padding-top: 5px; }