body {

     	text-align: center;

        font-family : verdana, helvetica, arial,sans serif;

        font-size : 13px;

        color : #663399;

        padding : 0;

        margin : 0;

        background-color:#CCCCFF;

}



/* layout information */





#page {

	    padding : 0;

        margin : 0 auto 0 auto;

        border:0;

        background-image: url(images/witchbckgd.jpg);

  	    background-repeat: no-repeat;

  	    background-position: 450px 125px;

        background-color : #FFFFFF;

        width : 760px;

}





#pagegen {

	    padding : 0;

        margin : 0 auto 0 auto;

        border:0;

        background-image: url(images/kotobgd.jpg);

  	    background-repeat: no-repeat;

  	    background-position: 100px 140px;

        background-color : #FFFFFF;

        width : 760px;

}





#pagebiog	{

        margin : 0 auto 0 auto;

  	    background-image: url(images/flowbckgd.gif);

  	    background-repeat: no-repeat;

  	    background-position: 100px 140px;

        background-color : #FFFFFF;

        width : 760px;



}

#pagea3	{

        margin : 0 auto 0 auto;


        background-color : #FFFFFF;

        width : 760px;



}

#header {

        width:760px;

	height: 225px;

        border : 0;

        margin : 0;

	padding : 0;

        vertical-align: top;

        text-align:right;

}



#headergen {

        width:760px;

	height: 150px;

        border : 0;

        margin : 0;

	padding : 0;

        vertical-align: top;

        text-align:right;

}



#navhome {

	float:left;

	width: 155px;

        height: 300px;

        padding : 30 20 0 0;

        margin : 0;

        border:0;

        text-align:right;

        background-image: url(images/kotobgd.jpg);

  	background-repeat: no-repeat;

  	background-position: 100px 0px;

}



#nav {

	float:left;

	width: 17%;

        height: 300px;

        padding : 30 0 0 0;

        margin : 0;

        border:0;

        text-align:right;

}



#content {

	float: right;

	padding : 15 60 0 0;

        margin : 0;

        border:0;

        text-align:left;

        width:500;

}

#contenthome {

	float: right;

	padding : 0 30 0 0;

        margin : 0;

        border:0;

        text-align:left;

        width:500;

}

#contentgen {

	float: right;

        position:relative;

        top:-20;

	padding : 0 10 0 0;

        margin : 0;

        border:0;

        text-align:left;

        width:75%;

        background-image: url(images/act1bckgd.gif);

  	background-repeat: no-repeat;

  	background-position: 150px 0px;



}



 #contentbiog {

	float: right;

        position:relative;

        top:-20;

        z-index: 3;

	padding : 0 10 0 0;

        margin : 0;

        border:0;

        text-align:left;

        width:75%;

  	background-image: url(images/flowbckgd.gif);

  	background-repeat: no-repeat;

  	background-position: 50px 0px;

}



 #contentpart {

	float: right;

         position:relative;

        top:-20;

        z-index: 3;

	padding : 0 10 0 0;

        margin : 0;

        border:0;

        text-align:left;

        width:75%;

  	background-image: url(images/hippobath.gif);

  	background-repeat: no-repeat;

  	background-position: 100px 50px;

}



 #contentact2 {

	float: right;

        position:relative;

        top:-20;

        z-index: 3;

	padding : 0 10 0 0;

        margin : 0;

        border:0;

        text-align:left;

        width:75%;

  	background-image: url(images/witchbckgd.gif);

  	background-repeat: no-repeat;

  	background-position: 0px -20px;



}

 #contentact3 {

	float: right;

        position:relative;

        top:-20;

        z-index: 3;

	padding : 0 10 0 0;

        margin : 0;

        border:0;

        text-align:left;

        width:75%;

  	    background-image: url(images/calbckgrnd.gif);

  	    background-repeat: no-repeat;

  	    background-position: 100px 140px;



}

 #contentact4 {

	float: right;

        position:relative;

        top:-20;

        z-index: 3;

	padding : 0 10 0 0;

        margin : 0;

        border:0;

        text-align:left;

        width:75%;

  	    background-image: url(images/bckgrnd.gif);

  	    background-repeat: no-repeat;

  	    background-position: 100px 140px;



}

#contentjperf {

	float: right;

        position:relative;

        top:-20;

        z-index: 3;

	padding : 0 10 0 0;

        margin :0;

        border:0px;

        text-align:left;

        width:75%;

  	    background-image: url(images/jprem/jperfbgd.gif);

  	    background-repeat: no-repeat;

  	    background-position:50px 40px;

}

#slideshow{
  float:right;
  padding:10px 20px 10px 20px;
  
}


 #contentcont {

	float: right;

        position:relative;

        top:-10;

        z-index: 1;

	padding : 20 10 0 0;

        margin : 0;

        border:0;

        text-align:left;

        width:75%;

  	background-image: url(images/hippbckgd2.gif);

  	background-repeat: no-repeat;

  	background-position: 30px 20px;

        }



 #contentepis {

	float: right;

        position:relative;

        top:-20;

        z-index: 3;

	padding : 0 10 0 0;

        margin : 0;

        border:0;

        text-align:left;

        width:75%;

        }





#footer {

        left:0;

        border : 0;

        margin : 0;

	padding : 0;

        width:100%;

}



/* Contact Page format */



input.mauve {

	background-color: #DFD0DF;

}



input.orange {

	background-color: #FF6633;

}



textarea.mauve {

	background-color: #DFD0DF;

}



/* Additional text formatting */



#subhead {

        float:right;

	margin:10 20 0 0;

	font-family : verdana, helvetica, arial,sans serif;

        font-size : 20px;

        color : #9966CC;

  	width:40%;

}



.subhead2 {

        width:100%;

        text-align:right;

        padding:0 20 10 0;

	font-family : verdana, helvetica, arial,sans serif;

        font-size : 20px;

        color : #9966CC;

}



.subalt {

	    font-family : verdana, helvetica, arial,sans serif;

        font-size : 17px;

        color : #9966CC;

}



/* Nav and link format */



a {

        font-size : 20px;

        color : #FF6633;

        text-decoration : none;

}



a.level2 {

	font-size : 14px;

        color : #990000;

	position:relative;

        z-index: 3;

        left:30px;

        }



a.level3 {

        font-size : 12px;

        color : #CC3333;

        position:relative;

        z-index: 3;

        left:40px;

        }



.text	{

        font-size : 12px;

        color : #990000;

}





img {

	border:0;

        }



.header {

	position:relative;

        left:30px;

        }



.formttl {

        font-family : verdana, helvetica, arial,sans serif;

        font-size : 13px;

        color : #663399;

        }







.b	{

        font-family : verdana, helvetica, arial,sans serif;

        font-size : smaller;

        color : #9966CC;

        }



a:hover {

        color: #003399;

}