/* WIDTHS SET TO PERCENTAGES, BUT HEIGHTS, BORDERS & PADDINGS LEFT IN PIXELS AND FONT SIZES IN POINTS */
/* TOP BARS */
body {
font-family: Arial, sans-serif;
font-style: normal;
}
div.blankbar {
background-color:rgb(0, 102, 0);
margin-left: 18.4%;
margin-right: 18.4%;
width: 63%;
height: 28px;
padding: 1px;
border: 2px solid white;
}
div.greenbar {
background-color: rgb(153, 153, 0);
margin-left: 18.4%;
margin-right: 18.4%;
width: 63%;
height: 28px;
padding: 1px;
}
/* DINOS & WELCOME */
div#dinoleft {
position: absolute;
top: 120px;
left: 40%;
width: 7.8%;
}
div#dinoright {
position: absolute;
top: 120px;
left: 64.1%;
width: 7.8%;
}
div#welcome {
position: absolute;
padding-top: 20px;
top: 120px;
left: 48.1%;
height: 80px;
width: 15.9%;
line-height: 0;
/* sets space above text (leading) to zero */
}
/* MAIN PANELS */
div.nav {
line-height: 25px;
margin-left: 18.4%;
background-color: #eeeeee;
height: 570px;
width: 10.2%;
float: left;
padding: 0px;
}
div.homepanel {
position: absolute;
margin-left: 30.5%;
top: 230px;
text-align: center;
background-color: white;
width: 48.1%;
}
div.panel {
position: absolute;
margin-left: 30.0%;
top: 150px;
text-align: center;
background-color: white;
width: 49.0%;
}
div.panelheading {
position: absolute;
margin-left: 30.0%;
top: 105px;
text-align: center;
background-color: white;
width: 49.0%;
}
div.prog {
position: absolute;
margin-left: 30.0%;
top: 150px;
text-align: left;
background-color: white;
width: 49.0%;
font-weight: bold;
font-size: 0.875em; font-size: 11pt;
color: black;
}
div.paneltop {
position: absolute;
width:100%;
text-align: left;
background-color: white;
}
div.panelbottom {
position: absolute;
top: 380px;
width:100%;
text-align: left;
background-color: white;
}
/* POP-UP PANELS FOR CLUB NEWS PAGE */
div.greennote {
position: absolute;
margin-left: 30%;
top:160px;
width: 46%;
padding: 0.7em;
text-align: center;
font-weight: bold;
color: white;
background-color: green;
z-index: 1;
}
div.rednote {
position: absolute;
margin-left: 30%;
top:160px;
width: 46%;
padding: 0.7em;
text-align: center;
font-weight: bold;
color: white;
background-color: red;
z-index: 1;
}

/* POP-UP PANEL FOR FIELD TRIP PAGE (with 'tab stops') */
div.fieldpopup {
position: absolute;
margin-left: 30%;
top:375px;
height: 130px;
width: 47.5%;
padding: 0.7em;
background-color: green;
z-index: 1;
}

