.vcard {
color: #000000;
background-color: inherit;
font-size: 9pt;
text-indent: 0%;
padding: 5px;
text-align: left;
border-top: 1px solid #000099;
}
.obit {
width: 480px;
margin-left: auto;
margin-right: auto;
border-width: 5px;
border-style: solid;
border-color: #000000;
text-align: center;
padding: 4px;
font-family: Copperplate, "CopperplateGothic-Light", "Times New Roman", Times, serif;
color: #000000;
background-color: inherit;
}
.topheader {
width: 100%;
}
.xl {
font-family: "Times New Roman", Times, serif;
font-size: 120%;
font-weight: bold;
color: #000066;
background-color: #FFFF99;
text-transform: uppercase;
}
.xlbox {
color: #000066;
background-color: #F3F3F3;
margin: 2px;
border-width: 1px;
padding: 4px;
border-style: solid;
border-color: #000099;
}
.introbox {
color: #000066;
background-color: #F3F3F3;
margin: 2px;
border-width: 1px;
padding: 4px;
border-style: solid;
border-color: #000099;
}
.topheaderbox {
font-size: 200%;
font-weight: bold;
text-align: center;
text-shadow: #909090 2px 2px 2px;
color: #000066;
background-color: #F3F3F3;
padding: 8px 32px 8px 32px;
border-width: 1px;
margin: 4px;
border-style: solid;
border-color: #000099;
}
.videobox {
width: 480px;
font-size: 100%;
text-align: center;
color: #000066;
background-color: #F3F3F3;
padding: 8px 16px 8px 16px;
margin: auto;
border-width: 1px;
border-style: solid;
border-color: #000099;
}
.headerbox {
font-size: 150%;
font-weight: bold;
text-shadow: #909090 2px 2px 2px;
color: #000066;
background-color: #F3F3F3;
padding: 8px 32px 8px 32px;
border-width: 1px;
margin: 4px;
border-style: solid;
border-color: #000099;
}
.current {
font-size: 11px;
display: block;
color: #999999;
background-color: inherit;
font-weight: bold;
line-height: 150%;
text-decoration: none;
text-shadow: #FFF 2px 2px 2px;
padding-left: 4px;
}
.inbreak {
font-weight: bold;
line-height: 20px;
color: #CC0000;
background-color: #FFCCCC;
padding: 2px 16px 2px 16px;
text-align: center;
vertical-align: middle;
border-width: 1px;
border-style: dotted;
border-color: #CC3333;
}
.nbheadermenu {
text-align: center;
font-weight: bold;
font-size: 150%;
margin-bottom: 8px;
}
body {
font-size: 12pt;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
color: #333366;
padding: 0px;
margin: 0px;
width: 100%;
}
table {
font-size: 11pt;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
color: #333333;
padding: 0px;
page-break-inside: avoid;
}
table.oldrunny {
border: 1px;
border-style: solid;
border-color: #000099;
width: 100%;
}
table.lunchmenu {
border: 1px;
border-style: solid;
border-color: #000099;
width: 100%;
}
table.lunchsuggest {
border: 1px;
border-style: solid;
border-color: #000099;
width: 60%;
margin: auto;
}
table.timetable {
border: 1px;
border-style: solid;
border-color: #000099;
width: 100%;
}
table.timetablesmall {
border: 1px;
border-style: solid;
border-color: #000099;
margin: auto;
}
table.pccouncil {
border: 0px;
border-style: solid;
border-color: #000099;
width: 100%;
}
table.printable {
border: 1px;
border-style: solid;
border-color: #000099;
}
table.scores {
border: 1px;
border-style: solid;
border-color: #000099;
margin: auto;
}
table.yearbook {
font-size: 11pt;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
color: #333333;
background-color: inherit;
padding: 8px;
border: 0px solid #0000CC;
}
h1 {
font-family: tahoma, verdana, geneva, arial, helvetica, helve, sans-serif;
font-size: 250%;
color: #000066;
background-color: inherit;
text-shadow: #909090 4px 4px 4px;
}
h1.black {
color: #000;
}
h1.datetime {
font-size: 100%;
color: #000066;
text-align: center;
background-color: #F3F3F3;
margin: auto;
border-width: 1px;
padding: 4px;
border-style: solid;
border-color: #000099;
text-shadow: #F0F0F0 1px 2px 2px;
}
h1.obit {
font-size: 250%;
color: #000000;
background-color: inherit;
text-shadow: #909090 4px 4px 4px;
}
h2 {
font-family: tahoma, verdana, geneva, arial, helvetica, helve, sans-serif;
font-size: 200%;
color: #000066;
background-color: inherit;
text-shadow: #909090 3px 3px 3px;
}
h2.black {
color: #000;
}
h2.obit {
font-size: 200%;
color: #000000;
background-color: inherit;
text-shadow: #909090 4px 4px 4px;
}
h3 {
font-family: tahoma, verdana, geneva, arial, helvetica, helve, sans-serif;
font-size: 150%;
color: #000066;
background-color: inherit;
text-shadow: #909090 2px 2px 2px;
}
h3.black {
color: #000;
}
h3.obit {
font-size: 150%;
color: #000000;
background-color: inherit;
text-shadow: #909090 2px 2px 2px;
}
h4 {
font-family: tahoma, verdana, geneva, arial, helvetica, helve, sans-serif;
font-size: 120%;
color: #000066;
background-color: inherit;
text-shadow: #909090 2px 2px 2px;
}
h4.obit {
font-size: 120%;
color: #000000;
background-color: inherit;
text-shadow: #909090 2px 2px 2px;
}
h5 {
font-family: tahoma, verdana, geneva, arial, helvetica, helve, sans-serif;
font-size: 120%;
color: #333366;
background-color: inherit;
}
h5.xlpics {
font-size: 120%;
color: #333366;
background-color: inherit;
text-align: center;
}
h5.advert {
font-size: 90%;
color: #006;
background-color: inherit;
text-align: center;
text-decoration: overline underline;
}
h6.advert {
font-size: 80%;
color: #339;
background-color: inherit;
text-align: center;
text-decoration: overline;
}
p {
font-size: 12px;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
color: #333366;
background-color: inherit;
text-indent: 0%;
text-align: justify;
}
p.intro {
margin-top: 12px;
}
p.intro: first-letter {
font-size: 24px;
font-weight: normal;
line-height: inherit;
}
p.quote {
font-size: 11pt;
font-family: times, 'times new roman', serif;
color: #333366;
background-color: inherit;
text-indent: 0%;
text-align: left;
padding: 2%;
}
p.ybquote {
font-size: 12pt;
font-style: italic;
font-family: times, 'times new roman', serif;
color: #669;
background-color: inherit;
text-indent: 0%;
text-align: left;
padding: 2%;
}
p.poem {
font-size: 12pt;
font-style: italic;
font-family: times, 'times new roman', serif;
color: #669;
background-color: inherit;
text-indent: 0%;
text-align: left;
padding: 2%;
}
p.textquote {
font-size: 12pt;
font-style: italic;
font-family: times, 'times new roman', serif;
color: #336;
background-color: inherit;
text-indent: 0%;
text-align: left;
padding: 2%;
}
p.notice {
font-size: 12px;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
color: #333366;
background-color: inherit;
padding: 8px;
text-align: center;
}
p.center {
font-size: 12px;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
color: #333366;
background-color: inherit;
padding: 4px;
text-align: center;
}
p.home {
font-size: 9px;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
color: #333366;
background-color: inherit;
padding: 0px;
text-align: center;
}
p.yrbkpic {
color: #0000CC;
background-color: inherit;
font-size: 9px;
padding: 5px;
text-indent: 0%;
text-align: justify;
}
p.letter {
color: #333333;
background-color: inherit;
font-size: 12px;
font-family: 'Comic Sans MS','comic sans', comic,verdana, geneva, arial, helvetica, helve, sans-serif;
padding: 5px;
text-indent: 0%;
text-align: justify;
}
p.caption {
color: #000099;
background-color: inherit;
font-size: 10px;
text-indent: 0%;
text-align: center;
}
p.sidebar {
color: #000000;
background-color: inherit;
font-size: 9px;
text-indent: 0%;
padding: 5px;
text-align: left;
border-top: 1px solid #000099;
}
p.sidebar2 {
color: #000000;
background-color: inherit;
font-size: 9px;
text-indent: 0%;
padding: 5px;
text-align: left;
}
p.sidebargoogle {
color: #000000;
background-color: inherit;
font-size: 9px;
text-indent: 0%;
padding: 0px;
text-align: left;
border-top: 1px solid #000099;
}
p.midpage {
color: #000033;
background-color: inherit;
font-size: 10px;
font-weight: bold;
text-indent: 0%;
padding: 7px;
text-align: center;
text-shadow: #FFF 2px 2px 2px;
}
p.sidetitle {
color: #000033;
background-color: inherit;
font-size: 10px;
font-weight: bold;
text-indent: 0%;
padding: 7px;
text-align: left;
text-shadow: #FFF 2px 2px 2px;
}
p.sidetitle2 {
color: #000033;
background-color: inherit;
font-size: 10px;
font-weight: bold;
text-indent: 10px;
padding: 7px;
text-align: left;
text-shadow: #FFF 2px 2px 2px;
}
p.sidetitlefix {
color: #000033;
background-color: inherit;
font-size: 10px;
font-weight: bold;
text-indent: 0%;
padding: 7px;
text-align: left;
text-shadow: #FFF 2px 2px 2px;
position: fixed; top: 120px; left: 0px;
}
p.advert {
text-align: center;
}
p.byline	{
color: #000033;
font-style: italic;
background-color: inherit;
font-size: 9pt;
padding-left: 10%;
text-align: left;
}
sup {
 font-size: smaller;
 vertical-align: baseline;
 position: relative;
 bottom: 0.25em;
}
fieldset {
border: 1px;
border-style: solid;
border-color: #000099;
}
legend {
font-size: 125%;
font-weight: bold;
color: #000066;
background-color: inherit;
text-shadow: #909090 2px 2px 2px;
}
lh {
font-family: tahoma, verdana, geneva, arial, helvetica, helve, sans-serif;
font-weight: bold;
font-size: 130%;
color: #000066;
padding-bottom: 8px;
background-color: inherit;
text-shadow: #909090 2px 2px 2px;
}
dt {
font-family: tahoma, verdana, geneva, arial, helvetica, helve, sans-serif;
font-size: 120%;
text-indent: 5%;
color: #000066;
background-color: inherit;
text-shadow: #909090 2px 2px 2px;
}
dt.jobs {
font-family: tahoma, verdana, geneva, arial, helvetica, helve, sans-serif;
font-size: 150%;
text-indent: 5%;
color: #990000;
background-color: inherit;
text-shadow: #909090 2px 2px 2px;
}
dd {
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
font-size: 100%;
text-indent: 10%;
color: #333366;
background-color: inherit;
}
ul.revnotes li {
font-size: 10pt;
list-style-type: square;
text-align: justify;
margin-bottom: 4px;
}
ul.ord li {
font-size: 10pt;
list-style-type: square;
text-align: left;
padding: 0px;
}
ol li {
font-size: 11px;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
color: #333366;
background-color: inherit;
text-indent: 0%;
text-align: justify;
}
li {
font-size: 9pt;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
color: #333366;
background-color: inherit;
list-style-position: outside;
text-indent: 0%;
text-align: left;
padding: 2px;
}
li.curriculum {
font-size: 10px;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
color: #333366;
background-color: inherit;
list-style-position: outside;
text-indent: 0%;
text-align: justify;
padding: 2px;
}
li.jobs {
font-size: 12px;
font-weight: bold;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
color: #333366;
background-color: inherit;
list-style-position: outside;
text-indent: 0%;
text-align: justify;
padding: 4px;
}
li.jobs2 {
font-size: 11px;
font-weight: normal;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
color: #333366;
background-color: inherit;
list-style-position: outside;
text-indent: 0%;
text-align: justify;
padding: 2px;
}
li.report {
font-size: 12px;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
color: #333366;
background-color: inherit;
list-style-position: outside;
text-indent: 0%;
text-align: justify;
font-weight: normal;
padding: 4px;
}
li.report2 {
font-size: 11px;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
color: #333366;
background-color: inherit;
list-style-position: outside;
text-indent: 0%;
text-align: justify;
padding: 2px;
}
li.oldrunny {
font-size: 10px;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
color: #333366;
background-color: inherit;
list-style-position: outside;
text-indent: 0%;
text-align: left;
padding: 2px;
}
li.oldrunnynews {
font-size: 12px;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
color: #333366;
background-color: inherit;
list-style-position: outside;
text-indent: 0%;
text-align: left;
padding: 4px;
}
li.seti {
font-size: 10px;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
color: #333366;
background-color: inherit;
list-style-position: outside;
text-indent: 0%;
text-align: left;
padding: 0px;
}
tr.links td {
width: 50%;
text-align: center;
vertical-align: bottom;
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: #000099;
}
tr.timetable td {
color: #333333;
background-color: #FFFFFF;
text-align: center;
vertical-align: middle;
padding: 8px;
text-indent: 0%;
border-width: 1px 0px 0px 1px;
border-style: dotted;
border-color: #3333CC;
}
tr.odd td {
color: #000000;
background-color: #FFFFFF;
vertical-align: top;
}
tr.even td {
color: #000000;
background-color: #F0F0F0;
vertical-align: top;
}
tr.odd td.tt {
text-align: center;
color: #000000;
background-color: #FFFFFF;
vertical-align: middle;
border-width: 0px 1px 0px 1px;
border-style: solid;
border-color: #000099;
}
tr.even td.tt {
text-align: center;
color: #000000;
background-color: #F0F0F0;
vertical-align: middle;
border-width: 0px 1px 0px 1px;
border-style: solid;
border-color: #000099;
}
tr.odd td.daydate {
width: 10%;
text-align: center;
font-weight: bold;
color: #333;
background-color: #FFFFFF;
vertical-align: middle;
border-width: 0px 1px 0px 1px;
border-style: dotted;
border-color: #000099;
}
tr.even td.daydate {
width: 10%;
text-align: center;
font-weight: bold;
color: #333;
background-color: #F0F0F0;
vertical-align: middle;
border-width: 0px 1px 0px 1px;
border-style: dotted;
border-color: #000099;
}
tr.odd td.tto {
text-align: center;
color: #333;
background-color: #FFFFFF;
vertical-align: middle;
border-width: 0px;
border-style: none;
border-color: #000099;
}
tr.even td.tto {
text-align: center;
color: #000000;
background-color: #F0F0F0;
vertical-align: middle;
border-width: 0px;
border-style: none;
border-color: #000099;
}
tr.odd td.ttl {
text-align: center;
color: #000000;
background-color: #FFFFFF;
vertical-align: middle;
border-width: 0px 1px 0px 0px;
border-style: solid;
border-color: #000099;
}
tr.even td.ttl {
text-align: center;
color: #000000;
background-color: #FFFFFF;
vertical-align: middle;
border-width: 0px 1px 0px 0px;
border-style: solid;
border-color: #000099;
}
tr.odd td.ttr {
text-align: center;
color: #000000;
background-color: #FFFFFF;
vertical-align: middle;
border-width: 0px 0px 0px 1px;
border-style: solid;
border-color: #000099;
}
tr.even td.ttr {
text-align: center;
color: #000000;
background-color: #FFFFFF;
vertical-align: middle;
border-width: 0px 0px 0px 1px;
border-style: solid;
border-color: #000099;
}
td {
font-size: 12px;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
padding: 7px 12px 7px 12px;
vertical-align: top;
}
td.text {
width: 640px;
}
td.rmargin {
width: 25%;
}
td.bottom {
padding: 0px 8px 0px 8px;
}
td.validation {
padding: 0px 8px 0px 8px;
}
td.new {
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
font-size: 12px;
text-align: left;
color: #000066;
background-color: #F0F0F0;
margin: 4px;
border-width: 1px;
padding: 10px 10px 10px 32px;
border-style: solid;
border-color: #666666;
}
td.dbcontrol {
background-color: #F3F3F3;
font-size: 10px;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
font-weight: bold;
color: #000000;
padding: 0px;
}
td.header {
color: #000000;
background-color: #F3F3F3;
font-size: 8px;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
padding: 0px;
text-align: center;
}
td.centered {
color: #333333;
background-color: inherit;
font-size: 10px;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
text-align: center;
}
td.centeredvert {
color: #333333;
background-color: inherit;
font-size: 10px;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
text-align: center;
vertical-align: middle;
}
td.thumb {
vertical-align: middle;
text-align: center;
margin: auto;
}
td.thumbnail {
color: #333333;
background-color: #CCF;
font-size: 10px;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
text-align: center;
}
td.short {
font-size: 10px;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
color: #333333;
background-color: inherit;
font-weight: bold;
text-align: center;
}
td.yrbktxt {
border-style: dashed;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-color: #000099;
}
td.yrbktxt2 {
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-color: #000099;
}
td.yrbkpic {
color: #0000CC;
background-color: inherit;
font-size: 9px;
padding: 5px;
text-indent: 0%;
text-align: justify;
}
td.salve {
color: #333333;
background-color: #CCCCCC;
font-size: 11px;
font-weight: bold;
padding: 5px;
text-indent: 0%;
text-align: center;
}
td.pcvacant {
color: #666666;
background-color: inherit;
font-style: italic;
padding: 5px;
text-indent: 0%;
}
td.pcclass {
background-color: #CCF;
color: #000066;
font-size: 11px;
font-weight: bold;
padding: 5px;
text-indent: 0%;
text-align: center;
vertical-align : middle;
border-right: 1px solid #000099;
border-bottom: 1px solid #000099;
}
td.pcclass1 {
background-color: #DDDDDD;
color: #000066;
font-size: 11px;
font-weight: bold;
padding: 5px;
text-indent: 0%;
text-align: center;
vertical-align : middle;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
}
td.pcclass2 {
vertical-align : middle;
background-color: #FFFFFF;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
td.pcvacant {
color: #999999;
font-style: italic;
padding: 5px;
text-indent: 0%;
vertical-align : middle;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
td.timetable {
width: 18%;
color: #333;
font-size: 10px;
font-weight: normal; 
padding: 5px;
text-indent: 0%;
text-align: center;
vertical-align: middle;
background-color: #F0F0F0;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
}
td.break {
font-weight: bold;
color: #CC0000;
background-color: #FFCCCC;
padding: 5px;
text-align: center;
vertical-align: middle;
border-left: 1px solid #996666;
border-top: 1px solid #996666;
border-right: 1px solid #FFCCCC;
border-bottom: 1px solid #FFCCCC;
}
td.timetable2 {
font-size: 12px;
width: 20%;
color: #000;
background-color: #FFFFFF;
text-align: center;
vertical-align: middle;
padding: 5px;
text-indent: 0%;
border-width: 1px 0px 0px 1px;
border-style: dotted;
border-color: #3333CC;
}
td.printable2 {
font-size: 10px;
color: #000;
background-color: #FFFFFF;
text-align: center;
padding: 2px;
text-indent: 0%;
border-width: 1px;
border-style: solid;
border-color: #3333CC;
}
td.salve {
background-color: #CCCCCC;
color: #333333;
font-size: 11px;
font-weight: bold;
padding: 5px;
text-indent: 0%;
text-align: center;
}
td.formlabel {
background-color: inherit;
color: #333333;
font-size: 10px;
font-weight: normal; 
padding: 2px;
text-indent: 0%;
text-align: right;
vertical-align: middle;
}
td.formlabelcent {
background-color: inherit;
color: #333333;
font-size: 10px;
font-weight: normal; 
padding: 2px;
text-indent: 0%;
text-align: center;
vertical-align: middle;
}
td.forminput {
background-color: inherit;
text-align: left;
vertical-align: middle;
}
td.exampass {
color: #333333;
font-size: 10px;
font-weight: normal; 
padding: 5px;
text-indent: 0%;
text-align: center;
background-color: #FFFFFF;
border-left: 0px solid #FFF;
border-top: 0px solid #FFF;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
}
td.examfail {
color: #FF0000;
font-size: 10px;
font-weight: normal; 
padding: 5px;
text-indent: 0%;
text-align: center;
background-color: #FFFFFF;
border-left: 0px solid #FFF;
border-top: 0px solid #FFF;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
}
td.eca {
color: #333;
font-size: 10px;
font-weight: normal; 
padding: 5px;
text-indent: 0%;
text-align: center;
vertical-align: middle;
background-color: #F0F0F0;
border-left: 1px solid #F0F0F0;
border-top: 1px solid #F0F0F0;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
}
td.ecablank {
color: #FFF;
background-color: #FFF;
border-left: 1px solid #9999CC;
border-top: 1px solid #9999CC;
border-right: 1px solid #F0F0FF;
border-bottom: 1px solid #F0F0FF;
}
td.lunchmenu {
color: #333333;
font-size: 10px;
font-weight: normal; 
padding: 5px;
text-indent: 0%;
text-align: center;
vertical-align: middle;
background-color: #FFFFFF;
border-left: 1px solid #FFF;
border-top: 1px solid #FFF;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
}
td.lunchsuggest {
color: #333333;
font-size: 8px;
font-weight: normal; 
padding: 3px;
text-indent: 0%;
text-align: center;
vertical-align: middle;
background-color: #FFFFFF;
border-left: 1px solid #FFF;
border-top: 1px solid #FFF;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
}
td.lunchmenuno {
color: #333333;
font-size: 10px;
font-weight: normal; 
padding: 5px;
text-indent: 0%;
text-align: center;
vertical-align: middle;
background-color: #CCCCCC;
border-left: 1px solid #FFF;
border-top: 1px solid #FFF;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
}
td.lunchmenuholiday {
color: #FF0000;
font-size: 10px;
font-weight: bold;
padding: 5px;
text-indent: 0%;
text-align: center;
vertical-align: middle;
background-color: #FFCCCC;
border-left: 1px solid #FFF;
border-top: 1px solid #FFF;
border-right: 1px solid #CC9999;
border-bottom: 1px solid #CC9999;
}
td.lunchmenuholsugg {
color: #FF0000;
font-size: 8px;
font-weight: bold;
padding: 5px;
text-indent: 0%;
text-align: center;
vertical-align: middle;
background-color: #FFCCCC;
border-left: 1px solid #FFF;
border-top: 1px solid #FFF;
border-right: 1px solid #CC9999;
border-bottom: 1px solid #CC9999;
}
td.lunchmenunosugg {
color: #FF0000;
font-size: 8px;
font-weight: bold;
padding: 5px;
text-indent: 0%;
text-align: center;
vertical-align: middle;
background-color: #CCC;
border-left: 1px solid #FFF;
border-top: 1px solid #FFF;
border-right: 1px solid #CC9999;
border-bottom: 1px solid #CC9999;
}
td.red {
color: #000033;
font-size: 10px;
font-weight: bold;
padding: 5px;
text-indent: 0%;
text-align: center;
background-color: #FFCCCC;
border-left: 1px solid #FFF;
border-top: 1px solid #FFF;
border-right: 1px solid #CC9999;
border-bottom: 1px solid #CC9999;
}
td.team {
text-align: left;
padding: 8px;
width: 40%;
border-bottom: 1px dotted #CCCCCC;
}
td.score {
text-align: center;
font-weight: bold;
padding: 8px;
width: 10%;
}
th {
background-color: #CCF;
color: #000066;
font-size: 11px;
font-weight: bold;
padding: 5px;
text-indent: 0%;
text-align: center;
}
th.oldrunny {
text-align: left;
font-weight: normal;
}
th.timetable {
font-size: 150%;
background-color: #CCF;
text-shadow: #909090 3px 3px 3px;
padding: 15px 2px 15px 2px;
}
th.printable {
font-size: 150%;
background-color: #FFFFFF;
text-shadow: #909090 3px 3px 3px;
padding: 10px 2px 10px 2px;
}
th.timetable2 {
width: 5%;
font-size: 100%;
color: #333333;
background-color: #DDDDFF;
font-weight: bold;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #000099;
padding: 10px 2px 10px 2px;
}
th.timetable3 {
width: 18%;
font-size: 100%;
color: #333333;
background-color: #DDDDFF;
font-weight: bold;
border-width: 0px;
border-style: hidden;
border-color: #000099;
padding: 10px 2px 10px 2px;
}
th.timetable4 {
width: 33%;
font-size: 100%;
color: #333333;
background-color: #DDDDFF;
font-weight: bold;
border-width: 0px;
border-style: hidden;
border-color: #000099;
padding: 10px 2px 10px 2px;
}
th.timetable5 {
width: 10%;
font-size: 100%;
color: #333366;
background-color: #DDDDFF;
text-align: left;
font-weight: bold;
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: #999999;
padding: 2px 10px 2px 10px;
}
th.printable2 {
font-size: 100%;
color: #333333;
background-color: #FFFFFF;
font-weight: bold;
border-width: 1px;
border-style: solid;
border-color: #000099;
padding: 5px 2px 5px 2px;
}
th.printable3 {
font-size: 100%;
color: #FFF;
background-color: #FFFFFF;
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: #000099;
padding: 0px;
}
th.oldrunnyname {
text-align: left;
font-weight: normal;
width: 33%;
}
th.lunchmenumonth {
background-color: #CCF;
color: #000066;
font-size: 150%;
text-shadow: #909090 2px 2px 2px;
font-weight: bold;
padding: 5px;
text-indent: 0%;
text-align: center;
}
th.lunchmenu {
width: 20%;
color: #333333;
background-color: #FFFFCC;
text-align: center;
font-weight: bold;
border-left: 2px solid #FFF;
border-top: 2px solid #FFF;
border-right: 2px solid #CCCC99;
border-bottom: 2px solid #CCCC99;
}
th.lunchsuggest {
width: 20%;
font-size: 8px;
color: #333333;
background-color: #FFFFCC;
text-align: center;
font-weight: bold;
border-left: 2px solid #FFF;
border-top: 2px solid #FFF;
border-right: 2px solid #CCCC99;
border-bottom: 2px solid #CCCC99;
}
th.lunchmenuno {
width: 20%;
color: #333333;
background-color: #CCCCCC;
text-align: center;
font-weight: normal;
border-left: 2px solid #FFF;
border-top: 2px solid #FFF;
border-right: 2px solid #CCCC99;
border-bottom: 2px solid #CCCC99;
}
th.examresults {
color: #333333;
background-color: #CCF;
text-align: center;
font-weight: bold;
border-left: 2px solid #FFF;
border-top: 2px solid #FFF;
border-right: 1px solid #000099;
border-bottom: 1px solid #000099;
text-shadow: #909090 2px 2px 2px;
}
th.examcandidates {
font-size: 70%;
color: #333333;
background-color: #CCF;
text-align: center;
font-weight: bold;
border-left: 2px solid #FFF;
border-top: 2px solid #FFF;
border-right: 1px solid #000099;
border-bottom: 1px solid #000099;
text-shadow: #909090 2px 2px 2px;
}
th.examsubjects {
color: #333333;
background-color: #CCF;
text-align: left;
font-weight: bold;
border-left: 2px solid #FFF;
border-top: 2px solid #FFF;
border-right: 1px solid #000099;
border-bottom: 1px solid #000099;
text-shadow: #909090 2px 2px 2px;
}
input.text {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'verdana', Verdana, Arial, Sans-Serif;
font-size: 12px;
font-weight: normal;
text-align: left;
margin-top: 1px;
margin-left: 0px;
margin-bottom: 1px;
margin-right: 0px;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-style: solid;
border-top-color: #666699;
border-bottom-color: #666699;
padding-top: 3px;
padding-bottom: 3px;
line-height: 1.5;
color: #000066;
background-color: #F0F0FF;
}
textarea {
font-family: "Minion Web", "Times New Roman", Times, Serif;
font-size: 12px;
font-weight: normal;
text-align: left;
margin-top: 1px;
margin-left: 0px;
margin-bottom: 1px;
margin-right: 0px;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-style: solid;
border-top-color: #666699;
border-bottom-color: #666699;
padding-top: 2px;
padding-bottom: 2px;
line-height: 1.2;
color: #000066;
background-color: #F0F0FF;
}
select {
color: #000066;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'verdana', Verdana, Arial, Sans-Serif;
font-weight: normal;
padding-left: 3px;
background: #F0F0FF;
font-size: 12px;
border: 1px solid #666699;
margin-left: 0px;
}
a {
text-decoration: none;
color: #0000CC;
background-color: inherit;
}
a: active, a:hover {
color: #FFFFFF;
background-color: #0000CC;
text-shadow: #FFFFFF 0px 0px 4px;
}
a.wikipedia {
font-family: Georgia, Palatino, Times, "Times New Roman";
color: #3333CC;
}
a.wikipedia:hover {
font-family: Georgia, Palatino, Times, "Times New Roman";
color: #CCCCCC;
}
a.page {
font-size: 11px;
color: #000099;
background-color: inherit;
font-weight: bold;
line-height: 100%;
text-decoration: none;
text-shadow: #FFF 2px 2px 2px;
padding: 4px;
}
a.page:hover {
color: #0000FF;
background-color: #F0F0FF;
text-shadow: #003399 2px 2px 3px;
}
a.sidebar2 {
font-size: 9px;
display: block;
color: #000099;
background-color: inherit;
font-weight: bold;
line-height: 100%;
text-decoration: none;
text-shadow: #FFF 2px 2px 1px;
padding: 4px;
margin-left: 16px;
}
a.sidebar2: visited {
display: block;
color: #000099;
background-color: inherit;
text-shadow: #FFF 2px 2px 1px;
padding: 4px;
margin-left: 16px;
}
a.sidebar2:hover {
display: block;
color: #0000FF;
background-color: #F0F0FF;
text-shadow: #003399 2px 2px 3px;
padding: 4px;
margin-left: 16px;
}
a.sidebar3 {
font-size: 9px;
display: block;
color: #000099;
background-color: inherit;
font-weight: bold;
line-height: 100%;
text-decoration: none;
text-shadow: #FFF 2px 2px 1px;
padding: 4px;
margin-left: 24px;
}
a.sidebar3: visited {
display: block;
color: #000099;
background-color: inherit;
text-shadow: #FFF 2px 2px 1px;
padding: 4px;
margin-left: 24px;
}
a.sidebar3:hover {
display: block;
color: #0000FF;
background-color: #F0F0FF;
text-shadow: #003399 2px 2px 3px;
padding: 4px;
margin-left: 24px;
}
img {
border: 0;
page-break-inside: avoid;
}
img.gallery {
border-width: 4px;
border-style: outset;
border-color: #9999CC;
}
img.thumb {
margin: auto;
border-width: 3px;
border-style: inset;
border-color: #9999CC;
}
img:hover {
background-color: #FFFFFF;
}
img.randompic {
border-width: 1px;
border-style: solid;
border-color: #000099;
}
#sidebarfix {
position: fixed; top: 140px;
}
.sidepic {
float: right;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
font-size: 12px;
text-align: center;
vertical-align: top;
color: #000066;
background-color: #F0F0F0;
margin: 0px 0px 2em 2em;
border-width: 1px;
padding: 10px;
border-style: solid;
border-color: #666666;
}
.sidebox {
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
font-size: 12px;
text-align: center;
color: #000066;
background-color: #F0F0F0;
margin: 4px;
border-width: 1px;
padding: 10px;
border-style: solid;
border-color: #666666;
}
.centrepic {
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
font-size: 12px;
text-align: center;
color: #000066;
background-color: #F0F0F0;
margin: 4px;
border-width: 1px;
padding: 10px;
border-style: solid;
border-color: #666666;
}
.inboxpic {
text-align: center;
color: #000066;
background-color: #F0F0F0;
margin: 10px;
border-width: 1px;
padding: 0px;
border-style: solid;
border-color: #666666;
}
.wrapper {
position: relative;
/* This fixes the IE7 overflow hidden bug */
clear: both;
float: left;
width: 100%;
/* width of whole page */
overflow: hidden;
/* This chops off any overhanging divs */
background: #fff;
/* right column background colour */
padding: 0 0 4em 0;
}
.wrapper2 {
float: left;
width: 100%;
position: relative;
right: 84%;
/* right column width */
background: #ccf;
/* left column background colour */
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #006;
}
.sidebar, .contentbody {
float: left;
position: relative;
padding: 0 0 1em 0;
overflow: hidden;
}
.contentbody {
width: 82%;
/* right column content width */
left: 101%;
/* 100% plus left column left padding */
}
.sidebar {
width: 14%;
/* left column content width (column width minus left and right padding) */
left: 3%;
/* (right column left and right padding) plus (left column left padding) */
}
.textonly {
max-width: 60em;
}
#bottom {
clear: both;
font-size: 7pt;
line-height: 100%;
color: #000066;
font-family: verdana, arial, helvetica, helve, sans-serif;
background-color: #CCF;
opacity: 0.85;
border-top: 1px solid #000099;
position: fixed; bottom: 0px; left: 0px; width: 100%;
text-align: center;
padding: 0px;
}
#bottomh {
clear: both;
font-size: 7pt;
line-height: 100%;
color: #000066;
font-family: verdana, arial, helvetica, helve, sans-serif;
background-color: #CCF;
opacity: 0.85;
border-top: 1px solid #000099;
width: 100%;
text-align: center;
padding: 0px;
}
p.footer {
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
font-size: 8pt;
color: #336;
background-color: inherit;
text-indent: 0%;
text-align: center;
line-height: 100%;
padding: 0px;
margin: 8px 2px;
}
p.spacer {
visibility: hidden;
font-size: 7pt;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
color: #336;
background-color: inherit;
text-indent: 0%;
text-align: justify;
line-height: 100%;
padding: 5px;
margin: 16px 94px;
}
p.disclaimer	{
font-size: 7pt;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
color: #336;
background-color: inherit;
text-indent: 0%;
text-align: justify;
line-height: 100%;
padding: 5px;
margin: 4px 94px;
}
p.disclaimer	a {
text-decoration: none;
background-color: transparent;
}
#freecap {
color: #000033;
background-color: #F0F0FF;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-style: solid;
border-top-color: #666699;
border-bottom-color: #666699;
}
#topbar {
width=100%;
background-image: url('graphix/header.gif');
padding: 8px;
border-bottom: 1px solid #000099;
}
#lefttitle {
float: left;
width: 120px;
background-color: inherit;
vertical-align: middle;
text-align: center;
}
#righttitle {
float: right;
width: 120px;
background-color: inherit;
vertical-align: middle;
text-align: center;
}
#toptitle {
background-color: inherit;
margin: 0px 120px 0px 120px;
vertical-align: middle;
text-align: center;
}
#leftpagetitle {
float: left;
width: 320px;
background-color: inherit;
vertical-align: middle;
text-align: center;
}
#rightpagetitle {
float: right;
width: 50px;
background-color: inherit;
vertical-align: middle;
text-align: center;
}
#toppagetitle {
font-family: tahoma, verdana, geneva, arial, helvetica, helve, sans-serif;
font-size: 250%;
font-weight: bold;
color: #000099;
text-shadow: #909090 4px 4px 4px;
background-color: inherit;
margin: 0px 60px 0px 330px;
vertical-align: middle;
text-align: center;
}
#centeredmenu {
 width: 100%;
 background: #99F;
 border-bottom: 1px solid #009;
 overflow: hidden;
 position: relative;
