/* CSS Style Sheet																		*/
/* file:		layout.css																*/
/* Date:		17 May 2009																*/
/* Author:	P G Swain																	*/
/* ================================================== */
body
{
	background: #8BA59C url(../photos/Bleasdale.gif) no-repeat center top;
	margin: 0;
	border: 0;
	padding: 0;
	font: 62.5% Arial, Helvetica, sans-serif;
}

/* This div contains the main page contents */

#pageContainer
{
	position: relative;
	width: 860px;
	margin: 0 auto;
	background: #FFFFFF;
}

/* Master header formatting including the top navigation */
/* ===================================================== */

#mastHead
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200px;
}

/* Main site title and logo */
/* ======================== */

#groupTitleBox
{
	position: absolute;
	top: 30px;
	background-image: url(../images/groupTitle.png);
}

#groupTitleBox h1
{
	font-size: 40px;
*/	color: #5b491f; */
	color: #000;
	font: bold;
	margin: 0;
}

#logo
{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 200px;
	width: 200px;
	background: url(../images/rightside_bg.png) no-repeat;
}

#logoBox img
{
	margin: 30px 10px;
}


/* top navigation bar formatting */
#topNav
{
	position: absolute;
	width: 319px;
	height: 17.5px;
	bottom: 5px;
	left: 0;
	background-color: #782327;
}

#topNav ul
{
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0;
}

#topNav li
{
	float: left;
	font-size: 15px;
	width: 105px;
	margin: 0;
	border: 0;
	text-align: center;
}

/* top navigation rhs border (none on rightmost menu) */
#topNav ul li#topNav_index,
#topNav ul li#topNav_links
{
		border-right: solid 2px #d7a900;
}

#topNav a
{
	display: block;
	margin: 0;
	border: 0;
	color: white;
	text-decoration: none;
}

body.index #topNav_index a,
body.links #topNav_links a,
body.ramblers #topNav_ramblers a
{
	font-weight: bold;
/*	background-color: #89a69c; */
	background-color: #206c49;
	color: #000;
}



/* Format the main content container */
/* ================================= */

#mainContent
{
	position: absolute;
	top: 200px;
	left: 0px;
	width: 100%;
	background: white url(../images/footer.gif) no-repeat bottom;
	font-size: 15px;
}

#leftContent
{
/*	position: relative; removed 27-09-2009 */
	float: left;
	width: 200px;
/*	margin: 0;
	padding: 0;
	border: 0; removed 27-09-2009 */
	background: url(../images/leftNavBar_w200x20.gif) repeat-y;
}

#leftContent .leftContentTandB
{
	float: left;	
}
/* Format the left navigation bar */
#leftNav
{
/*	position: relative; removed 27-09-2009 */
	float: left;
	width: 170px;
	padding: 0 15px 0 15px;
}

#leftNav ul
{
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0;
}

#leftNav li
{
	height: 20px;
	width: 160px;
	margin: 0;
	border: 0;
	padding: 0 7.5px 0 7.5px;
/*	border-right: #FFFFFF solid 1px; */
	font-size: 12px;
	text-align: center;
}

#leftNav a
{
	display: block;
	color: black;
	text-decoration: none;
}

/*
Page ID				Navigation ID
*/
body#Home			#leftNav_Home a,
body#LocalWalks		#leftNav_LocalWalks a,
body#Committee		#leftNav_Committee a,
body#NewsLetter		#leftNav_NewsLetter a,
body#Contacts		#leftNav_Contacts a,
body#msgBoard		#leftNav_msgBoard a,
body#pathProblem	#leftNav_pathProblem a,
body#AboutUS		#leftNav_AboutUS a,
body#linksStart		#leftNav_linksStart a,
body#linksTravel	#leftNav_linksTravel a,
body#raCentral		#leftNav_raCentral a,
body#raGroups		#leftNav_raGroups a
{
	font-weight: bold;
	text-decoration: underline;
}

.navImg
{
	width: 125px;
	margin: auto;
	text-align: center;
}

.navImg img
{
	width: 119px;
	border: inset #89a69c 3px;
}

.navImg p
{
	border: 0;
	margin: 0 0 5px 0;
	color: #782327;
	font-size: 11px;
	font-weight: bold;
}

.navAdvert
{
	width: 125px;
	margin: auto;
	text-align: center;
}

