/* ----------------------------------------------------------------------------- */
/* Written for Sedgley Local History Society  */
/* Copyright I G Blackham, G. L. Blackham 2003 */
/* ----------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------- */
/*  Structural Components */
/* ----------------------------------------------------------------------------- */

body{
	
    	
width:960px;
	margin: 0px auto 0px;
	padding: 0px;
text-align: center;
	
background-color:white;

}



/*Title - using an outer background and an inner image holder*/

#header {
     	 background-color:#C0C0FF;
    	 width: 960px;
	 
     	 height: 100px
		}

#headerInner{
	
width: 600px;
	height: 100px;
	margin: 0px auto 0px;
	clear: left
	}

/*Navigation bar and related positioning and link formatting instructions */

#navbar {	
	background-color:#C0C0FF;
	width: 960px;
	height: 25px;
	line-height:25px;
	border-top: 2px solid #000080;
	border-bottom: 5px solid #000080;
	font-size:10pt;
	color:#000080;
	text-decoration: none;
	font-family: arial, Verdana, times new roman;
	font-weight: bold
		}

/* The width parameter in actualpage is required to allow Opera to fix the Div width and fit all words inside it. Otherwise you can get horrible breaks */

/* Three different settings to cope with different index page titles */

#actualpage {
	color:#FFFFFF;
	text-indent:3px;
	display: inline;
	width: 120px;
text-align: center
margin: 0px auto 0px;
	float: left
	}

#actualpage2 {
	color:#FFFFFF;
	text-indent: 3px;
	display: inline;
	width: 240px;
margin: 0px auto 0px;
	float: left
	}

#actualpage3 {
	color:#FFFFFF;
	text-indent: 3px;
	display: inline;
	width: 180px;
margin: 0px auto 0px;
	float: left
	}

#linkposition
	{
	display: inline;
	float: right;
	margin-right: 3px
	}	

A.aMenu2 {
	color:#000080;
	text-decoration: none;
	font-family:  arial, Verdana, times new roman; 
	font-weight: bold 
	}
	
A.aMenu2:hover {
	color:#F0F0F0
	}


/*Newsbar - both types*/

#newsbarfp {
	background-color:#F0F0F0;
	height:50px;
	width: 960px;
margin: 0px auto 0px;
	font-size:12pt;
	font-weight:bold;
	line-height:40pt;
	border-bottom: 5px solid #000080;
	text-align: center;
	color:#FF0000;
	font-family: Arial, verdana, times new roman;
	clear: left
	}

#newsbar {
	background-color:#F0F0F0;
	height:50px;
	width:960px;
margin: 0px auto 0px;
	font-size:12pt;
	font-weight:bold;
	line-height:40pt;
	border-bottom: 5px solid #000080;
	text-align: center;
	color:#000080;
	font-family: Arial, verdana, times new roman;
	clear: left
	}

/*Central block set up - gives space with background image*/

/* Problems with map page and background image so deleted original height parameter for Netscape  */

#mainbodyhome {
	font-size:10pt;
	color:#000080;
	text-indent: 10px;
text-align: left;
	font-family:verdana, arial, times new roman;
	width: 960px;
margin: 0px auto 0px;
	background: url(im/beacon_working3.jpg) no-repeat bottom left
	}

#mainbody {
	font-size:10pt;
	color:#000080;
	text-indent: 10px;
	font-family:verdana, arial, times new roman;
margin: 0px auto 0px;
	width: auto
	}

/* Column set up text and side bars */

/*Note if width of text over 335 pixels - say one long word or hyperlink - then system will cause column width to be take on width of widest word meaning a single column will be given. Best to rectify by putting a break in. If use overflow attribute get problems with Netscape. */

.col2colpage {
	margin-left: 18px;
	margin-top: 15px;
	margin-bottom: 5px;
	width: 450px;

	float: left
	}

.col1colpage {
	margin-left: 30px;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 900px;
	clear: left
	}


.col1centre {
	margin-left: 30px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
	clear: left
	}

.col1colnar {
	margin-left: 30px;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 790px;
	height: auto;
	float: left
	}

.col1colnarhw {
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 790px;
	height: auto;
	float: left
	}

.sideb {
	background-color:#F0F0F0;
	margin-left: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	right: 0px;
	width: 80px;
	border-left: 2px solid #000080;
	color:#000080;
	font-family: Arial, verdana, times new roman;
	float: left;
	}

.sidebt {
	margin-left: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
	color:#000080;
	font-family: Arial, verdana, times new roman
	}



/* Footer and associated link */

#footer {
	background-color:#F0F0F0;
	width: 960px;
margin: 0px auto 0px;
	font-size:7pt;
	border-top: 5px solid #000080;
	color:#000080;
	text-align: center;
	font-family: verdana, arial, times new roman;
	clear:left 
	}

.footerlink {
	color:#000080
	}


/* ----------------------------------------------------------------------------- */
/*  Formatting Section */
/* ----------------------------------------------------------------------------- */

/* Headings, paragraphs, special */

