html, body, .container { height: 100%; }

.container, #header, #menu, #content, #footer { width: 775px; }

.container { float: left; background-color: white; }

#header-content { min-height: 100%; position: relative; }

#menu { background: url(/images/mbg.gif); }

#content { padding-bottom: 36px; }

#footer {
  position:relative;
  height: 36px;
  margin:-36px 0 0;
  background: url(/images/bttm.gif);
}

#copy {
  height: 36px;
  display: table-cell;
  vertical-align: middle;
  font-family: tahoma;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
}

#copy span {
  display: block;
  margin-top: expression(((copy.offsetHeight/2) - parseInt(offsetHeight)/2) < 0 ? "0" : (copy.offsetHeight/2) - (parseInt(offsetHeight)/2) + 'px');
}

.space-top-10 { margin-top: 10px; }
.space-top-20 { margin-top: 20px; }

.space-bottom-10 { margin-bottom: 10px; }
.space-bottom-20 { margin-bottom: 20px; }

body {
  scrollbar-face-color: #d3d3d3;
  scrollbar-arrow-color: #ac236d;
  scrollbar-track-color: #fff;
  scrollbar-shadow-color: #fff;
  scrollbar-3dlight-color: #a7a7a7;
  scrollbar-darkshadow-color: #a7a7a7;
  background: #fff url(/images/bg.jpg) fixed;
  font-family: tahoma;
}

.linkmenu:link, .linkmenu:active, .linkmenu:visited, .linkmenu:hover {
  text-decoration: none;
  color: #000;
}

.link2:link, .link2:active, .link2:visited {
  text-decoration: none;
  color: #80a624;
}

.link2:hover {
  text-decoration: underline;
  color: #80a624;
}

.link3:link, .link3:active, .link3:visited {
  text-decoration: none;
  color: #fff;
}

.link3:hover {
  text-decoration: underline;
  color: #fff;
}

.menu {
  font-family: tahoma;
  font-size: 11px;
  color: #000;
  font-weight: bold;
}

.text1 {
  font-family: tahoma;
  font-size: 12px;
  color: #444;
  font-weight: normal;
}

.text2 {
  font-family: tahoma;
  font-size: 12px;
  color: #000;
  font-weight: normal;
}

.text3 {
  font-family: tahoma;
  font-size: 12px;
  color: #fff;
  font-weight: normal;
}

input.form2, .form2 {
  font-size: 11px;
  font-family: tahoma;
  border: 1px solid #88a724;
  background-color: #fff;
}

textarea.form2 {
  width: 220px;
}

/* Index page: start */
#index-title {
  width: 775px;
  height: 158px;
  background-image: url(/images/bg1.gif);
}

#index-mp3-photo {
  width: 775px;
  height: 158px;
  background-image: url(/images/sectionsbg2.jpg);
}

#index-mp3 {
  margin-top: 5px;
  padding-left: 29px;
}

#index-news-bio-video {
  width: 775px;
  height: 172px;
  background-image: url(/images/sectionsbg.jpg);
}

#index-news-bio-video p {
  line-height: 14px;
}

#index-news-bio-video p.text2, #index-news-bio-video p.text3 {
  margin-top: 5px;
}
/* Index page: end */

/* Biography page: start*/
ul.ok {
  list-style-image: url(/images/ok.gif);
}

ul.ok li {
  font-weight: bold;
  padding-bottom: 15px;
}
/* Biography page: end */


/* Mail Form page: start*/
ul.arrow {
  list-style-image: url(/images/arrow.gif);
  margin-top: 10px;
  padding-left: 20px;
}

ul.arrow li img {
  padding: 5px 0;
  margin-left: -20px;
}
/* Mail Form page: end */


/* Photo Gallery page: start */
ul.gallery {
  float: left;
}

ul.gallery li {
  float: left;
  width: 174px;
  height: 164px;
  padding-right: 46px;
  padding-bottom: 64px;
  list-style-type: none;
}

ul.gallery li .thumb {
  width: 174px;
  height: 164px;
  background: url(/images/fotobg.jpg);
}

ul.gallery li .thumb img {
  margin-left: 10px;
  margin-top: 10px;
}

ul.gallery li .zoom {
  margin-left: 45px;
}

ul.gallery a, ul.gallery a:link, ul.gallery a:hover {
  text-decoration: none;
}

#gallery_total { text-align: center; }
/* Photo Gallery page: end */

/* Video page: start */
#video_total { text-align: center; }
/* Video page: end */

/* Fan Club page: start */
caption, td, td { padding: 0; }
/* Fan Club page: end */

img.photo {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #666;
  padding: 10px;
}

h2 {
  font-family: tahoma;
  font-weight: bold;
}

.style1 { color: #000000; font-weight: bold; }
