@charset "utf-8";
/* CSS Document */

html, body 
{
    height: 100%;
    margin: 0;
    padding: 0;
}

/* a:link {color: White;}  */    /* unvisited link */
/* a:visited {color: White;} */ /* visited link */
/* a:hover {color: White;} */ /* mouse over link */
/* a:active {color: White;} */ /* selected link */

/* .lnkStdColor a:link {color: Blue;}  */    /* unvisited link */
/* .lnkStdColor a:visited {color: Purple;} */ /* visited link */
/* .lnkStdColor a:hover {color: #990;} */ /* mouse over link */
/* .lnkStdColor a:active {color: Red;} */ /* selected link */

/* .blackLinks a:link {color: Black;}    */  /* unvisited link */
/* .blackLinks a:visited {color: Black;} */ /* visited link */
/* .blackLinks a:hover {color: #990000;} */ /* mouse over link */
/* .blackLinks a:active {color: #990000;} */ /* selected link */

/*
.navMenuStatic a:link {color: #7F7249; font-weight: bold; font-family: Arial, Sans-Serif;} 
.navMenuStatic a:visited {color: #7F7249; font-weight: bold; font-family: Arial, Sans-Serif;} 
.navMenuStatic a:active {color: #7F7249; font-weight: bold; font-family: Arial, Sans-Serif;} 
.navMenuStatic a:hover {color: #7F7249; font-weight: bold; font-family: Arial, Sans-Serif;} 

.navMenuSelected a:link {color: #b8a63e; font-weight: bold; font-family: Arial, Sans-Serif;} 
.navMenuSelected a:visited {color: #b8a63e; font-weight: bold; font-family: Arial, Sans-Serif;} 
.navMenuSelected a:active {color: #b8a63e; font-weight: bold; font-family: Arial, Sans-Serif;} 
.navMenuSelected a:hover {color: #b8a63e; font-weight: bold; font-family: Arial, Sans-Serif;} 

.navMenuHover a:link {color: #b8a63e; font-weight: bold; font-family: Arial, Sans-Serif;}  
.navMenuHover a:visited {color: #b8a63e; font-weight: bold; font-family: Arial, Sans-Serif;} 
.navMenuHover a:active {color: #b8a63e; font-weight: bold; font-family: Arial, Sans-Serif;} 
.navMenuHover a:hover {color: #b8a63e; font-weight: bold; font-family: Arial, Sans-Serif;} 
*/

.RotatingImage
{
	background-color: #FFFFFF;
	/* height: 523px; */
	/* width: 1024px; */
	/* height: 400px; */
	/* width: 560px; */
	/* height: 200px;
	width: 200px; */
	border: none;
	overflow: hidden;
}

img#bg 
{
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }

