#body {
  background-color: #c0c0c0;
  font-family: Comic Sans MS;
  overflow: visible;

}

#wrapper {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;


}

#bg {
  background-image: url(images/logofiller01.jpg);
  background-repeat: repeat-y;
  background-position: top;
  margin-left: auto;
  margin-right: auto;
  
}

#nichala  {
position : relative;
z-index : 3;
}

#caketrendz  {
position : relative;
z-index : 3;
}


#advertright02 {
  background-color: #FFFF00;
  width: 100px;
  height: 341px;
  top: 400px;
  left: 890px;
  position: absolute;
  z-index: 3;

}

#earoles {
  position: absolute; right: 10px; bottom: 5px;
  font-size: xx-small;
  color: white;

}

#footertext {
  width: 720px;
  top: 30px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial Rounded MT Bold;
  font-size: 36px;
  color: #ffffff;

}

#logotop {
  background-image: url(images/logotop02.jpg);
  width: 1000px;
  height: 501px;
  background-repeat: no-repeat;
  background-position: left top;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;

}

#logobottom {
  background-image: url(images/logobottom03.jpg);
  width: 1000px;
  height: 92px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;

}

#redbutton {
  width: 125px;
  height: 125px;
  background-image: url(images/redbutton.gif);
  position: relative;
  top: 25px;
  left: 0px;
  z-index: 3;
}

#textbox {
  background-color: transparent;
  top: -380px;
  left: 10px;
  width: 720px;
  position: relative;
  margin-left: auto;
  margin-right: auto;

}

/* Navigation */
#navigation {
  background-image: none;
  position: relative;
  top: 175px;
  left: 5px;
  width: 125px;
  z-index: 3;

}

#home {
  width: 125px;
  height: 12px;
  top: 0px;
  left: 0px;
  position: relative;
  border: 0px;

}

#magic {
  width: 125px;
  height: 12px;
  top: 15px;
  left: 0px;
  position: relative;
  border: 0px;
  z-index: 3;

}

#learn {
  width: 125px;
  height: 12px;
  top: 30px;
  left: 0px;
  position: relative;
  border: 0px;
  z-index: 3;

}

#castle {
  width: 125px;
  height: 12px;
  top: 45px;
  left: 0px;
  position: relative;
  border: 0px;
  z-index: 3;

}

#lawn {
  width: 125px;
  height: 12px;
  top: 60px;
  left: 0px;
  position: relative;
  border: 0px;
  z-index: 3;

}

#festivals {
  width: 125px;
  height: 12px;
  top: 75px;
  left: 0px;
  position: relative;
  border: 0px;
  z-index: 3;

}

#christmas {
  width: 125px;
  height: 12px;
  top: 90px;
  left: 0px;
  position: relative;
  border: 0px;
  z-index: 3;

}

#special {
  width: 125px;
  height: 12px;
  top: 105px;
  left: 0px;
  position: relative;
  border: 0px;
  z-index: 3;

}

#bubbles {
  width: 125px;
  height: 12px;
  top: 120px;
  left: 0px;
  position: relative;
  border: 0px;
  z-index: 3;

}

#contactus {
  width: 125px;
  height: 12px;
  top: 135px;
  left: 0px;
  position: relative;
  border: 0px;
  z-index: 3;

}

#test {
  width: 125px;
  height: 12px;
  top: 150px;
  left: 0px;
  position: relative;
  border: 0px;
  z-index: 3;

}
/* End of navigation */

/* Font size type and color */
.red {color:#c00;}
.wht {color:#fff;}
.blk {color:#000;}
.blu {color:#0033FF}
.yel {color:#FFFF00}
.pink {color:#ff0099}


.wnorm {font-weight:normal;}
.wbold {font-weight:bold;}
.wlite {font-weight: 300; font-size: small;}
.snorm {font-style:normal;}
.sital {font-style:italic;}
.geo {font-family:georgia, sans-serif;}
.ver {font-family:verdana, sans-serif;}
.comic {font-family: Comic Sans MS;}
.bodoni {font-family: Bodoni MT Black;}

/*  Use these with p class= or h1 class=  */

h1 {
  font-size: 36pt;
}

p {
  font-size: x-large;
}