/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for Matlock Town Council - Main Stylesheet
Author:		Alison Lee / Silktide Ltd
Created:	24/05/2006
Updated:	26/04/2007

History:

24/05/2006	Stylesheet created
26/04/2007	Stylesheet updated for site facelift	
	
COLORS

Dark Green			#045822
Pale Green			#EEFFD9
Grey/Green			#B9D1C2
Gold				#FCB526
	
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

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

h1						{ font: normal 2.0em "Times New Roman", Times, serif; color: #045822; margin: 0 0 15px; }
h2						{ font: normal 1.6em "Times New Roman", Times, serif; color: #045822; margin: 15px 0; }
h3						{ font: normal 1.4em "Times New Roman", Times, serif; color: #045822; margin: 15px 0; }
h4						{ font: normal 1.2em "Times New Roman", Times, serif; color: #045822; margin: 0; }

p, li					{ font-size: 1.0em; line-height: 1.5em; color: #000; }
a						{ text-decoration: none; color: #C15C2F;}
a:hover, a:active		{ color: #FCB526; }

img						{ border: 0; }
form, table				{ background: transparent; font-size: 1.0em;  }
fieldset				{ border: 1px solid #B9D1C2; }
legend					{ color: #045822; }
hr						{ height: 1px; background-color: #B9D1C2; color: #B9D1C2; border: 0; }

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

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



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

#container 	  			{ width: 775px; min-height: 500px; background: transparent url("templatefiles/container-bg.jpg") repeat-y 0 0; text-align: left; border: 1px solid #B9CEC5; margin: 5px auto; } 
.nosidecol #container	{ background: #fff none; }

#header					{ height: 111px; background-color: #fff; }
#header img				{ display: block; margin: 0; }
#flash					{ float:right; }

#navigation				{ clear: both; background-color: #045822; }
	
#contentwrapper			{  }
.fullwrapper			{ clear: both; background-color: #fff; }

#leftcol				{ width: 193px; float: left; color: #045822; }

#rightcol				{ width: 260px; float: right; }

#content				{ padding: 20px 0; margin-left: 220px; margin-right: 25px; }
.nosidecol #content		{ margin-left: 20px; }

.content-full			{ clear: both; border-top: 1px solid #B9D1C2; }

#footer					{ width: 775px; clear: both; text-align: left; margin: 0 auto; }
#footer p				{ font-size: 0.8em; line-height: 1.2em; color: #045822; margin: 0 0 5px; }
#footer p a				{ color: #045822; }
#footer p a:hover,#footer p a:active	{ color: #FCB526; }

/* Left Col Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#leftcol p				{ color: #045822; }

#leftcol #subnav		{ padding: 0; margin: 0 0 15px; }
#leftcol #subnav li		{ background: url("templatefiles/bullet-yellow.jpg") no-repeat 0 6px; list-style-type: none; line-height: 1.5em; padding-left: 15px; }
#leftcol #subnav li a		{ color: #C15C2F; }
#leftcol #subnav li.selected a,
#leftcol #subnav li a:hover	{ color: #045822; }


#navigation ul					{ height: 28px; padding: 0; margin: 0; }
#navigation ul li				{ display: inline; list-style-type: none; font-size: 0.95em; padding: 0; margin: 0; }
#navigation ul li a				{ float: left; line-height: 28px; color: #FCB526; padding: 0 5px; border-left: 1px solid #157C3A; }
#navigation ul li a#firstlink 	{ border-left: 0; }
#navigation ul li.selected a,
#navigation ul li a:hover, 
#navigation ul li a:active		{ background-color: #157C3A; color: #fff; }

#sponsor				{ background-color: #fff; text-align: center; padding: 10px; }
#sponsor img			{ margin: auto; }


/* Search Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#search				{ padding: 10px; }
#search input		{ width: 130px; height: 28px; font-weight: normal; font-size: 1.6em; border: 1px solid #999C96; margin-top: 5px; }
#search .button		{ width: 31px; height: 32px; background: transparent url("templatefiles/button-bg-small.png") no-repeat 0 0; font-weight: normal; font-size: 1.0em; text-transform: uppercase; color: #fff; border: 0; }

#results #search .button	{ background: transparent url("templatefiles/button-bg-small-white.png") no-repeat 0 0; }

/* Right Col Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#rightcol, #rightcol p		{ color: #045822; }
#rightcol .padding			{ padding: 0 10px; }



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

#content p a, #content li a	{ border-bottom: 1px solid #B9D1C2; }

#content ul, .content-full ul		{ padding: 0; margin: 0; overflow: hidden; }
#content ul li, .content-full ul li	{ /*list-style: url("templatefiles/li-bg.jpg");*/ background: transparent url("templatefiles/li-bg.jpg") no-repeat 0 1px; list-style-type: none; padding-left: 18px; }

#content .logos img			{ margin: 5px; }

.rightimg					{ width: 210px; float: right; margin: 5px 0 10px 15px; }
.leftimg					{ width: 210px; float: left; margin: 5px 15px 10px 0; }
.leftimg img, .rightimg img	{ display: block; }

p.caption					{ width: 200px; background-color: #EEFFD9; font-size: 0.8em; text-align: center; padding: 5px; margin: 0; }

.content-full .padding 	{ padding: 10px 20px; }
.content-full .leftimg	{ width: 220px; margin: 0; }


/* Misc Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#poll p					{ margin: 5px 0 -5px 5px; }
#poll b					{ font: normal 1.6em "Times New Roman", Times, serif; color: #045822; }

#poll .button			{ width: 84px!important; height: 36px; background: transparent url("templatefiles/button-bg-med.png") no-repeat 2px 4px; font-weight: normal; font-size: 0.9em; text-transform: uppercase; color: #fff; padding: 0; border: 0; margin-top: 10px; }

.events th				{ background-color: #EDF7E0; font: normal 1.2em "Times New Roman", Times, serif; color: #045822; border-width: 1px 0; margin: 0; }
.events td				{ border-width: 1px 0; }


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

#home #container		{ background: transparent url("templatefiles/container-bg-home.jpg") repeat-y 0 0; }
#home #content			{ margin-right: 285px; }
#home #content ul li	{ background: url("templatefiles/bullet.jpg") no-repeat 0 7px; list-style-type: none; padding-left: 15px; }

#home #leftcol 			{ background-color: #EFFFDA; }
#home #leftcol h2		{ margin-top: 0; }
#home #leftcol p		{ color: #045822; }
#home #leftcol a		{ color: #C15C2F; }
#home #leftcol a:hover, #home #leftcol a:active	{ color: #045822; }
#home #leftcol #search, #home #leftcol .padding	{ padding: 10px; border-bottom: 1px solid #B9D1C2; }
#home #leftcol img		{ margin-left: 5px; }