﻿/* Style sheet for LydfordFS local issues pages */
/* LFSstyles1.css
/* 12:33 on 14 March 2009 */

body {font-family: Arial, Helvetica, san-serif;  color: #303030;
	background: #B7C5B7; text-align: center;}
/* Text colour, previously 8F7F92, is fine for IE but not Safari - changed to
	5F5F5F 14/3/09. Verdana font also taken out 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 #003300; border-left: 2px solid #003300;
	background: #B7C5B7;
	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: #003300; 
	background-image: url(images/lydford_castle_small.gif); background-repeat: no-repeat; 
	background-position: right center;}
/* Set background for top part of page to dark green*/

#mainstory {display:inline; float: left; width:587px; margin-left: 170px; padding:10px;
 background: #F0EDE2; 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 green background */
	
*html #mainstory { width: 607px; w\idth: 587px;}
/* Corrects for IE 5 box model bug */

#mainstory a {color: #303030;}
/* This is to esnure that links color matches text in this section
	i.e. a dark brown rather than vivid blue. Changed to 303030 from 8F7F92 on 14/3/09*/

#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: #F0EDE2;
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:#285428;border:2px outset #285428; }
/* give unvisited and visited links a dark green and an outset
border of the same color to make it look like a button */

#navmenu a:focus, #navmenu a:hover {background: #50A850;border:2px outset #50A850; 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*/

