/* 

The 1975 Pilgrimage Diary stylesheet

*/

html {
	height: 100%;
	background-color: #eee;
	overflow: -moz-scrollbars-vertical;
}

body {
	min-height: 100%;   /* ignored by IE */
	_height: 100%;   /* underscore hack for IE - treats 'height' as 'min-height'*/
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

.localcontent {
	clear: both;
	border-top: 1px solid #024dce;
	border-right: 1px solid #024dce;
	border-left: 1px solid #024dce;
	background-color: #c5e2e8;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.masthead {
	line-height: 0;   /* else 'tailgaps' between rows in image */
}

.localmenu {
	background-color: #024dce;
	padding-left: 19px;
	margin-bottom: 20px;
	font-size: 80%;
	border-top: 1px solid white;
	clear: both;
}

.localmenu table {
	border-collapse: collapse;
	margin-top: 0;
	margin-left: 0;
	border-left: 1px solid white;
	padding: 0;
}

.localmenu caption, .localmenu th {
	display: none;
}

.localmenu td {
	border-right: 1px solid white;
}

.localmenu a:link, .localmenu a:visited {
	color: white;
	text-decoration: none;
	padding: 0 0.5em;
}

.localmenu a:hover, .localmenu a:active {
	background-color: #fdfb79;
	color: black;
}

.sidebar {
	float: right;
	width: 239px;
}

.prevthisnext {
	text-transform: uppercase;
	color: #024dce;
	font-size: 80%;
}

.prevthisnext table {
	border-collapse: collapse;
}

.prevthisnext caption, .prevthisnext th {
	display: none;
}

.prevthisnext td {
	padding: 0;
}

.prev a {
	padding-right: 0.6em;
	border-right: 1px solid;
}

.this a, .this span {
	padding-left: 0.6em;
	padding-right: 0.6em;
}

.next a {
	padding-left: 0.6em;
	border-left: 1px solid;
}

.prevthisnext a:link, .prevthisnext a:visited {
	color: #024dce;
	text-decoration: none;
}

.prevthisnext a:link span, .prevthisnext a:visited span, .this a:link, .this a:visited {
	text-decoration: underline;
}

.prevthisnext a:hover, .prevthisnext a:active {
	background-color: #fdfb79;
	color: black;
}

.prevthisnext a:hover span, .prevthisnext a:active span, .this a:hover, .this a:active {
	text-decoration: none;
}

.prevthisnext .today {
	color: #024dce;
	font-weight: bold;
}

.sidebar h2 {
	background-color: #fdfb79;
	padding-left: 9px;
	font-weight: bold;
	color: #024dce;
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-size: 100%
}

.itinerary, .stats, .leader, .theme {
	border-left: 1px solid #024dce;
	font-size: 80%;
}

.itinerary dl, .stats dl {
	margin-top: 0em;
}

.itinerary dt, .stats dt  {
	float: left;
	font-weight: bold;
	color: red;
	padding-left: 9px;
	padding-right: 0.3em;
	text-transform: uppercase;
}

.itinerary dd, .stats dd {
	margin-left: 9px;
	margin-right: 19px;
	margin-bottom: 0.5em;
}

.itinerary .miles {
	font-style: italic;
	font-family: "Georgia","Times New Roman", Times, serif;
	font-size: 95%;
}

.itinerary .event {
	text-transform: uppercase;
	font-size: 85%; 
}

.itinerary a.gridref:link, .itinerary a.gridref:visited {
	color: #024dce;
	text-decoration: underline;
	font-size: 85%;
}

.itinerary a.gridref:hover, .itinerary a.gridref:active {
	color: black;
	background-color: #fdfb79;
	text-decoration: none;
}

.leader p, .theme p {
	margin: 0 19px 0.3em 9px;
}

.diary .status {
	background-color: #E4CA30;
	width: 454px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 75%;
	padding: 3px;;
	line-height: normal;
}

.diary {
	margin-left: 19px;
}

.diary h1 {
	color: red;
	font-weight: bold;
	font-size: 100%;
}

.diary p {
	width: 460px;
	font-family: "Georgia", "Times New Roman", Times, serif;
	font-size: 100%;
	line-height: 1.5em;
}

.diary p a:link, .diary p a:visited {
	color: #024dce;
}

.diary p a:hover, .diary p a:active {
	background-color: #fdfb79;
	color: black;
}

.diary img {
	border: 0px none;
}

.footer .prevthisnext {
	padding-left: 19px;
	margin-bottom: 2em;
}

/* Extra styling for mailform */

.mail {
	width: 460px;
	font-family: "Georgia", "Times New Roman", Times, serif;
}

.mail fieldset {
	padding: 0;
	margin: 0;
	border: none;
}

.mail label, .mail button {
	display: block;
	float: left;
	clear: left;
	margin: 0 0 1em 0;
	padding: 0;
	font-weight: bold;
	color: #024dce;
	font: bold 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.mail label.messagelabel {
	margin-bottom: 0.3em;
}

.mail input {
	display: block;
	margin: 0 0 1em 160px;
	width: 293px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border: 1px solid #024dce;
}

.mail textarea {
	display: block;
	clear: left;
	width: 453px;
	_width: 456px;   /* for IE */
	height: 230px;
	margin-left: 0px;
	border: 1px solid black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border: 1px solid #024dce;
}

.mail input:focus, .mail textarea:focus {
	border-color: red;
}

.mail input[type="hidden"] {   /* needed to stop Mozilla displaying borders on hidden inputs */
	display: none;
}

.mail button {
	background-color: #024dce;
	border: none;
	color: white;
	padding: 2px;
	margin-top: 1em;
}

.mail button:active {
	padding: 3px 1px 1px 3px;
}

.mail br {
	display: none;  /* BRs only displayed when stylesheet not used */
}