#banner {
position: absolute;
background-color: #C0C0FF;
background-image: url('images/pagetitle.jpg');
padding: 0px;
margin: 0px;
border: 1px solid black;
top: 10px;
left: 30px;
height: 80px;
width: 730px;
}

#accessibility {
position: absolute;
text-align: left;
background-color: transparent;
padding: 0px;
border: 0px solid red;
margin: 0px;
top: 95px;
left: 30px;
height: 20px;
width: 400px;
}

#topnavigation {
position: absolute;
text-align: right;
background-color: transparent;
padding: 0px;
border: 0px solid blue;
margin: 0px;
top: 95px;
left: 430px;
height: 20px;
width: 330px;
}

#left {
position: absolute;
background-color: white;
padding: 0px;
margin: 0px;
border: 0px;
top: 120px;
left: 30px;
height: 65px;
width: 115px;
}


#middle {
position: absolute;
top: 120px;
left: 150px;
padding: 0px 10px 10px 20px;
border-left: 1px black solid;
border-right: 0px black solid;
border-top: 0px;
border-bottom: 0px;
margin: 0px 0px 0px 0px;
background-color: white;
width: 370px;
}

#right {
position: absolute;
top: 120px;
left: 539px;
border-left: 1px solid black;
padding: 0px 0px 0px 20px;
background-color: white;
width: 200px;
}

body {
font-family:  verdana, tahoma, ariel, sans-serif;
}

p {
font-size: 13px;
line-height: 130%;
padding: 5px 0px 10px 0px;
border: 0px;
margin: 0px;
}

q { content: no-open-quote; content: no-close-quote; }
blockquote { font-size: 13px; margin-left: 2em; margin-right: 2em;}


/* HEADINGS */

H1 H2 H3 H4 H5 H6 {
line-height: 100%;
font-weight: bold;
}

H1 {
font-size: 20px;
padding: 0px;
border: 0px;
margin: 0px;
}

H2 {
font-size: 16px;
padding: 15px 0px 5px 0px;
border: 0px;
margin: 0px;
}

H3 {
font-size: 14px;
}

H4 {
font-size: 13px;
}

/* STANDARD HYPERLINKS */

a {
}

a:link{
text-decoration: underline;
color: black;
}

a:visited {
color: black;
}

a:hover {
color: red;
}

a:active {
}


/* EMPHASIS */

em {
font-style: normal;
font-weight: bold;
}

strong { font-weight: bold; }


/* BULLETS */

ul {
padding: 0px 0px 0px 15px;
border: 0px;
margin: 0px;
}

ol {
padding: 0px 0px 0px 15px;
border: 0px;
margin: 0px;
list-style-type: upper-latin;
}

li {
list-style-position: outside;
font-size: 13px;
padding: 0px 0px 5px 0px;
border: 0px;
margin: 0px;
}



/* ACCESSIBILITY FEATURES */

.skiplinks {
display: none;
}

.silent {
speak: none;
}


/* INVISIBLE RULE FOR HR TAG - NEEDED FOR CORRECT FLOW OF IMAGES AND TEXT */

hr {
display: block;
clear: left;
margin: 0px 0px 0px 0px;
visibility: hidden;
}


/* CLASS "Right" - Use to make text smaller */

.right {
font-size: 10px;
}


/* CLASS "QUOTE" */

.quote {
font-style: italic;
}


/* CLASS "ERROR" */

.error {
color: red;
}


/* CLASS "DATA" */

.data {
color: black;
font-family:  verdana, tahoma, ariel, sans-serif;
}


/* CLASS "RUBRIC" */

.rubric {
color: red;
font-family:  verdana, tahoma, ariel, sans-serif;
font-style: italic;
}




/* FOOTER STYLE:  USE FOR ADDRESS */


.footernavigaton {
border: 0px;
font-size: 10px;
padding: 0px;
margin: 35px 0px 0px 0px;
}


.footer {
font-size: 10px;
padding: 15px 5px 5px 0px;
border-top: 1px dotted black;
margin: 15px 0px 0px 0px;
}



/* ACCESSIBILITY STYLES */

#accessibility p {
padding: 0px;
border: 0px;
margin: 0px;
font-size: 11px;
}

#accessibility a:link {
color: black;
text-decoration: none;
}

#accessibility a:visited {
color: black;
text-decoration: none;
}

#accessibility a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}


/* TOP NAVIGATION STYLES */

#topnavigation p {
padding: 0px;
border: 0px;
margin: 0px;
font-size: 11px;
}

#topnavigation a:link {
color: black;
text-decoration: none;
}

#topnavigation a:visited {
color: black;
text-decoration: none;
}

#topnavigation a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}


/* LEFT-HAND MARGIN (NAVIGATION) STYLES */

#left p {
font-size: 10px;
line-height: 110%;
padding: 0px;
border: 0px solid red;
margin:0px;
}


#left h1 {
font-size: 10px;
font-weight: normal;
margin: 0px;
padding: 0px;
border: 0px solid transparent;
line-height: 110%;
}

#left a {
line-height: 100%;
color: black;

text-decoration: none;
background-color: transparent;
padding: 3px 3px 3px 0px;
border: 0px;
margin: 2px 3px 2px 0px;
text-align: left;
display: block;
}

#left a:link{
background-color: transparent;
}

#left a:visited {
background-color: transparent;
}

#left a:hover {
color: red;
text-decoration: underline;
}

#left a:active {
}


/* MIDDLE SECTION STYLES */

#middle h3 {
padding: 10px 0px 0px 0px;
border: 0px;
margin: 0px;
}


/* SMALL IMAGES (USE HR BELOW ACCOMPANYING TEXT TO KEEP ALIGNMENT */

.image75 {
float: left;
width: 75px;
margin: 10px 10px 0px 0px;
border: 0px; padding: 0px;
}

/* RIGHT-HAND MARGIN STYLES */

.image198 {
border: 1px solid black;
}


#right p {
font-size: 11px;
padding: 0px 0px 5px 0px;
border: 0px;
margin: 0px;
}

#right h2 {
font-size: 13px;
padding: 15px 0px 5px 0px;
border: 0px;
margin: 0px;
}

#right h3 {
font-size: 11px;
padding: 10px 0px 5px 0px;
margin: 0px;
border: 0px;
}

#right ul {
padding: 5px 0px 5px 15px;
}

#right li {
font-size: 11px;
padding: 0px 0px 5px 0px;
}



/* TABLE STYLES FOR MASS TIMES ON MASS CENTRE LISTINGS */

p.masstimes {
font-size: 9px;
font-weight: bold;
line-height: 1em;
padding: 0.8em 0em 0.4em 0em;
border-top: 1px solid #C0C0FF;
margin: 1em 0em 0em 0em;
display: block;
}

p.masscomments {
font-size: 0.9em;
padding: 0em 0em 0.2em 0em;
border: 0em 0em 0em 0em;
margin: 0em 0em 0em 0em;
}

.masstimescomment {
font-size: 9px;
padding: 0.6em 0em 0em 0em;
}