vertical-align: middle;
}
#centeredmenu ul {
width: 98%;
vertical-align: middle;
 list-style: none;
 margin: auto;
 padding: 0;
 text-align: center;
}
#centeredmenu ul li {
width: 14%;
text-align: center;
vertical-align: middle;
 display: block;
 float: left;
 list-style: none;
 margin: 0;
 padding: 0;
}
#centeredmenu ul li a {
 display: block;
vertical-align: middle;
font-size: 9pt;
font-weight: bold;
 margin: 0 0 0 1px;
 padding: 3px 3px;
 background: #99F;
 color: #009;
 text-decoration: none;
 line-height: 1.3em;
text-shadow: #CCF 1px 1px 1px;
}
#centeredmenu ul li a:hover {
 background: #F0F0FF;
 color: #009;
}
#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
 color: #fff;
 background: #000;
text-shadow: #CCF 0px 0px 0px;
}
#sidemenu {
vertical-align: top;
}
#sidemenu ul {
text-shadow: #FFF 2px 2px 1px;
margin: 0px;
padding: 1px;
}
#sidemenu ul li {
text-align: left;
 display: block;
 list-style: none;
 margin: 0;
padding: 8px 16px 16px 16px;
}
#sidemenu ul li a {
 display: block;
vertical-align: middle;
font-size: 9pt;
font-weight: bold;
 background: #CCF;
 color: #009;
text-decoration: none;
text-shadow: #FFF 1px 1px 1px;
}
#sidemenu ul li a:hover {
 background: #F0F0FF;
 color: #00C;
}
#sidemenu ul li a.active,
#sidemenu ul li a.active:hover {
 color: #fff;
 background: #000;
text-shadow: #CCF 0px 0px 0px;
}
.highlight2 {
color: #330000;
background-color: #FFCC00;
}
@media all and (max-width: 600px) {

#bottom {
clear: both;
position: static;
font-size: 7pt;
line-height: 100%;
color: #000066;
font-family: verdana, arial, helvetica, helve, sans-serif;
background-color: #CCF;
opacity: 0.85;
border-top: 1px solid #000099;
width: 100%;
text-align: center;
padding: 0px;
}
}