/* COLUMNS */
#col {
width: 50%;
float: left;
}
/* FOOTER BAR */
div.footer {
background-color: rgb(0, 102, 0);
margin-left: auto;
margin-right: auto;
width: 63%;
height: 15px;
clear: both;
}
/* LISTS */
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li {
border: 1px solid white;
}
/* LINKS: IN NAVIGATION PANE */
a:link, a:visited {
display: block;
font-size:0.813em; font-size: 10pt;
color:#FFFFFF;
background-color: rgb(153, 153, 0);
text-align: left;
padding: 2px;
}
a:hover {
background-color: rgb(0, 102, 0);
}
a:active {
background-color: rgb(204, 102, 0);
}
/* LINKS: IN OTHER PANES */
a.other10pt:link, a.other10pt:visited {
background-color: white;
text-align: center;
font-size:0.813em; font-size: 10pt;
color: blue;
display: inline;
}
a.other10pt:hover {
color: rgb(0, 102, 0);
}
a.other10pt:active {
color: rgb(204, 102, 0);
}
a.other12pt:link, a.other12pt:visited {
background-color: white;
text-align: center;
font-size:1.0em; font-size: 12pt;
color: blue;
display: inline;
}
a.other12pt:hover {
background-color: rgb(204, 255, 204);
}
a.other12pt:active {
background-color: rgb(255, 255, 0);
}
/* FONT CLASSES - CENTRED */
.blacknormal10 {
text-align: center;
font-weight: normal;
font-size:0.813em; font-size: 10pt;
color: black;
}
.blackbold10 {
text-align: center;
font-weight: bold;
font-size:0.813em; font-size: 10pt;
color: black;
}
.bluenormal10 {
text-align: center;
font-weight: normal;
font-size:0.813em; font-size: 10pt;
color: blue;
}
.rednormal10 {
text-align: center;
font-weight: normal;
font-size:0.813em; font-size: 10pt;
color: red;
}
.redbold10 {
text-align: center;
font-weight: bold;
font-size:0.813em; font-size: 10pt;
color: red;
}
.blacknormal12 {
text-align: center;
font-weight: normal;
font-size:1.0em; font-size: 12pt;
color: black;
}
.blackbold12 {
text-align: center;
font-weight: bold;
font-size:1.0em; font-size: 12pt;
color: black;
}
.bluenormal12 {
font-weight: normal;
text-align: center;
font-size:1.0em; font-size: 12pt;
color: blue;
}
.bluebold12 {
font-weight: bold;
text-align: center;
font-size:1.0em; font-size: 12pt;
color: blue;
}
.blueitalic12 {
font-weight: normal;
font-style: italic;
text-align: center;
font-size:1.0em; font-size: 12pt;
color: blue;
}
.bluebolditalic12 {
font-weight: bold;
font-style: italic;
text-align: center;
font-size:1.0em; font-size: 12pt;
color: blue;
}
.welcome24 {
text-align: center;
font-size:2.0em; font-size: 24pt;
color: black;
}
/* FONT CLASSES - LEFT-ALIGNED */
h1 {
font-family: Times, Verdana; 
font-weight: normal;
font-size:1.438em; font-size: 17pt;
text-align: center;
color: white;
line-height: 0;
/* sets space above text (leading) to zero */
}
.blacknormalleft10 {
text-align: left;
font-weight: normal;
font-size:0.813em; font-size: 10pt;
color: black;
}
.blackboldleft10 {
text-align: left;
font-weight: bold;
font-size:0.813em; font-size: 10pt;
color: black;
}
.bluenormalleft10 {
text-align: left;
font-weight: normal;
font-size:0.813em; font-size: 10pt;
color: blue;
}
.blueboldleft10 {
text-align: left;
font-weight: bold;
font-size:0.813em; font-size: 10pt;
color: blue;
}
.rednormalleft10 {
text-align: left;
font-weight: normal;
font-size:0.813em; font-size: 10pt;
color: red;
}
.redboldleft10 {
text-align: left;
font-weight: bold;
font-size:0.813em; font-size: 10pt;
color: red;
}
.blacknormalleft12 {
text-align: left;
font-weight: normal;
font-size:1.0em; font-size: 12pt;
color: black;
}
.blackboldleft12 {
text-align: left;
font-weight: bold;
font-size:1.0em; font-size: 12pt;
color: black;
}
.bluenormalleft12 {
text-align: left;
font-weight: normal;
font-size:1.0em; font-size: 12pt;
color: blue;
}
.blueboldleft12 {
text-align: left;
font-weight: bold;
font-size:1.0em; font-size: 12pt;
color: blue;
}
.rednormalleft12 {
text-align: left;
font-weight: normal;
font-size:1.0em; font-size: 12pt;
color: red;
}
/*IMAGE CENTRED */
img.centred {
text-align: center;
}
/*IMAGE FLOATED LEFT */
img.left {
float: left;
margin: 5px 5px 5px 0;
}
/* IMAGE WITH BORDER */
img.border {
border: 1px solid rgb(0, 102, 0);
}
/* TAB STOPS */
div.mtg {
position: relative;
text-align: left;
background-color: white;
font-weight: bold;
font-size:0.875em; font-size: 11pt;
color: black;
}
div.mtg span {
position: absolute;
}
div.mtg span:nth-child(2) {
left:6.5em;
font-weight: normal;
}
div.com {
position: relative;
text-align: left;
background-color: white;
font-weight: bold;
font-size:0.875em; font-size: 11pt;
color: black;
}
div.com span {
position: absolute;
}
div.com span:nth-child(2) {
left:18em;
font-weight: normal;
}
div.lnk {
position: relative;
text-align: left;
background-color: white;
font-size:0.875em; font-size: 11pt;
color: black;
margin-bottom: 2px;
}
div.lnk span {
position: absolute;
}
div.lnk span:nth-child(2) {
left:8em;
font-weight: normal;
}

/* FIELD TRIP ENTRIES WITH TAB STOPS */
div.fieldprog {
position: relative
display: block;
padding: 0.7em;
text-align: left;
font-size: 0.875em; font-size: 11pt;
font-weight: bold;
color: white;
}
div.fieldprog span {
position: absolute
}
div.fieldprog span:nth-child(2) {
left:7.5em;
font-weight: normal;
}