* {
margin:0pt;
padding:0pt;
}
body {
  background-color: #bb2211;  text-align:center;
color:#000;
font-family:Tahoma,Arial,sans-serif;
font-size:100px;

}
#page{
  margin:0 auto;
  text-align:left;
  width:841px;
  xborder: solid 1px #FF3399;
}
a{
  color:#41506E;
  font-weight: bold;
}
a:hover{
  color:#bb2211;
  font-weight: bold;
}

h2{
  font-size: 18%;
    color:#41506E;
    padding-bottom:8px;
}

h3{
  font-size: 16%;
  color:#41506E;
  padding-bottom:5px;
  font-weight:bold;
  xborder: solid 1px #33FFFF;
}
#header{
  float:left;
  width:100%;
  height:184px;
  background-image: url(../images/home/vineTopHome.gif);
  background-position: left top;
  background-repeat: no-repeat;
}
#headerSub{
  width:100%;
  height:208px;
  clear:both;
}
#hdr1{
  width: 841px;
  float:left;
}
#hdr2{
  width: 841px;
  height:57px;
  float:left;
  clear:both;
}
#navigation{
  position:relative;
  left:180px;
  top:13px;
  float:left;
  width:648px;
  margin-top:75px;
  background-image: url(../images/sub/subNavBg.gif);
  background-position: right;
  background-repeat: no-repeat;
  height:58px;
  font-size: 16%;
  xborder: solid 1px #33FFFF;
}
#navigation ul{
  position:relative;
  left:25px;
  margin-top:21px;
  margin-left:10px;
  padding-left:0px;
  xborder: solid 1px #33FFFF;
}
#navigation li{
  display: inline;
  text-align:center;
  margin:0px 3px;
  padding:2px 6px;
  background-color: #cc6666;
  xborder: solid 1px #33FFFF;
}
#navigation a{
  background:transparent;
  text-decoration:none;
  color:#41506E;
  font-weight: bold;
}
#navigation a:hover{
  background:transparent;
  text-decoration:none;
  color:#DDDDDD;
  font-weight: bold;
}
#navigationSub{
  position:relative;
  right:10px;
  bottom:15px;
  float:right;
  width:648px;
  margin-top:0px;
  background-image: url(../images/sub/subNavBg.gif);
  background-position: right;
  background-repeat: no-repeat;
  height:58px;
  font-size: 16%;
  xborder: solid 1px #33FFFF;
}
#navigationSub ul{
    position:relative;
  margin-top:21px;
  margin-left:30px;
  xborder: solid 1px #33FFFF;
}
#navigationSub li{
  width:131px;  display: inline;
  text-align:center;
  margin:0px 3px;
  padding:2px 6px;
  background-color: #cc6666;
  xborder: solid 1px #33FFFF;
}
#navigationSub a{
  background:transparent;
  text-decoration:none;
  color:#41506E;
  font-weight: bold;
}
#navigationSub a:hover{
  background:transparent;
  text-decoration:none;
  color:#DDDDDD;
  font-weight: bold;
}
#vineTop{
  position:relative;
  float:left;
  margin:0px;
  xborder: 1px solid #66CC99;
}

#tagline{
  float:right;
  position:relative;
  right:20px;
  text-align:center;
  background-color: #CC6666;
  width:482px;
  height:27px;

  font-weight:bold;
  font-size:17%;
  color:#41506E;
  letter-spacing:0.45em;
  margin-top:22px;
 xborder: 1px solid #66CC99;

}
#tagline p{
  padding-top:2px;
}


#taglineSub{
  float:right;
  position:relative;
  right:18px;
  background-color: #CC6666;
  width:470px;
  height:27px;
  font-weight:bold;
  font-size:17%;
  text-align:center;
  color:#41506E;
  letter-spacing:0.45em;
  margin-top:38px;
}
#taglineSub p{
padding-top:2px;

  }
#main{
  float:left;
  width:841px;
  background-image:url(../images/sub/repeatCurl.gif);
  background-position: left top;
  background-repeat: repeat-y;
  background-color: transparent;
}

#mainIndex{
  float:left;
  width:710px;
}
#indexContent{
  float:left;
  width:710px;  background-image: url(../images/indexBg.gif);
  background-repeat: no-repeat;
  background-position: left 40px;
}