#content 
{
   background-color: transparent;
   width: 1460px;
   position: relative;
   z-index: 1;
   margin: 0px auto 0px auto;
 } 
 
 .camcontroller 
 {
    position: relative; 
    height: 602px; 
    width: 782px; 
    border: 0px; 
    margin: 20px auto auto 350px;     
 }
 
 #copybrand 
 {
     position: relative; 
     width: 270px;
     margin: 10px auto 0px 575px;
     font-family: Arial, Helvetica, sans-serif; 
     font-weight: normal;
     font-size: 11px;
     text-align: center;
     color: Black; 
     background-image: url('../Images/transback.png'); 
     border: 1px solid gray; 
     /* background-color: #E0EFDA; */
 }
 
 #bannerads 
 {
     /* position: absolute; */
     /* margin: 20px auto 0px auto;
     width: 1423px;
     height: 97px; */
     /* bottom: -114px; */
     position: relative;
     /* left: -456px; */
     width: 1375px;
     height: 97px; 
     margin: 0px auto 0px 10px;
     z-index: 2;
 }
 
 /*
 #banneradsspacer 
 {
     position: absolute;
     bottom: -115px;
     left: -456px;
     width: 1375px;
     height: 5px;
     z-index: 2;
     background-color: transparent;
 }
 */
 
 #dcdunk 
 {
     margin: 12px auto 0px auto; 
     width: 357px;
 }
 
 #dctalent 
 {
     margin: 12px auto 0px auto; 
     width: 232px;
 }
 
 #facebook 
 {
     margin: 10px auto 0px auto;
     width: 353px;
 }
 
 #happenpgdiv 
 {
     position: relative;
     width: 975px;
     height: 515px;
     margin: 40px 125px 0px auto;
     z-index: 2;
     background-image: url('../Images/transback.png'); 
     /* background-color: #DEEAF6; */ /* #F2FAFE; #D4DDCF; */
     border: 1px solid gray;  
 }
 
  .happenpgsubdiv 
 {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 975px; /* 428 */
     height: 515px;
     overflow: auto;
     color: #6C4717;
     z-index: 4;
 }
 
 #happenpgheader 
 {
     position: absolute;
     top: -31px;
     left: 0px;
     z-index: 3;
 }
 
 #happenpgbooking 
 {
     position: absolute;
     top: 60px;
     left: -325px;
     z-index: 3;
 }
 
 #happenpgbookingtxt 
 {
     position: absolute;
     top: 40px;
     left: 80px;
     width: 180px;
     font-family: Arial, Helvetica, sans-serif; 
     font-size: 14px; 
     font-weight: normal;
     color: #6C4717;
     z-index: 4; 
 }
 
 #happendiv
 {
     position: absolute;
     top: 70px;
     left: -458px;
     width: 448px;
     height: 790px;
     z-index: 2;
     /* background-color: Yellow; */
 }
 
 .happensubdiv 
 {
     position: absolute;
     top: 30px;
     left: 9px;
     width: 428px; /* 428 */
     height: 749px;
     overflow: auto;
     z-index: 4;
 }
 
 .happeninstance 
 {
     position: relative;
     margin: 0px 0px 0px 0px;
     /* width: 400px; */
     z-index: 5;
 }
 
 #homeof 
 {
     margin: 12px auto 0px auto; 
     width: 117px;
 }
 
 #honipics
 {
     position: relative;
     width: 534px;
     margin: 20px auto 0px auto;
     z-index: 2;
     /* background-color: Yellow; */
 }
 
 #imgBanAd 
 {
     width: 1375px;
     height: 97px;
     border-width: 0px;
 }
 
 #livecams
 {
     position: absolute;
     top: -60px;
     left: 550px;
     width: 363px;
     height: 526px;
     z-index: 2;
 }
 
 #livecamsbackimg 
 {
    border-width:0px; 
    width: 363px; 
    height: 526px; 
    z-index: 3;   
 }
 
 #livecamframe1 
 {
    position: absolute; 
    top: 32px; 
    left: 11px; 
    width: 340px; 
    height: 220px; 
    background-color: White; 
    z-index: 4;
 }
 
 #livecam1clicker 
 {
     /*
     position: absolute;
     top: 0px;
     left: 0px;
     width: 340px;
     height: 220px;
     background-color: Yellow;
     z-index: 5;
     */
 }
 
 #livecamframe2 
 {
     position: absolute; 
     top: 295px; 
     left: 11px; 
     width: 340px; 
     height: 220px; 
     background-color: White; 
     z-index: 4;
 }
 
 #livecam2clicker 
 {
     /* z-index: 5; */
 }
 
 #menubar
 {
     position: relative;
     width: 590px;
     margin: 0px auto 0px auto;
 }
 
 #menuitem1
 {
     position: absolute;
     top: 86px;
     left: 58px;
     z-index: 3;
 }
 
 #menuitem2
 {
     position: absolute;
     top: 54px;
     left: 173px;
     z-index: 3;
 }
 
 #menuitem3
 {
     position: absolute;
     top: 79px;
     left: 322px;
     z-index: 3;
 }
 
 #menuitem4
 {
     position: absolute;
     top: 73px;
     left: 483px;
     z-index: 3;
 }
  
 #tikiman
 {
     position: absolute;
     /*
     top: -212px;
     left: -340px;
    */
    top: -75px;
    left: -310px;
    width: 167px;
    height: 261px;     
 }
 
 #titlebar
 {
     position: relative; 
     width: 610px; 
     margin: 10px auto 0px auto;
 }
 
 #youtube 
 {
     position: relative;
     margin: 20px auto 0px auto;
     width: 534px;
     z-index: 2;
 }
 
 #youtubebackimg 
 {
    position: relative; 
    border-width:0px; 
    width: 534px; 
    height: 308px; 
    z-index: 3;     
 }
 
 #youtubeframe 
 {
    position: absolute; 
    top: 10px; 
    left: 10px; 
    z-index: 4;     
 }

/* Slideshow stuff */
#slideshow 
{
    position:relative;
    height:523px;
}

#slideshow IMG 
{
    position:absolute;
    top: 0px;
    left: 0px;
    /*
    top:110px;
    left:-9px;
	*/
    z-index:8;
}

#slideshow IMG.active 
{
    z-index:10;
}

#slideshow IMG.last-active 
{
    z-index:9;
}