.vcard {
color: #000000;
background-color: inherit;
font-size: 9px;
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%;
}
.notlink {
font-size: 11px;
display: block;
color: #000099;
background-color: inherit;
font-weight: bold;
line-height: 120%;
text-decoration: none;
text-shadow: #FFF 2px 2px 2px;
padding: 4px;
}
.notlink2 {
font-size: 9px;
display: block;
color: #000099;
background-color: inherit;
font-weight: bold;
line-height: 120%;
text-decoration: none;
text-shadow: #FFF 2px 2px 2px;
padding: 4px;
margin-left: 16px;
}
.notlink3 {
font-size: 9px;
display: block;
color: #000099;
background-color: inherit;
font-weight: bold;
line-height: 120%;
text-decoration: none;
text-shadow: #FFF 2px 2px 2px;
padding: 4px;
margin-left: 24px;
}
.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: 12px;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
color: #333366;
padding: 0px;
margin: 0px;
}
body.new {
font-size: 12px;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
color: #333366;
padding: 0px;
margin: 0px;
background-image: url('graphix/backgrnd.gif');
}
body.newsletter {
font-size: 12px;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
color: #333366;
padding: 0px;
margin: 16px;
}
table {
font-size: 11px;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
color: #333333;
padding: 0px;
page-break-inside: avoid;
}
table.body {
padding-bottom: 128px;
width: 100%;
}
table.oldrunny {
border: 1px;
border-style: solid;
border-color: #000099;
width: 100%;
margin: 1px;
}
table.lunchmenu {
border: 1px;
border-style: solid;
border-color: #000099;
width: 100%;
margin: 32px 0px;
}
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.examresults {
}
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: 11px;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
color: #333333;
background-color: inherit;
padding: 8px;
border: 0px solid #0000CC;
}
table.contents {
padding: 0px 0px 48px 0px;
}
h1 {
font-family: tahoma, verdana, geneva, arial, helvetica, helve, sans-serif;
font-size: 250%;
color: #000066;
background-color: inherit;
text-shadow: #909090 3px 3px 3px;
}
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 3px 3px 3px;
}
h2 {
font-family: tahoma, verdana, geneva, arial, helvetica, helve, sans-serif;
font-size: 200%;
color: #000066;
background-color: inherit;
text-shadow: #909090 2px 2px 2px;
}
h2.black {
color: #000;
}
h2.obit {
font-size: 200%;
color: #000000;
background-color: inherit;
text-shadow: #909090 3px 3px 3px;
}
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;
}
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.footer {
color: #000066;
background-color: inherit;
font-size: 9px;
text-indent: 0%;
padding: 0px;
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;
}
p.disclaimer	{
color: #000033;
background-color: inherit;
font-size: 9px;
padding: 5px;
text-indent: 0%;
text-align: justify;
}
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: 100%;
font-weight: bold;
color: #000066;
text-indent: 5%;
background-color: inherit;
}
dt.jobs {
font-family: tahoma, verdana, geneva, arial, helvetica, helve, sans-serif;
font-size: 11pt;
text-indent: 5%;
color: #C00;
background-color: inherit;
text-shadow: #CCCCCC 1px 1px 1px;
}
dt.jobs2 {
font-family: tahoma, verdana, geneva, arial, helvetica, helve, sans-serif;
font-size: 11pt;
text-indent: 5%;
color: C66;
background-color: inherit;
text-decoration: line-through;
text-shadow: #CCCCCC 1px 1px 1px;
}
dd {
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
font-size: 9pt;
color: #333366;
text-indent: 5%;
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: 12px;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
color: #333366;
background-color: inherit;
text-indent: 0%;
text-align: justify;
}
li {
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: 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.requirements {
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
font-size: 90%;
color: #333366;
text-indent: 5%;
background-color: inherit;
list-style-position: inside;
}
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.dbcontroltick {
background-color: #F3F3F3;
font-size: 10px;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
font-weight: bold;
color: #000000;
padding: 2px;
text-align: right;
vertical-align: middle;
}
td.dbcontrolreq {
background-color: #F3F3F3;
font-size: 10px;
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
font-weight: normal;
color: #000000;
padding: 0px;
vertical-align: middle;
}
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.sidebar {
width: 16%;
padding: 6px;
text-align: left;
vertical-align: top;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 1px;
border-style: solid;
border-color: #000066;
color: inherit;
background-color: #F7F7F7;
}
td.navbar {
width: 14%;
padding: 0px;
font-size: 120%;
font-weight: bold;
text-align: center;
vertical-align: middle;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-style: solid;
border-color: #000099;
color: inherit;
background-color: #99F;
}
td.navbar:hover {
background-color: #F0F0FF;
}
td.navbarrss {
width: 2%;
padding: 0px;
font-size: 120%;
font-weight: bold;
text-align: center;
vertical-align: middle;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-style: solid;
border-color: #000099;
color: inherit;
background-color: #99F;
}
td.navbarrss:hover {
background-color: #F0F0FF;
}
td.navbaron {
width: 14%;
padding: 0px;
font-size: 120%;
font-weight: bold;
text-align: center;
vertical-align: middle;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-style: solid;
border-color: #000099;
color: inherit;
background-color: #99F;
}
td.navbarh {
width: 16%;
padding: 0px;
font-size: 120%;
font-weight: bold;
text-align: center;
vertical-align: middle;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-style: solid;
border-color: #000099;
color: inherit;
background-color: #99F;
}
td.navbarh:hover {
background-color: #F0F0FF;
}
td.navbarhon {
width: 16%;
padding: 0px;
font-size: 120%;
font-weight: bold;
text-align: center;
vertical-align: middle;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-style: solid;
border-color: #000099;
color: inherit;
background-color: #99F;
}
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 {
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.timetableleft {
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 #66F;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
}
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.lefttitle {
font-family: tahoma, verdana, geneva, arial, helvetica, helve, sans-serif;
width: 320px;
font-size: 250%;
font-weight: bold;
color: #000099;
text-shadow: #909090 3px 3px 3px;
vertical-align: middle;
text-align: left;
background-color: #CCF;
background-image: url('graphix/header.gif');
border-bottom: 1px solid #000099;
}
td.toptitle  {
font-family: tahoma, verdana, geneva, arial, helvetica, helve, sans-serif;
font-size: 250%;
font-weight: bold;
color: #000099;
text-shadow: #909090 3px 3px 3px;
vertical-align: middle;
text-align: center;
background-color: #CCF;
background-image: url('graphix/header.gif');
border-bottom: 1px solid #000099;
}
td.righttitle  {
font-family: tahoma, verdana, geneva, arial, helvetica, helve, sans-serif;
width: 320px;
font-size: 250%;
font-weight: bold;
color: #000099;
text-shadow: #909090 3px 3px 3px;
vertical-align: middle;
text-align: center;
background-color: #CCF;
background-image: url('graphix/header.gif');
border-bottom: 1px solid #000099;
}
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;
vertical-align: middle;
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;
vertical-align: middle;
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.lunchnumberl {
color: #99C;
font-size: 8px;
font-weight: normal; 
padding: 2px 5px 3px 5px;
text-indent: 0%;
text-align: left;
vertical-align: top;
background-color: #FFFFFF;
border-left: 1px solid #FFF;
border-top: 0px;
border-right: 0px;
border-bottom: 1px solid #999999;
}
td.lunchnumberr {
color: #99C;
font-size: 8px;
font-weight: normal; 
padding: 2px 5px 3px 5px;
text-indent: 0%;
text-align: left;
vertical-align: top;
background-color: #FFFFFF;
border-left: 0px;
border-top: 0px;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
}
td.lunchnumberl em {
color: #999;
}
td.lunchnumberr em {
color: #999;
}
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: #8A8A8A;
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 2px 2px 2px;
padding: 15px 2px 15px 2px;
}
th.printable {
font-size: 150%;
background-color: #FFFFFF;
text-shadow: #909090 2px 2px 2px;
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: 17%;
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 {
width: 2em;
color: #333333;
background-color: #CCF;
text-align: center;
font-weight: bold;
border-left: 1px solid #FFF;
border-top: 1px solid #FFF;
border-right: 1px solid #000099;
border-bottom: 1px solid #000099;
text-shadow: #909090 1px 1px 1px;
}
th.examcandidates {
width: 7em;
font-size: 70%;
color: #333333;
background-color: #CCF;
text-align: center;
font-weight: bold;
border-left: 1px solid #FFF;
border-top: 1px solid #FFF;
border-right: 1px solid #000099;
border-bottom: 1px solid #000099;
text-shadow: #909090 1px 1px 1px;
}
th.examsubjects {
width: 20em;
color: #333333;
background-color: #CCF;
text-align: left;
font-weight: bold;
border-left: 1px solid #FFF;
border-top: 1px solid #FFF;
border-right: 1px solid #000099;
border-bottom: 1px solid #000099;
text-shadow: #909090 1px 1px 1px;
}
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: 'Lucida Grande', 'Lucida Sans Unicode', 'verdana', Verdana, Arial, Sans-Serif;
font-size: 11px;
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.sidebar {
font-size: 11px;
display: block;
color: #000099;
background-color: inherit;
font-weight: bold;
line-height: 100%;
text-decoration: none;
text-shadow: #FFF 2px 2px 1px;
padding: 4px;
}
a.sidebar:visited {
display: block;
color: #000099;
background-color: inherit;
text-shadow: #FFF 2px 2px 1px;
}
a.sidebar:hover {
display: block;
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;
}
a.navbar {
padding: 3px;
font-size: 11px;
display: block;
color: #000099;
background-color: inherit;
text-decoration: none;
text-shadow: #F0F0F0 2px 1px 0px;
text-align: center;
}
a.navbar:visited {
display: block;
color: #000099;
background-color: inherit;
text-decoration: none;
text-shadow: #F0F0F0 2px 1px 0px;
}
a.navbar:hover {
display: block;
color: #0000FF;
background-color: #F0F0FF;
text-decoration: none;
text-shadow: #999999 2px 2px 2px;
}
a.navbaron {
padding: 3px;
font-size: 11px;
display: block;
color: #CCCCFF;
background-color: #99F;
text-decoration: none;
text-shadow: #009 2px 2px 1px;
text-align: center;
}
a.navbaron:visited {
display: block;
color: #CCCCFF;
background-color: #99F;
text-decoration: none;
text-shadow: #009 2px 2px 1px;
}
a.navbaron:hover {
display: block;
color: #CCCCFF;
background-color: #99F;
text-decoration: none;
}
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 {
font-family: verdana, geneva, arial, helvetica, helve, sans-serif;
font-size: 12px;
text-align: center;
vertical-align: top;
color: #000066;
background-color: #F0F0F0;
margin: 4px;
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;
}
#bottom {
font-size: 9px;
line-height: 9px;
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: 1px 0px 1px 0px;
}
#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;
}
.highlight2 {
color: #330000;
background-color: #FFCC00;
}
@media only screen and (max-device-width: 480px) {
#bottom {
clear: both;
position: static;
font-size: 9pt;
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;
}
}