/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for Nottingham Energy Partnership - Main Stylesheet
Author:		Alison Lee (alisonlee@silktide.com) / Silktide Ltd - All Rights Reserved
Created:	26/06/2007
Updated:	

History:	26/06/2007	Stylesheet created
	
Colours: 

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

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

body					{ background: #ccc url("templatefiles/body_bg.jpg") repeat-y top center; font: 70% verdana, arial, helvetica, sans-serif; text-align: center; padding: 0; margin: 0;}

h1						{ font: bold 1.4em arial, verdana, helvetica, sans-serif; text-transform: uppercase; color: #000; padding-bottom: 5px; border-bottom: 1px solid #ccc; margin: 0 0 15px; }
h2						{ height: 1%; font: bold 1.3em arial, verdana, helvetica, sans-serif; text-transform: uppercase; color: #000; padding-bottom: 5px; border-bottom: 1px solid #ccc; margin: 0 0 10px; }
h3						{ font: bold 1.2em arial, verdana, helvetica, sans-serif; text-transform: uppercase; color: #000; margin: 0 0 10px; }

p, li					{ font-size: 1.0em; line-height: 1.5em; color: #000; }
.intro					{ font-size: 1.2em; }

a						{ color: #013300; }
a:visited				{ color: #628961; }
a:hover, a:active		{ color: #fff; }

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

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

.widthwrapper			{ width: 100%; }
.padding				{ padding: 10px 20px; }
.right					{ float: right; }
.left					{ float: left; }
.clear					{ clear: both; }

#accessibility			{ display: none; }


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

#container				{ width: 760px; text-align: left; margin: 0 auto; }

#header					{ height: 120px; position: relative; background: #003300 url("templatefiles/header-bg.jpg") no-repeat top left; margin-top: 10px; }

#contentwrapper			{ background-color: #fff; min-height: 500px; padding: 10px 0; }

#sidecol				{ width: 190px; min-height: 500px; float: left; background: #fff url("templatefiles/sidecol-bg.jpg") repeat-x top left; margin-top: -10px; }

#contenttop				{ width: 550px; height: 19px; background: #d8dfd7 url("templatefiles/content-bg-top.jpg") no-repeat top left; margin: 0 0 0 200px; }
#content				{ width: 520px; min-height: 490px; background: #d8dfd7 url("templatefiles/content-bg-bot.jpg") no-repeat bottom left; padding: 0 15px 15px 15px; margin: 0 0 0 200px; }

#footer					{ height: 30px; clear: both; background: #003300 url("templatefiles/footer-bg.jpg") no-repeat bottom left; margin-bottom: 10px; }


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

#header #logo			{ position: absolute; top: 10px; left: 10px; }


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

#topnav					{ position: absolute; bottom: 0; right: 5px; padding: 0; margin: 0; }
#topnav p				{ width: 100px; float: left; font-weight: bold; text-transform: uppercase; text-align: center; line-height: 1.2em; padding: 0; margin: 0; padding-right: 5px; }
#topnav p a,
#topnav p a:visited		{ width: 100px; height: 30px; display: block; background: transparent url("templatefiles/tab.jpg") no-repeat bottom left; color: #fff; text-decoration: none; padding: 3px 0 0; }
#topnav p a:hover,
#topnav p a:active		{ color: #feb91e; }

#sidenav				{ width: 155px; min-height: 170px; background: #fff url("templatefiles/sidenav-bg-top.jpg") no-repeat top left; padding: 10px 5px 0 10px; margin: 10px 0 0 10px; }
#sidenav li				{ list-style-type: none; padding: 3px 0; border-bottom: 1px solid #a3b5a3; }
#sidenav li a,
#sidenav li a:visited	{ color: #003300; text-decoration: none; }
#sidenav li a:hover,
#sidenav li a:active	{ color: #feb91e; }

#sidenav ul				{ background: transparent none; padding: 3px 0 0; margin: 0; }
#sidenav ul li			{ border-top: 1px solid #a3b5a3; border-bottom: 0; }
#sidenav ul li a		{ display: block; padding-left: 15px; }

#sidenav ul ul			{ border: 0; margin: -3px 0 -3px 30px; }
#sidenav ul ul li 		{ font-size: 0.9em; border: 0; }
#sidenav ul ul li a		{ padding-left: 0;}

#sidenav-bot			{ width: 170px; height: 10px; background: transparent url("templatefiles/sidenav-bg-bot.png") no-repeat bottom left; padding: 0; margin: 0 0 20px 10px; }

#breadcrumb				{ font-size: 0.9em; color: #628961; margin: -3px 0 10px; }
#breadcrumb b			{ font-weight: normal; }
#breadcrumb a			{ color: #628961; text-decoration: none; }

.azmenunav				{ font-size: 1.2em; letter-spacing: 2px; line-height: 1.0em; color: #000; margin: 10px auto; }
.azmenu span			{ color: #000; }


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

.contentimg				{ float: right; margin: 5px 0 10px 10px; }
.contentimg img			{ display: block; border: 1px solid #fff; }


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

#footer p				{ text-align: center; line-height: 30px; color: #3f5f2d; margin: 0; }
#footer p a,
#footer p a:visited		{ color: #68914e; }
#footer p a:hover,
#footer p a:active		{ color: #3f5f2d; }


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

#home #contentwrapper	{ background: #fff url("templatefiles/home-bg.jpg") no-repeat top left; }
#home #content			{ width: 477px; min-height: 199px; height: 199px; overflow: hidden; background: transparent url("templatefiles/home-content-tall-bg.png") no-repeat top left; padding: 10px 15px; margin: 10px 10px 10px 50px; }
#home .contentshort		{ width: 477px; min-height: 91px; height: 91px; position: relative; background: transparent url("templatefiles/home-content-short-bg.png") no-repeat top left; padding: 8px 15px; margin: 10px 10px 10px 210px; }
#home .linkbox			{ width: 30px; height: 30px; display: block; position: absolute; bottom: 0; right: 0; z-index: 10; }

span.homelogo 			{ position: absolute; top: 0; left: -160px; }

#home h1				{ font-size: 1.3em; color: #fff; margin: 0 0 5px; }
#home h2				{ height: auto; font-size: 1.3em; margin: 0 0 5px; }
#home p					{ font-size: 1.0em; color: #fff; margin: 8px 0; }
#home .intro			{ font-size: 1.1em; }

#home .contentshort h2 a,
#home .contentshort h2 a:visited	{ color: #fff; text-decoration: none; }
#home .contentshort h2 a:hover,
#home .contentshort h2 a:active		{ color: #feb91e; }

#home #footer p			{ margin: 0; }