html, body {
  height: 100%; /* Required */
  font: 12pt Verdana, Arial, sans-serif;
  background-color: #330066;
  }

#container-page {
  top: 0px;
  left: 0px;
  margin: 0 auto;
  width: 756px;
  text-align: left;
  background: transparent;
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
}

a:link {color: #660066;
     background-color: transparent;
     font-weight: bold;
     font-style: normal;
     text-decoration: none
	  }

a:visited {color: #660066;
     background-color: transparent;
     font-weight: bold;
     font-style: normal;
     text-decoration: none
	  }

a:hover, a:active {color: #CCCCCC;
     background-color: transparent;
     font-weight: bold;
     font-style: normal;
     text-decoration: none
	  }

.topborder1 {position: absolute;
    top: 0px;
    left: 0px;
    height: 16px;
    width: 756px;
	 border-top: 2px solid #CCCCCC;
	 border-left: 2px solid #CCCCCC;
	 border-right: 2px solid #CCCCCC;
    background-color: #CCCC66;
	 z-index: 1;
    overflow: hidden
}
	 
.topborder2 {position: absolute;
    top: 16px;
    left: 0px;
    height: 191px;
    width: 428px;
	 border-left: 2px solid #CCCCCC;
    background-color: #660066;
	 z-index: 1;
    overflow: hidden
}

.topborder3 {position: absolute;
    top: 16px;
    left: 428px;
    height: 191px;
    width: 330px;
	 border-right: 2px solid #CCCCCC;
    background-color: #660066;
	 z-index: 1;
    overflow: hidden
}

.logo {position: absolute;
    top: 30px;
    left: 432px;
    height: 164px;
    width: 313px;
	 z-index: 2;
    overflow: hidden;
}

.menubar {position: absolute;
    top: 212px;
    left: 0px;
    height: 33px;
    width: 756px;
	 border-top: 0px;
	 border-left: 2px solid #CCCCCC;
	 border-right: 2px solid #CCCCCC;
	 border-bottom: 6px solid #CCCC66;
    background-color: #330066;
	 z-index: 2;
    overflow: hidden;
}

.infoarea {position: absolute;
    top: 205px;
    left: 0px;
    height: 900px;
    width: 756px;
	 border-left: 2px solid #CCCCCC;
	 border-right: 2px solid #CCCCCC;
	 border-top: 0px;	 
	 border-bottom: 2px solid #CCCCCC; 
    background-color: #CC99CC;
	 background-image: url(../images/grapes.png);
	 z-index: 1;
    overflow: hidden;
}

.infoareatext {position: absolute;
    top: 205px;
    left: 0px;
    height: 810px;
    width: 756px;
	 z-index: 1;
    overflow: hidden;
}

.dates {position: absolute;
    top: 255px;
    left: 10px;
    height: 78px;
    width: 400px;
	 z-index: 1;
    overflow: hidden;
}

.schedule {position: absolute;
    top: 335px;
    left: 10px;
    height: 300px;
    width: 400px;
	 background-image: url(../images/schedule.png);
	 z-index: 1;
    overflow: hidden;
}

.scheduleinfo {position: absolute;
    top: 375px;
    left: 20px;
    height: 260px;
    width: 380px;
    background-color: transparent;
	 z-index: 1;
    overflow: hidden;
}

.tickets {position: absolute;
    top: 645px;
    left: 10px;
    height: 245px;
    width: 400px;
	 z-index: 1;
    overflow: hidden;
}

.email {
	height: 100px;
	width: 300px;
	background-color: transparent;
	z-index: 1;
	overflow: hidden;
}

.sponsors {position: absolute;
    top: 260px;
    left: 430px;
    height: 700px;
    width: 320px;
	 background-image: url(../images/sponsorblock.png);
	 font: Arial;
	 font-size: 12px;
	 font-weight: bold;
	 z-index: 2;
    overflow: hidden;
}

.sponsorinfo {position: absolute;
    top: 270px;
    left: 440px;
    height: 680px;
    width: 300px;
    background-color: transparent;
	 font: Arial;
	 font-size: 12px;
	 font-weight: bold;
	 z-index: 2;
    overflow: hidden;
}

.poster {position: absolute;
    top: 910px;
    left: 10px;
    height: 140px;
    width: 107px;
	 z-index: 2;
    overflow: hidden;
}

.logo1 {position: absolute;
    top: 910px;
    left: 140px;
    height: 120px;
    width: 98px;
	 z-index: 2;
    overflow: hidden;
}

.logo2 {position: absolute;
    top: 930px;
    left: 240px;
    height: 80px;
    width: 126px;
	 z-index: 2;
    overflow: hidden;
}

.ad1 {position: absolute;
    top: 1010px;
    left: 415px;
    height: 66px;
    width: 173px;
	 z-index: 2;
    overflow: hidden;
}

.ad2 {position: absolute;
    top: 1010px;
    left: 588px;
    height: 66px;
    width: 173px;
	 z-index: 2;
    overflow: hidden;
}

.bottommenu {position: absolute;
    top: 1085px;
    left: 135px;
    height: 19px;
    width: 542px;
	 z-index: 2;
    overflow: hidden;
}