#bandPorts{
  float: right;
  width: 96px;
  position:relative;
  right:20px;
  bottom:20px;
  xborder: 1px solid #66CC99;
}
#main #bandPorts{
  bottom:40px
}


#bandPorts img{
  margin-bottom:20px;
  float:left;
}
/*++++++++++++Home Page Structure+++++++++++*/
#topContent{
  width:350px;
  padding:10px 0px 0px 20px;
  padding-bottom:0px;
  float:right;
  margin-top:40px;


}
#topContent ul{
  position:relative;
  right:0px;
  list-style-position: outside;
  list-style-type: none;
  padding:0px;
}

.topContentText{
font-size:13%;
margin-bottom:0px;
  line-height:170%;

}
.contentText{
font-size:14%;
margin-bottom:5px;

}
#bottContent{
  width:551px;
  float:left;
  padding:0px 20px 5px 20px;
  margin-left: 118px;
line-height:19%;
}


#subContent{
  width:600px;
  xmin-height:450px;
  float:left;
  padding:10px;
  margin-left: 68px;
  background-color: #CC6666;
}

#subContent h2{
  font-size:18%;
}
#subContent h2{
  font-size:18%;
}
#subContent p{
  font-size: 13%;
  padding:4px 5px;
}
#imgContentRight{
  float:right;
  padding:10px;
  padding-right:20px;
  xborder: 1px solid #66CC99;
}

#imgContentLeft{
  float:left;
  padding:10px;
  padding-left:20px;
}
#imgContentCenter{
  float:Center;
  padding:10px;
  padding-left:30px;
}
#historyPanel{
  margin:10px;
width:580px;

  background-color: #ffeced;
}
#historyText{
  width:560px;
 height:390px;
  overflow:auto;padding:10px;
}


#galleryPanel{
  float:left;
  margin:10px;
width:580px;
  background-color: #ffeced;
}
.song{
  display:block;
  width:160px;
  margin:0 5px;
  float:left;
}
#galleryPanel h3{
  position:relative;
  left:-10px;
  width:100%;
  color:#41506E;
}
#galleryPanel table{
width:100%;
margin:5px 10px 5px 20px;

}
#galleryPanel td{
font-size:12%;
padding:0 5px 2px 5px;

}
.title{
  width:200px;
}
.time{
  width:60px;
}


.pageTitle, .indexTitle{
  display:block;
  width:560px;
  height:18px;
  color:#41506E;
  background-color: #F4F4F4;
  padding:3px 10px 8px;
  border-top:1px dotted #B4C2EB;
  border-bottom:1px dotted #B4C2EB;
}
.indexTitle{
  width:100%;
  padding:3px 0px 8px;
}


#footer{
  width:710px;
  float:left;
  position:relative;

  height:60px;
  margin-top:15px;
  left:60px;
  background-image:url(../images/sub/footerBg.gif);
  background-position: center;
  background-repeat: no-repeat;
  }



#footerText{
  float:left;
  width:520px;
margin-left:100px;
  color:#41506E;
  font-size: 14%;
  font-weight:bold;
  background-color: #cc6666;
  margin-top:17px;
  height:25px;
/*  margin:0px 2px;
  ;
  */

}
#sub #footer{
  width:600px;
  position:relative;
margin-left:20px;
xborder: 1px solid #66CC99;
}
#sub #footerText{
margin-left:40px;
}
#footer a{
  background:transparent;
  color:#41506E;
}
#footer a:hover{
  background:transparent;
  text-decoration:none;
  color:#DDDDDD;
  font-weight: bold;
}
#footerSub{
  width:100%;
  float:left;
  position:relative;
  right:40px;
  bottom:0px;
  height:60px;
  margin-top:10px;
  background-image:url(../images/sub/footerBg.gif);
  background-position: center;
  background-repeat: no-repeat;
  }
#footerTextSub{
  width:520px;
margin-left:165px;
  color:#41506E;
  font-size: 14%;
  font-weight:bold;
  background-color: #cc6666;
  margin-top:19px;
  height:25px;
}
#footerSub a{
  background:transparent;
  color:#41506E;
}
#footerSub a:hover{
  background:transparent;
  text-decoration:none;
  color:#DDDDDD;
  font-weight: bold;
}
#email, #tel{
  float: left;
  margin-left:20px;
  margin-top:3px;
}
#tel{
  float: right;
  margin-right:20px;
   margin-top:3px;
}

/********************************/