BODY {
  color: #000000;
  font-size: 12px; 
  font-family: arial, helvetica, sans-serif;
  margin-left: 0px;
  margin-top: 0px;
  background-image: url(../images/tile.jpg);
  background-repeat: repeat-x;
}

P,
OL, 
UL,
DL,
TD,
th,
.gototop  {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px; 
  line-height: 1.2em;
margin-right: 15px;
margin-top: 5px;
margin-bottom: 8px;
  text-align: left;

}


td {
  border: none;
}

table.border,
td.border,
table#showborders td {
  border: 1px solid #000;
}



H1, H2, H3, H4, H5, H6,
P, UL, OL, DL, TD,
p.topnav, 
.topnav, 
DIV.bottomnav P,
.date {
  font-family: verdana, Arial, helvetica, sans-serif;
  text-decoration: none;
}

H1, H2, H3, H4, H5, H6, 
P, UL, OL, DL {
  margin-left: 30px;
}

OL {
  margin-left: 50px;
}

H1 {
  margin-top: 0px;
  padding-top: 10px;
  font-size: 1.4em;
  line-height: 1.0em;
}

H2 {
  font-weight: bold;
  font-size: 1.2em;
  margin-top: 15px;
  margin-bottom: 5px;
}

H3 {
  font-weight: normal;
  font-size: 1.2em;
  margin-top: 15px;
  margin-bottom: 5px;
}

H4 {
  font-weight: lighter;
  font-size: 1.1em;
  margin-top: 10px;
  margin-bottom: 5px;
}

H5 {
  font-weight: bold;
  font-size: 1.0em;
  font-style: italic;
  margin-top: 10px;
  margin-bottom: 5px;
}

H6 {  
  font-weight: bold;
  font-size: 1.0em;
  margin-top: 10px;
  margin-bottom: 0px;
}

P {
  font-size: 12px;
}

UL {
  margin-left: 20px;
}

OL UL, 
UL UL {
  margin-left: 20px;
}

HR {
height: 1px;
color: #6666D9;
}

p.topnav,
.leftnav,
p.leftnav,
#loginpanel p,
.topnav p {
  font-size: 10px;
  color: white;
  margin-left: 10px;
}

.bottomnav, 
.bottomnav p, 
p.bottomnav {
font-size: 1.0em;
  color: #ffc700;
}

.bottomnav p, 
p.bottomnav {
  text-align: center;
}

p.topnav,
.topnav 
{
  text-align: center;
}

.leftnav {
  text-align: right;
  margins: 0px;
}


/* ----- LINKS ----- */

A:link {
  text-decoration: underline;
  font-weight: bold;
}

.bottomnav A:link, 
.leftnav A:link, 
.leftnav A:visited,
.leftnav-top A:link, 
.leftnav-top A:visited,
.gototop A:link, 
.gototop A:visited,
.copyright A:link,
.copyright A:visited
 {
  font-weight: bold;
  text-decoration: none;
}

.topnav p,
p.topnav A:link, 
.topnav A:link,
p.topnav A:visited,
.topnav A:visited,
p.topnav A:hover,
.topnav A:hover
 {
  font-weight: bold;
  font-size: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-decoration: none;
  color: #fff;
/*  color: #fff;*/
  line-height: 1.0em;
  text-align: center;
 }

A:link, A:visited {  
  color: #6666D9;
 text-decoration: none;
}

.bottomnav A:link, 
.bottomnav A:visited,
.gototop A:link, 
.gototop A:visited {
  color: #ffc700;
}

.leftnav A:link, 
.leftnav A:visited,
.leftnav-top A:link, 
.leftnav-top A:visited {
  color: white;
}

.bottomnav P A:visited {
  font-weight: bold;
  text-decoration: none;
}

.leftnav-top A:hover,
.leftnav A:hover {
 color: #fff;
 text-decoration: underline;
}

A:hover, 
.gototop A:hover {
 color: #ffc700;
 text-decoration: none;
}

.bottomnav A:hover {
 color: #fff;
 text-decoration: none;
}

h2 A:link,
h2 A:visited {
 color: #6666D9;
 font-weight: bold;
 text-decoration: none;
}

h3 A:hover {
 color: #ffc700;
 font-weight: bold;
 text-decoration: none;
}

/* ----- FORMS ----- */

FORM,
FORM P,
FORM INPUT,
textarea,
select {
 font-family: verdana, arial, helvetica, sans-serif;
  font-size: 0.95em;
}

FORM TD,
FORM TD p {
  margin-left: 5px;
}

.leftnav INPUT{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 0.9em;
}

