/* Catenians */
body {
    background-color: #FFecff; lang: EN-GB; font-style: italic; 
    font-family: Verdana, Arial, sans-serif; color: #663333; text-align: center;
    }
b   {
/* the b tag can be styled by css */
     }
.smalltext {
    font-size: 75%; clear:both;
    }
h1 {
    color: #ff3333;
		text-transform: capitalize;
    }
h2  {
    text-transform: capitalize;
		}
table {
    border-style: inset; border-width: medium; border-color: "fuchsia";
              border-collapse: collapse; margin-left: auto; margin-right: auto;
    }
div {
    margin-left: auto; margin-right: auto;
    }
thead {
    background-color: #C8C8C8; font-size: larger;
    }
th {
    padding: 10px; padding-bottom: 20; color: #ff00ff; text-align: left; font-size: 125%;
    border-style: outset; border-width: thin; border-color: #ff00ff;
    }
td {
    padding: 10px;
    }
a:link {
    color: #663333;
    }
a:visited {
    color: #663333;
    }
a:hover {
    color: #0000ff;
    }
a:active {
    color: #ff0000;
    }
q {
    background-color: #ffffff;
    font-style: normal;
    }
col#redcol {color: #ff0000;
    }
a.a-b {color : #000000;
    }
#brightonhr {
    margin-left: auto; margin-right: auto;
		width: 497; height: 30;
		background: url(BrightonHR.jpg) repeat-x;
		}
.leftfloat {
    float: left; padding: .7em; margin-right: .7em;
    }
.rightfloat {
    float: right; padding: .7em; margin-left: .7em;
    }
blockquote {
    float: left; width: 200px; margin: 0 0.7em 0 0; padding 0.7em;
    font-size: 1.5em; font-style: normal; text-align: left;
    }
hr {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 20px;
    height: 10px;
    background-color: #777;
		}
.letter {
    background-color: #ffffff; color: #000000; font-family: Lucida Handwriting, Comic Sans MS, Times New Roman, Bold, serif; width: 90%;
		padding-top: 1.5em; padding-bottom: 1.5em; padding-left: 1em; padding-right:1em}
.homily {
    background-color: #ffffff; color: #000000; font-family: Comic Sans MS, Lucida Handwriting, Times New Roman, Bold, serif;
		padding-top: 1.5em; padding-bottom: 1.5em; padding-left: 1em; padding-right:1em}	
.CanLet {
    background-color: #ffffff; color: #000000; 
		font-family: Times New Roman, Comic Sans MS, Lucida Handwriting, Bold, serif; font-style: normal; font-size: larger;
		width: 90%;
		padding-top: 1.5em; padding-bottom: 1.5em; padding-left: 1em; padding-right:1em; text-align: left;}	
/* the default list-item-marker position in IE and Firefox is alogside the list 
item, in Chrome and Safari it's at the left margin.  The following obtains 
consistency.  Note that IE7 fails to handle "::before" pseudo-selectors*/
ul {
   list-style: inside;
   }
/* These two classes are suitable for lists where items follow along the line 
but are not broken at the line end (e.g. event photos). NBSPs are not needed within the items.
Wrap the whole list in a div with the class identifier, then each item in a span
 */
.jeglist{
	word-spacing: 3em;
	line-height: 200%;
	}
.jeglist span{
	word-spacing: .15em;
	white-space: nowrap;
	}
/* As at 19 Jul 11 I don't know where any of the following declarations are used
*/
.largetext {
    font-size: 125%; clear: both;
    }
caption {
    color: #ff00ff; font-size: 200%; font-style: italic;
    }
col#redcol {color: #ff0000;
    }
a.a-b {color : #000000;
    }
 .percentlineht{
   line-height: 150%;
	 font-weight: bolder;
	 font-size: larger;
	 }	
	 /*The following are absolete */
#forcricketers {
    width: 360px; background: url(cricketers2.gif) repeat-x left bottom; padding-bottom: 30px;
    }
#oxfordhr {
    margin-left: auto; margin-right: auto;
		width: 541; height: 30;
		background: url(OxfordHR.gif) repeat-x;
		}
	
