﻿/* LFSstyles2.css */
/* Style sheet for LydfordFS wider issues section */
/* 13:15 on 14 March 2009 */

body {font-family: Arial, Helvetica, san-serif;  color: #3D3009;
	background: #B0A070; text-align: center;}
/* body color to light brown text to dark brown*/
/* Verdana font also taken as this seems to cause spidery fonts in non-IE browsers */
	
li {margin-bottom: 5px;}
/* Adds spacing to the individual items in bulleted lists */

#wrapper {width: 960px; margin-right: auto; margin-left: auto;
	border-right: 2px solid #3D3009; border-left: 2px solid #3D3009;
	background: #B0A070;
	text-align: left;}
/* Set width to 960px and background for main part of web site to light green */

#topbar {height: 90px; padding:1em 1em 1em 5em; background: #3D3009; 
	background-image: url(images/globe_new1.gif); background-repeat: no-repeat; 
	background-position: right center;}
/* Set background for top part of page to dark brown*/

#mainstory {display:inline; float: left; width:587px; margin-left: 170px; padding:10px;
 background: #F0F0D0; margin-top: 5px; margin-bottom: 10px;}
/* 'display inline' fixes the IE 6 double margin bug */
/* The main content is floated left but offset from left margin,*/
/* also set here is a very pale brown background */
	
*html #mainstory { width: 607px; w\idth: 587px;}
/* Corrects for IE 5 box model bug */

#mainstory a {color: #3D3009;}
/* This is to esnure that links color matches text in this section
	i.e. a dark brown rather than vivid blue*/

#tableofcontents {font-size:0.90em;}

.rettotop{font-size:0.90em;}

.titled_pic {text-align: center;}
.titled_pic p {font-weight: bold;}

#pullquote {font-size: 0.90em; font-weight: bold; background: #F0F0D0;
float:right; width: 165px; padding: 5px; margin-top: 5px; margin-right: 3px;}

#navmenu {float: left; width: 160px; padding-left: 20px; margin-left: -795px;
	margin-top: 3px; margin-bottom: 10px;}
/* Negative margin ensures this will float to the left hand side of the main content */

#w3cvalid {text-align: center;}

#bottombar {clear: both; font-size: 3px; margin-top: 5px; border-bottom: 5px solid #003300;}
/* 'clear:both' makes sure the decorative bar does not float alonside the navmenu */
/* No text colour necessary as this div is just a dividing line*/
/* Border adds the colour */

#topbar h1 {font-size: 0.875em; color:white; }
#topbar p { font-size: 0.75em; color:white; }
#mainstory h2 {font-style: italic; font-weight:bold;}

#credit {text-align: center;}
#viewing_advice {font-size: 0.75em; text-align: center;}

/* table formatting */
#tblcostbyauthority {background: white; border-collapse: collapse; text-align: right; }
#lpcbudget { width: 100%; background: white; border-collapse: collapse; text-align: right;}
td, th {padding:5px; vertical-align: top;}
.tbl_totals {border-top: 3px solid #F0EDE2; font-weight: bold;}
.tbl_totals_label {font-weight: bold;}
.tbl_main_category {font-style: italic; font-weight: bold; padding-top: 25px;}
.tbl_first_cat_in_table {font-style: italic; font-weight: bold; padding-top: 5px;}
.tbl_grand_totals {border-top: 3px solid #F0EDE2; font-weight: bold; padding-top: 25px;}
.tbl_grand_totals_label {font-weight: bold; padding-top: 25px;}
.tbl_label {text-align: left;}
.tbl_caption {padding-top: 20px; padding-bottom: 10px; font-weight: bold;}

/* Set up formatting of links for menu column only (id "navmenu")*/
/* All other links will work as normal */

#navmenu a {display:block; padding:2px; text-decoration:none; width:152px; margin:2px;
color:white;font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:85%;}
/*remove the underlining, set the color to white, and display as
block elements to make them go down the left side of the page */

#navmenu a:link, #navmenu a:visited {background:#785F13;border:2px outset #785F13; }
/* give unvisited and visited links a mid brown and an outset
border of the same color to make it look like a button */

#navmenu a:focus, #navmenu a:hover {background: #B0A070;border:2px outset #B0A070; color:white}
/* give buttons that are hovered over or that have focus a light background and
border */


.quote {font-style: italic; font-size: 0.95em;}
/* Apply to quoted sections of the body text e.g. in a span element*/

