/*
  stylesheet.css
*/

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

.favoriteArtist {

  background-image: url(./images/boxes/favorite_artist.jpg); */
  margin: 0px;
  height: 100px;
  width: 145px;
}

.favoriteArtistDiv {
  background-image: url(./images/boxes/favorite_artist.jpg);
/*  position:   absolute;*/
  align:      center;
  width:      120px;
  height:     100px;
  margin: 0px;
}

.mainDivFrame {
  position:   absolute;
  align:      center;
  left:       167px;
  top:        130px;
  margin:     0px;
  width:      300px;
  height:     225px;
  background: #669999;
}

.mainDivFrameDisplay {
 position:   absolute;
 align:      center;
 z-index:    3;
 left:       0px;
 top:        0px;
 width:      330px;
 height:     225px;
 background: transparent;
}

.mainDivImageDisplay {
 position:   absolute;
 align:      center;
 z-index:    2;
 left:       0px;
 top:        0px;
 width:      300px;
 height:     225px;
 background: #669999;
}

.mainDivFloater {
  float:      left;
  margin:     0px;
  width:      310px;
  height:     215px;
  background:  #669999;
/*background:  blue;*/
}

.divFrame {
  position:   absolute;
  align:      center;
  left:       167px;
  top:        195px;
  margin:     0px;
  width:      300px;
  height:     225px;
  background: #669999;
}

.divFrameDisplay {
 position:   absolute;
 align:      center;
 z-index:    3;
 left:       0px;
 top:        0px;
 width:      330px;
 height:     225px;
 background: transparent;
}

.divImageDisplay {
 position:   absolute;
 align:      center;
 z-index:    2;
 left:       0px;
 top:        0px;
 width:      300px;
 height:     225px;
 background: #669999;
}

.divFloater {
  float:      left;
  margin:     0px;
  width:      310px;
  height:     215px;
  background:  #669999;
/*background:  blue;*/
}

.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: #669999;
/* border-color: red;*/
/* border-style: solid; */
 border: medium double rgb(250,0,0);
/* border-width: 2px; */
 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;
}

.salutation {

 font-family: tahoma;
 font-size: 12pt;
 font-weight: normal;
 font-style: italic;
 color: black;

}

.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: bold;
 color: black;
}

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

.categoryTitle:link {
  color: black;
  text-decoration: none;
}

.categoryTitle:visited {
  color: black;
  text-decoration: none;
}

.categoryTitle:hover {
  color: blue;
  text-decoration: underline;
}

.categoryTitle:active {
  color: black;
}

.categorydescription {
 font-family: tahoma;
 font-size: 10pt;
 color: black;
}

.relatedItems {
 font-family: arial;
 font-size: 10pt;
 font-weight: bold;
/* color: black;*/
}

.relatedItems:link {
  color: black;
  text-decoration: none;
}

.relatedItems:visited {
  color: black;
  text-decoration: none;
}

.relatedItems:hover {
  color: blue;
  text-decoration: underline;
}

.relatedItems:active {
  color: black;
}


.relatedItemsHeader {
 font-family: tahoma;
 font-size: 10pt;
 color: black;
}



.boxMisc {
 font-family: tahoma;
 font-size: 8pt;
 font-weight: bold;
/* color: black;*/
}

.boxMisc:link {
  color: black;
  text-decoration: none;
}

.boxMisc:visited {
  color: black;
  text-decoration: none;
}

.boxMisc:hover {
  color: blue;
  text-decoration: underline;
}

.boxMisc:active {
  color: black;
}


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

.itemInfo {
 font-family: tahoma;
 font-size: 10pt;
 font-style: italic;
 font-weight: bold;
 color: black;
}

.inputName {
 font-family: arial;
 font-size: 8pt;
 font-style: italic;
 font-weight: bold;
 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: #669999;
}

.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;
}