body {background-color: white; font-family: Arial, sans-serif}

/* disable underlining on hyperlinks as it looks odd with "Read more ..." 
*/
a:visited, a:link, a:active {text-decoration: none}
a:hover {text-decoration: underline}

h1 {text-align: center; color: #999999}

h2, h3, h4 {color: #999999}

b {color: #666666}

/* this is necessary because with Netscape th and td don't inherit the body
   defaults. No idea why - it works fine in Explorer
*/
h1, h2, h3, h4, p, ol, ul, li, th, td, td p {font-family: Arial, sans-serif}

/* regretable change to cope with people who can't set their browsers up
*/
h1 {font-size:22pt}
h2 {font-size:18pt}
h3 {font-size:14pt}
h4 {font-size:12pt}
th, td, p, a, ul, li, form {font-size:11pt}
.large {font-size:14pt}
.small {font-size:9pt}
.smallbold {font-size:9pt; font-weight: bold}
.smallblack {color: white; background-color: black; font-size:9pt; font-weight: bold}
.smaller {font-size:8pt}
.footnotes {font-size:8pt}

hr { border: 0;
height: 1px;
color: #707070;
background-color: #707070;
}

/* Article headline style
*/
td.headline {
color: white;
background-color: orange;
font-weight: bold;
font-size:12pt;
border-color: #AAAAAA;
border-style: solid;
border-top-width:    0px;
border-left-width:   0px;
border-right-width:  1px;
border-bottom-width: 1px;
}

h2.minutes { 
margin-top: 1em;
}

td.minutes_month {
font-weight: bold;
color: gray;
}

td.minutes_size { 
text-align: right;
font-size: 82%;
color: gray;
}

/* Maint contract
*/
td.num {vertical-align: top; font-weight: bold; color: #999999}

/* Councillors page
*/
td.odd  {text-align: center; background-color: #E0FFE0}
td.even {text-align: center; background-color: #D0E0FF}

td.weatherlab  {font-size:9pt; text-align: left; vertical-align: top}
td.weatherdata {font-size:9pt; text-align: left; vertical-align: top; font-weight: bold}

pre {font-family: courier new, courier, monospace}

span.highlighter {background-color: #FFFF00}
span.alert {color: red}


/* The author options box displayed via the authoropts merge field
*/

p.opus_authoropts {border-style: solid;
border-color: gray;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 2px;
border-bottom-width: 2px;
margin: 25px;
padding: 4px;
font-size: 9pt}

a.opus_authoropts {font-size: 9pt}


/* The default <box> class opusbox, centred, 90% wide with a 1 pixel wide
   grey border. Base your <box> class definitions on this 
*/

table.opusbox { width: 90%;
border-color: gray; 
border-style: solid; 
border-width: 1px;
position: relative;
left: 5%;
right: 5% }

td.opusbox { padding: 3px }


table.freebox { 
border-color: gray; 
border-style: solid; 
border-width: 1px }

td.freebox { padding: 3px }

table.raisedbox {
border-top:    black   solid 1px;
border-left:   black   solid 1px;
border-right:  #999999 solid 2px;
border-bottom: #999999 solid 2px;
 }

td.raisedbox { 
background-color: #FFFFF0;
padding: 3px; }

dt { 
color: #666666;
font-weight: bold; 
}

dd {
margin-bottom: 1em;
}

img.photo {
border: 1px solid gray;
border-top-color:  #E0E0E0;
border-left-color: #E0E0E0;
background-color: white;
padding: 7px;
margin-bottom: 3px;
}

blockquote {
margin-left: 2em;
padding-left: 0.7em;
border-left: 2px solid #999900;
}

table.clean {
border-collapse: collapse;
border: 0;
border-right:  1px solid #707070;
border-bottom: 1px solid #707070;
}

table.clean th, table.clean td {
padding: 3px;
padding-left: 4px;
padding-right: 4px;
margin: 0;
border: 0;
border-top:  1px solid #707070;
border-left: 1px solid #707070;
}

span.opus_file_params { 
font-size: 73%;
}