.leftnav INPUT{
  margin-left: 0px;
  margin-top: 2px;
  width: 100px;
  line-height: 1.0em;
}

/* ----- MISCELLANEOUS CLASSES ----- */

p.compact, span.compact, .compact {
 font-size: 0.75em;
  padding-top: 0px;
  margin-top: 0px;
  margin-left: 2px;
  margin-bottom: 5px;
  text-align: left;
}

#contact {
 color: #fff;
 line-height: 1.0em;
}

.jobs {
  margin-top: 0px;
  margin-bottom: 0px;
}

.modified,
.address,
p.copyright {
  font-size: 0.75em;
  margin: 0px;
}

.date {
  font-size: x-small;
  font-style: italic;
  padding-top: 30px;
}

.address {
  padding-top: 5px;
  text-align: right;
}

.copyright {
  padding-top: 0px;
  text-align: left;
}

.aligntop {
  padding-top: 0px;
  margin-top: 0px;
}


/* ----- ABSOLUTE POSITIONING ----- */

/* NB. V.4 BROWSERS CAN'T DEAL WITH UNDERSCORE CHARACTER IN CLASS NAME */
/* USE HYPHEN INSTEAD */

.picture {
  position:absolute; 
  visibility: visible;
  top:0px; 
  right: 0px;
  width:152px;
  height:202px; 
  overflow: hidden;
  padding: 0px;
  z-index:3; 
  background-color: #fff; 
/*  layer-background-color: #fff; */
}

.topborder {
  position: absolute;
  visibility: visible;
  z-index: 4;
  left: 0px;
  top: 0px;
  height: 50px;
  width: 640px;
  /*layer-background-color: #c33; */
  background-color: #c33; 
}

.crest {
  position: absolute;
  visibility: visible;
  z-index: 2;
  left: 0px;
  top: 50px;
  width: 150px;
  height: 800px;
  overflow: visible;
  /*layer-background-color: #fff; */
  background-color: #fff; 
}

/*.leftnav {
  position: absolute;
  visibility: visible;
  z-index: 1;
  right: 0px;
  top: 0px;
  width: 150px;
  padding-bottom: 100px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 10px;
  background-image: none;
  background-repeat: repeat-y;
  overflow: hidden;
  /*layer-background-color: #c33; */
/*  background-color: #c33; 
}*/

/*.topnav {
  position: absolute;
  visibility: visible;
  z-index: 5;
  left: 150px;
  top: 50px;
  width: 489px;
  height: 62px;
  margin: 0px;
  padding: 0px; */
  /*layer-background-color: #c33; */
/*  background-color: #c33; 
}*/

/*.content  {
  visibility: visible;
  margin-top: 150px;
  margin-left: 171px;
  margin-right: 160px;
  padding-right: 0px;
  z-index: 0;
}

.bottomnav {
  display: block;
  padding-left:0px;
  padding-top: 30px;
  padding-bottom: 0px;
  position: relative; 
  background-image: none; 
  border-bottom: 2px solid #000000;
}*/

.backdrop {
  position:absolute; 
  z-index: 0;
  overflow: visible;
  top: 0px;
  left:0px;  
  height: 112px;
  width: 100%;
  margin-top: 0px;
  background-color: #c33; 
/*  layer-background-color: #c33; */
  background-image: none;
  background-repeat: repeat-x;
}


.gototop {
position:absolute; 
visibility:visible; 
z-index:1000;
text-align: right;
}
.poplayer,
.poplayer-narrow  {
  z-index:100;
  position:absolute;
  height:338px; 
  visibility: hidden; 
  left: 259px; top: 113px; 
  background-color: none; 
  layer-background-color: none; 
  border: 0px solid #000;
}

.poplayer {
  width:450px; 
}
.poplayer-narrow {
  width:338px; 
}

.calendarlayer  {
  z-index:102;
  position:absolute;
  visibility: hidden; 
  left: 0px; top: 0px; 
  background-color: #dcdef3; 
  layer-background-color: #dcdef3; 
  border: 1px solid #000;
  padding: 5px;
  width:650px; 
}

.calendarlayer p {
	color: #FFFFFF;
	margin-left: 0px;
	margin-right: 0px;
}

.veil  {
  z-index: 101;
  position: absolute;
  visibility: hidden; 
  left: 0px; top: 0px; 
  background-color: #000; 
  layer-background-color: #000; 
  border: 0px solid #000;
  padding: 0px;
  width: 100%;
  height: 100%;
  overflow: visible;
  opacity: .50;
  filter: alpha(opacity=50);
}