.navAdvert img
{
	width: 125px;
	border: 0;
}

.navAdvert p
{
	border: 0;
	margin: 0 0 5px 0;
	color: #782327;
	font-size: 11px;
	font-weight: bold;
}

.navAdvert a:link img,
.navAdvert a:visited img,
.navAdvert a:active img,
.navAdvert a:hover img
{
  border: none;
  text-decoration: none;
}

#charityStatus p
{
	border: 0;
	padding: 0;
	margin: 10px 5px 0 5px;
	color: #000;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
}


/* Format the right content container */

#rightContent
{
	float: right;
	width: 600px;
	padding: 30px;
}

#rightContent h1
{
	font:Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #206c49;
	text-decoration: underline;
	text-align: center;
}

#rightContent h2
{
	font-size: 18px;
	color: #c60c30;
	text-decoration: underline;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

#rightContent h5
{
	font-size: 18px;
	color: #206c49;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	line-height: .25em;
}

#rightContent p
{
	padding: 2px 2px 2px 0;
	margin: 0;
}

#rightContent li
{
	padding: 0 0 10px 0;
	margin: 0;
}


#rightContent a:link,
#rightContent a:visited,
#rightContent a:active,
#rightContent a:hover,
#rightContent a:focus
{
	text-decoration: none;
	color: #000099;
}

#rightContent a:hover
{
	text-decoration: underline;
}

#rightContent a:focus
{
  color: #990000;
  clear: both;
}

#rightContent img.raLink
{
	margin-right: 5px;
	border: solid 1px black;
	vertical-align: middle;
}

#rightContent .rhsPhoto
{
	margin-left: 5px;
	float:right;
  border:3px inset #89a69c;
  text-align: center;
	color: #782327;
	font-size: 11px;
	font-weight: bold;
}

#rightContent .centrePhoto
{
  border:3px inset #89a69c;
  text-align: center;
	color: #782327;
	font-size: 11px;
	font-weight: bold;
}

#rightContent .lhsPhoto
{
	margin-right: 5px;
	float:left;
    border:3px inset #89a69c;
    text-align: center;
	color: #782327;
	font-size: 11px;
	font-weight: bold;
}

/* Format the walks programme table */
/* ================================ */

table#walks
{
	border-spacing: 0px;
	border-collapse: collapse;
	width: 600px;
	table-layout: fixed;
	margin-left: auto;
	margin-right: auto;
}

tr.titles
{
	text-align: center;
	vertical-align: middle;
	text-decoration: underline;
	background-color: #d7a900;
	border-bottom: 2px solid;
}

table#walks th
{
	text-align: center;
	padding: 2px;
	border: 1px solid #000;
}

table#walks td
{
	padding: 2px;
	border: 1px solid #000;
}


td.grade
{
	text-align: center;	
}

/* Format table rows according to day of walk */
tr.sunday
{
	background-color: #FFC;	
}

tr.sunday-short
{
	background-color:#FCF;
}

tr.monday
{
	background-color: #CCFFFF;	
}

tr.wednesday
{
	background-color: #CCCCCC;
}

table#committee td
{
	padding: 2px;
	border: 1px solid #206c49;
	background-color: #CCC;
}

table#committee th
{
	text-align: center;
	padding: 2px;
	border: 1px solid #206c49;
}

/* List of Walk grades formatting */
/* ============================== */
#grades
{
	list-style-type: none;
}

#grades li
{
	padding-bottom: 15px;
}

#grades li:first-line

{
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
}

/* Formatting for slideshow pictures */
/* ================================= */
#picture
{
	margin: auto;
	border: groove 5px #005100;
	width: 350px;
	text-align: center;
/*		float: left; */
}

#myPicComments
{
 width: 450px;
 margin: auto;
 text-align: center;
 	color: #005100;
}

/* Format footer */
/* ============= */

#footer
{
	clear: both;
	width: 100%;
	margin-top: 10px;
/*	border-top: #5b491f solid 1px; */
/*	border-top: #206c49 solid 3px; */
	height: 200px;
/*	background: url(../images/footer.gif) no-repeat; */
}

#footer table
{
	position: relative;
	top: 200px;
	font-size: 10px;	
}
.gototop
{
	margin: 15px 0;
	text-align: right;
  clear: both;
}