/** GENERAL STYLES **/
body {background: white url(logo-v.gif) repeat-y right; color: black; text-align: justify;
	font: 90%/120% arial, verdana, sans-serif;}
a:link {background: transparent; color: red; text-decoration: none;}
a:visited {background: transparent; color: blue; text-decoration: none;}
a:hover, a:active {background: yellow; color: green; text-decoration: none;}
abbr, acronym, .help {border-bottom: 1px dotted #999; cursor: help;}
code {border: 1px dotted; padding: 0 2px; margin: 0 3px; font: 100% courier, "courier new", monospace;}
dd {display: list-item; list-style: disc outside; margin: 2px 0 0 17px;}
dl {margin: 0 0 10px 2px;}
em {font-style: italic;}
h1 {background: transparent url(logo-fade.jpg) repeat-y; border-bottom: 1px solid black; text-align: center;
	margin: 0 0 6px 0; padding: 16px 0 18px; font: bold 320%/100% verdana, arial, sans-serif;}
h4 {margin-bottom: 0; border-bottom: 1px dotted black;}
ol {margin: 2px 0 2px 45px;}
p {margin-top: 0; text-align: justify;}
pre {float: left; background: url(ringing/rope.gif); white-space: pre; border: 1px solid #999; padding: 3px 8px 4px 5px;
	margin: 0 14px 12px 0; font: 100%/110% courier, "courier new", monospace;}
small {font: 85%/130% arial, verdana, sans-serif;}
strong, th, dt {font: bold 100% verdana, arial, sans-serif;}
table {text-align: left; font: 85%/120% arial, verdana, sans-serif; border-top: 1px #999 solid; border-left: 1px #999 solid;
	border-right: 1px #999 solid; border-bottom: 0;}
td, th {border-bottom: 1px #999 solid; padding: 2px 5px;}
th {text-decoration: underline; background: #ffb; color: black;}
ul {margin: 2px 0 2px 28px;}

/** SPECIFIC CLASSES **/
div.bg {border: 1px solid #999; background: transparent url(ringing/rope.gif) repeat; margin: 0 0 20px 0; padding: 0;}
div.box {background: transparent url(ringing/rope.gif) repeat; margin: 0 0 20px 0; padding: 5px; border: 1px solid black;}
div.endbit {background: transparent url(logo-h.gif) no-repeat; width: 100%; border-top: 1px solid black; margin: 8px 0;
	padding: 5px 0;}
div.loginbox {float: right; padding: 0 0 0 25px; }
div.mainframe {float: left; width: 74%; margin: 19px 0 16px 0; padding: 0; border: 0;}
div.menuframe {float: left; width: 17%; margin: 2px 40px 8px 0; padding: 0; border: 0; text-align: left;
	font: 80% verdana, arial, sans-serif;}
div.photo-r {float: right; border: 1px solid #999; margin: 0 6px 6px 12px; padding: 3px 6px 4px; text-align: center;
	font: italic 80% "times new roman", times, garamond, serif;}
div.photo-r img {border: 1px solid;}
div.qpquote {width: 80%; border: 1px solid #999; padding: 3px 7px 5px 7px; margin: 0 0 16px 0; text-align: justify;}
div.quarter, div.peal {padding: 5px;}
div.site {background: #d0d0d0; color: black; text-align: center; padding: 2px 0; margin: 20px 0 0 0;}
div.tour {clear: both; padding: 0 0 0 35px; margin: 30px 0; background: transparent url(ringing/tour.png) repeat-y;}
em.update {font-size: 80%;}
p.buttons {float: right; margin: 3px 6px 0 12px;}
p.comment {border-top: 1px dotted #999; margin: 0; padding: 5px; font: 100% "times new roman", times, serif;}
p.date {background: #bbf; margin: 0; padding: 3px 5px; border: 0; font: 100% verdana, arial, sans-serif;}
p.handbells {margin: 2px 0 2px 25px;}
p.methods {margin: 3px 0 4px; font: 80%/120% "times new roman", times, serif;}
p.number {background: #ff7; margin: 0; padding: 4px 5px; border-bottom: 1px dotted #999;
	font: 120% verdana, arial, sans-serif;}
p.right {float: right; margin-left: 12px;}
p.spacer {clear: both; font: 1%/1% arial;}
p.update {margin: 0; color: #888; background: transparent; letter-spacing: 0; font: 90% "courier new", courier, monospace;}
pre.comp {background: url(ringing/rope.gif); float: right; white-space: pre; border-top: 0; border-right: 0;
	border-left: 3px double #999; border-bottom: 3px double #999; margin: 0 0 5px 10px; padding: 6px 8px 7px 9px;
	font: 100%/110% courier, "courier new", monospace;}
pre.right {float: right; margin: 0 0 0 14px;}
span.u {text-decoration: underline;}
table.justify {text-align: justify;}
td.number {text-align: right;}
tr.colour {background: #eef; color: black;}
.hilite {background: white; color: red;}
span.sp {font-size: 0%;}