H1 {font-size:12pt;
	width: 450px;
	margin-bottom: 10px;
	background: #C0C0FF;
	color: #000080;
	font-family: Arial, verdana, times new roman;
	font-weight: bold 
	}

H1.rb {font-size:12pt;
	width: auto;
	margin-top: 30px;
	margin-bottom: 10px;
	background:#C0C0FF;
	color:#000080;
	font-family: Arial, verdana, times new roman;
	font-weight: bold;
	clear: left 
	}

H1.1col {font-size:12pt;
	width: 925px;
	margin-top: 30px;
	margin-bottom: 10px;
	background:#C0C0FF;
	color:#000080;
	text-align: center;
	font-family: Arial, verdana, times new roman;
	font-weight: bold;
	clear: left 
	}

H2 {font-size:10pt;
	margin-bottom: 10px;
	color:#000080;
	font-family: Verdana, arial, times new roman;
	font-weight: bold
	}

H2.ul {font-size:10pt;
	margin-left: 100px;
	margin-bottom: 10px;
	text-align:center;
	width: 170px;
	border-bottom: 3px double #000080;
	color:#000080;
	font-family: Verdana, arial, times new roman;
	font-weight: bold
	}

H2.ul1col {font-size:10pt;
	margin-left: 300px;
	margin-bottom: 10px;
	text-align:center;
	width: 150px;
	border-bottom: 3px double #000080;
	color:#000080;
	font-family: Verdana, arial, times new roman;
	font-weight: bold
	}


H3 {font-size:12pt;
	font-weight:bold;
	margin-bottom: 10px;
	color:#000080;
	font-family: Arial, verdana, times new roman 
	}

/* Hyperlinks, maillinks */



A.inline1 {
	color:#000080;
	text-decoration: none;
	font-weight: bold
	}

A.inline1:hover {
	color:#C0C0FF
	}



A.inline2 {
	color: #FF00FA
	}

A.inlinenew {
	color:#FF0000;
	text-decoration: none;
	font-weight: bold
	}

A.inlinenew:hover {
	color:#C0C0FF
	}

.inlinemaillink{
	font-size:10pt;
	color:#000080;
	text-indent: 10px;
	font-family:verdana, arial, times new roman;
	}

/* Paragraphs, general images */

p {
	margin-top: 10px;
	text-indent: 10px
	}

p.list {
	font-size: 8.5pt;
	text-indent: 20px;
	margin-left: 20px;
	margin-right: 20px
	}

.hlight {
	color:#FF0000;
	font-weight: bold
	}

.hlight2 {
	color:#000080;
	font-weight: bold
	}

img {
	border-style: solid;
	border-width: 1px;
	border-color: #000080
		}

img.none {
	border-style: solid;
	border-width: 0px;
	border-color: #000080
		}

/* ----------------------------------------------------------------------------- */
/* Spacers Section */
/* ----------------------------------------------------------------------------- */

/* General spacers for page */

.sptop1 {
	height:50 px
	}

.spbot1{
	clear:left;	
	height:20px
	}	

/* Used to push out the bottom of the page to allow background image to fit if not enough words */

.spbot2{
	clear:left;	
	height:40px
	}	

/* Spacers for images, note although hfmt = horizontal or landscape format, number is size of image in pixels */

/*Subsequent note trying to standardize on widths of 240 or 320 so landscape or vertical format irrelevant */

.pboxhfmtrcol240 {
	margin-top: 20px;
	margin-left: 40px;
	margin-bottom: 10px;
	clear:left
	}

.pboxhfmtrcol320 {
	
	margin-top: 20px;
	margin-left: 5px;
	margin-bottom: 30px;
	clear:left
	}

.pboxhfmtcopy {
	margin-top: 0px;
	font-size: 7pt;
	text-indent: 40px;
	margin-bottom: 0px;
	clear:left
	}

/* For putting small images alongside each other */

.pboxvfmt240x2 {
	margin-top: 20px;
	margin-left: 2px;
	margin-right: 5px;
	margin-bottom: 10px;
	float: left
	}

.pboxvfmt240x2sp {
	width: 30px;
	float: left
	}




/* ----------------------------------------------------------------------------- */
/* Specialist Section */
/* ----------------------------------------------------------------------------- */

/*Map related */

#map {
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 5px;
	clear: left
	}



#scrollmap {
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 5px;
	width: 740px;
	height: 450px;
	clear: left;
	overflow: scroll
	}

/* Ron Weaver's picture related */

#rbpichcol{
	margin-top: 15px;
	margin-left: 0px;
	width: 760px;
	text-align: center;
	float: left;
	clear: left
	}






/*Thumbnail image related */

.thnailpic {
	margin-right: 5px;
	width: 120px;
	float: left
	}

.thnailpicvert {
	margin-right: 5px;
	margin-left: 10px;
	width: 100px;
	float: left
	}

.thnailtxt {
	margin-right: 1px;
	margin-top: 5px;	
	width: 200px;
	float: left;
	text-indent: 0px
	}