/* Style sheet for LydfordFS home page */
/* LFSstyles0.css
/* 08:07 on 18 May 2009 */

body {font-family: Arial, Helvetica, san-serif; color: black;
	text-align: center;}
/* margin:0; padding: 0; will pull topbar up to top of page if wished */
/* Verdana font 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; text-align: left;}
/* Set width to 960px */

#topbar {height: 100px; padding-left: 1em; background-image: url(images/lydford_sunset.jpg);
	background-repeat: no-repeat; background-position: center;}
/* Set background for title bar to Lydford sunset*/


#mainstory {display:inline; float: left; width:587px; margin-left: 170px; padding:0 10px 10px 10px;
 margin-top: 30px; margin-bottom: 10px;}
/* 'display inline' fixes the IE 6 double margin bug */
/* The main content is floated left but offset from left margin,*/

	
*html #mainstory { width: 607px; w\idth: 587px;}
/* Corrects for IE 5 box model bug */

#mainstory a {color: #000000;}
/* This is to esnure that links color matches text in this section
	i.e. black 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: #F0EDE2;
float:right; width: 165px; padding: 5px; margin-top: 30px; margin-right: 3px;}

#navmenu {float: left; width: 160px; padding-left: 20px; margin-left: -795px;
	margin-top: 30px; margin-bottom: 10px;  font-size: 0.85em;}
/* Negative margin ensures this will float to the left hand side of the main content */

#w3cvalid {text-align: center; margin-top:30px;}

#bottombar {clear: both; font-size: 3px; margin-top: 5px;}
/* 'clear:both' makes sure the decorative bar does not float alonside the navmenu */


#topbar h1 {line-height:3em; font-size: 1.2em; color:white; }
#topbar p { font-size: 0.85em; color:white; }
#mainstory h2 {font-style: italic; font-weight:bold;}

#update {text-align: center;}
#viewing_advice {font-size: 0.75em; text-align: center;}
#newsbit {text-align: center; color: red; border: solid 2px red; padding:15px;}
#newsbit a:link, #newsbit a:visited {color:red;}
/* This gives any links in newsbit section a red colour as they look odd in bright blue and purple */

#useful_links a {font-size: 0.85em;}
/* This is to ensure links on Links page don't get too long */

/* 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:black;}
/* Using decendent selector to 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:#E7A769;border:2px outset #E7A769; }
/* give unvisited and visited links a pink colour and an outset
border of the same color to make it look like a button */

#navmenu a:focus, #navmenu a:hover {background: #FCEDAC;border:2px outset #50A850; color:red;}
/* give buttons that are hovered over or that have focus a lighter background and
border */

.main_issues {font-weight: bold;}

.quote {font-style: italic; font-size: 0.95em;}
/* Apply to quoted sections of the body text e.g. in a span element*/