/*
  stylesheet.css
*/

BODY {
/*  background: #ffffff;        */
  background-image: url(./images/background.jpg);
  z-index: -5;
  color: #000000;
  margin: 0px;
}

.divFrame {
  position:   absolute;
  left:       160px;
  top:        200px;
  margin:     4px;
  width:      330px;
  height:     230px;
  background: white;
}

.floater {
  float:      left;
  margin:     4px;
  width:      325px;
  height:     230px;
 background:  white;
}

.imageDisplay {
 position:   absolute;
 z-index:    2;
 left:       15px;
 top:        14px;
 width:      300px;
 height:     225px;
 background: white;
}

.frameDisplay {
 position:   absolute;
 z-index:    3;
 left:       0px;
 top:        0px;
 width:      330px;
 height:     230px;
 background: transparent;
}

.contact_us {  font-family: arial;
  font-size: 10pt;
  font-weight: bold;
}

.container {
 position:   absolute;
 z-index:    0;
 left:       390px;
 top:        260px;
 width:      330px;
 height:     251px;
 background-image: url(./images/DIVbackground.gif);
}

.altDisplay {
 position:    absolute;
 z-index:     10;
 left:        180px;
 top:         360px;
 width:       200px;
 height:      160px;
 background:  white;
 font-family: tahoma;
 font-size:   14pt;

}

.imageDisplay {
 position:   absolute;
 z-index:    2;
 left:       15px;
 top:        15px;
 width:      300px;
 height:     225px;
 background: #CCCCCC;
}

.thumbDisplay {
 z-index:    3;
 position:   absolute;
 left:       15px;
 top:        15px;
 width:      300px;
 height:     225px;
 background: #CCCCCC;
}

.thumbClass {
 border-color: #CCCCCC;
}

.errormsg {
 background: yellow;
 border-color: red;
 border-style: solid;
 font-family: arial;
 color: black;
 font-size: 8pt;
 font-weight: bold;
}

.adSeparator {
 background: transparent;
 border-style: solid;
 border-bottom-width: 0px;
 border-top-width: 0px;
 border-left-width: 2px;
 border-right-width: 0px;
 border-color: #0000CC;
}

.box {
 background: transparent;
 border-style: invisible;
 border-bottom-width: 2px;
 border-top-width: 2px;
 border-left-width: 2px;
 border-right-width: 2px;
 border-color: #cccccc;
}

.box_left {
 background: transparent;
 border-style: solid;
 border-bottom-width: 2px;
 border-top-width: 2px;
 border-left-width: 2px;
 border-right-width: 0px;
 border-color: #cccccc;
}

.box_middle {
 background: transparent;
 border-style: solid;
 border-bottom-width: 2px;
 border-top-width: 2px;
 border-left-width: 0px;
 border-right-width: 0px;
 border-color: #cccccc;
 font-family: arial;
 font-weight: bold;
}

.box_right {
 background: transparent;
 border-style: solid;
 border-bottom-width: 2px;
 border-top-width: 2px;
 border-right-width: 2px;
 border-left-width: 0px;
 border-color: #cccccc;
}

.box_left_border {
 background: transparent;
 border-style: solid;
 border-bottom-width: 0px;
 border-top-width: 0px;
 border-right-width: 0px;
 border-left-width: 2px;
 border-color: #cccccc;
}

.clock {
 font-family: arial;
 font-size: 10pt;
 line-height: 1;
 margin-top: 0px;
 font-weight: bold;
 color: #ffff66;
 }

 .clockbox {
 background: blue;
}

h1 {
 font-family: arial;
 font-size: 10pt;
 color: black;
 line-height: 1;
 margin-top: 2px;
}

h2 {
 font-family: arial;
 font-size: 18px;
 color: #000000;
}

FORM {
 display: inline;
}

.labeltext {
 font-family: arial;
 font-size: 10pt;
 font-weight: bold;
 font-style: italic;
 color: black;

}

.textbox {
  background: white;
}

.CAPTCHAtextbox {
  background: silver;
  font-family: arial;
  font-size: 18pt;
}

.footer {  font-family: arial;
  font-size: 8pt;
}

.title1 {
 font-family: tahoma;
 font-size: 14pt;
 font-weight: bold;
 color: black;
}

.title2 {
 font-family: tahoma;
 font-size: 12pt;
 font-weight: normal;
 color: black;
}

.normalText {
 font-family: tahoma;
 font-size: 12pt;
 font-weight: normal;
 color: black;
}
.mouseOverEffect {
 background: transparent;
 border-style: solid;
 /*border-bottom-width: 1px;
 border-top-width: 1px;
 border-right-width: 1px;
 border-left-width: 1px; */
 border-color: white;

}

.mouseOutEffect {

 background: transparent;
 border-style: transparent;
/* border-bottom-width: 1px;
 border-top-width: 1px;
 border-right-width: 1px;
 border-left-width: 1px;
*/ border-color: #0000CC;
}

.eventDate {
  font-family: Veranda, Arial, Tahoma, sans-serif;
  font-size: 12px;
  font-style: underline;
  font-weight: bold;
}

.eventTitle {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: light;
}

.dataTableRow {
  background-color: transparent;
  font-family: Veranda, Arial, Tahoma, sans-serif;
  font-size: 12px;
  font-style: underline;
  font-weight: bold;
}

.dataTableRowOver {
  background-color: #CCCCCC;
  cursor: pointer;
  cursor: hand;
  font-family: Veranda, Arial, Tahoma, sans-serif;
  font-size: 12px;
  font-style: underline;
  font-weight: bold;
}
