
body { 
background: url('/kwgpc/bkgd_6purple.png') black no-repeat fixed;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#9966cc;
text-align: center;
scrollbar-face-color:#9933cc;
scrollbar-highlight-color:#9966cc;
scrollbar-3dlight-color:#9900ff;
scrollbar-darkshadow-color:#663399;
scrollbar-shadow-color:#6633ff;
scrollbar-arrow-color:white;
scrollbar-track-color:black;
}


html>
body #banner { height:40%;
}

/*Banner*/
#banner { background:transparent;
height:15%;
margin-top:0px;
margin-bottom:0px;
margin-right:25px;
margin-left:25px;
}
p.bannertxt
{
font-family:"Comic Sans M",Georgia,Serif;
font-style:italic;
font-size:10px;
color:#9966cc;
text-align:center;
text-decoration:none;
margin-top:0px;
margin-bottom:5px;
margin-right:5px;
margin-left:5px;
}
table.bannernav
{
margin-top:5px;
margin-bottom:5px;
margin-right:5px;
margin-left:5px;
}



/*Left*/
#leftcontent { 
position: absolute;
width:15%;
left:0px;
top:275px;
right:5px;
margin-top:10px;
background:transparent;

}
p.lfttxt{
font-family:"Comic Sans M",Georgia,Serif;
font-style:none;
font-size:12px;
color:#9966cc;
text-align:center;
margin-top:5px;
margin-bottom:5px;
margin-right:5px;
margin-left:5px;
text-decoration:none;
}

/*Right*/
#rightcontent { 
position: absolute;
right:0px;
top:275px;
width:15%;
margin-top:10px;
background:transparent;
}
p.rttxt{
font-family:"Comic Sans M",Georgia,Serif;
font-style:none;
font-size:12px;
color:#9966cc;
text-align:center;
text-decoration:none;
margin-top:5px;
margin-bottom:5px;
margin-right:5px;
margin-left:5px;
}


html>
body #centercontent 
{ 
margin-left:175px;
margin-right:85px;
}

/*Center content*/
#centercontent { 
background:transparent;
top:10px;
width:70%;
margin-top:5px;
margin-bottom:5px;
margin-right:25px;
margin-left:50px;
}
p.hometxt{
font-family:"Comic Sans M",Georgia,Serif;
font-style:italic;
font-size:12px;
color:#9966cc;
text-align:center;
margin-top:5px;
margin-bottom:5px;
margin-right:25px;
margin-left:25px;
}
h2{
font-family:"Comic Sans M",Georgia,Serif;
font-style:italic;
font-size:12px;
color:#9966cc;
text-align:center;
margin-top:10px;
margin-bottom:0px;
margin-right:25px;
margin-left:25px;
}
h3{
font-family:"Comic Sans M",Georgia,Serif;
font-style:italic;
font-size:12px;
color:#9966cc;
text-align:center;
margin-top:10px;
margin-bottom:0px;
margin-right:10px;
margin-left:25px;
}








/*Footer*/
#foot{ 
background:transparent;
height:15%;
margin-top:50px;
margin-bottom:5px;
margin-right:25px;
margin-left:25px;

}
p.foottxt{
font-family:"Comic Sans M",Georgia,Serif;
font-style:oblique;
font-size:12px;
color:#9966cc;
text-align:center;
margin-top:5px;
margin-bottom:5px;
margin-right:45px;
margin-left:45px;
}
table.foottxt{
font-family:"Comic Sans M",Georgia,Serif;
font-style:oblique;
font-size:12px;
color:#9966cc;
text-align:center;
margin-top:5px;
margin-bottom:5px;
margin-right:0px;
margin-left:20px;
display:inline;
}


<!--a:hover is when mouse is over link->
a:hover { 
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#9999cc ;
background-color: transparent} 
a:link {
color: #9966cc;
}  /* unvisited link */
a:visited {
color:#996699 ;}
a:active {
COLOR: #996699   ;}
a {
text-decoration: underline ;}







<!--sliding gallery->

#holder {margin:20px auto;}
#gallerykat {
  padding:0; 
  margin:0 auto 5em auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:495px; 
  height:240px; 
  border:0px solid #888; 
  background:#fff url(/katgrpcs/katwishstory/galleryground.gif);
  }
#gallerykat li {
  float:left;
  }
#gallerykat li a {
  display:block; 
  height:240px;
  width:28px; 
  float:left;
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor:default;
  }
#gallerykat li a img {
  width:28px; 
  height:240px; 
  border:0;
  }
#gallerykat li a:hover {
  background:#eee; 
  width:320px;
  }
#gallerykat li a:hover img {
  width:320px;
  }

#gallery li a:hover img {
  height:239px;
  }





button.imageButton  {
    border: 0px solid silver;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 1px center;
    padding: 1px 1px 1px 28px;
    height: 30px;
    cursor: pointer;
    font-family: Arial;
    text-decoration: none;
font-size:12px;
color:#9966cc;
}


button.rosewht {
    background-image: url(rosewht.gif);
}


button.rosered {
    background-image: url(rosered.gif);
}

button.roseornge {
    background-image: url(roseornge.gif);
}


button.roseyw {
    background-image: url(roseyw.gif);
}


button.rosegrn {
    background-image: url(rosegrn.gif);
}


button.rosebl {
    background-image: url(rosebl.gif);
}


button.rosedpbl {
    background-image: url(rosedpbl.gif);
}


button.roseblpp {
    background-image: url(roseblpp.gif);
}

button.roseppl {
    background-image: url(roseppl.gif);
}


button.rosepnk {
    background-image: url(rosepnk.gif);




