/* ---- HEX COLOUR CODES--- */
/* Purple - Dark	#9A009C */
/* Purple - Medium	#F831FC */
/* Purple - Light	#FFCCFF */
/* Green  - Bright	#38FD35 */
/* Green  - Light	#D8FFD7 */

/* -------------------------------------------------*/
/*          Main Styles                             */
/* -------------------------------------------------*/ 

body { 
	background: #FFCCFF;
	}

h1 {color: #9A009C; font-size: 1.5em; font-family: "Comic Sans MS",cursive; text-align: center }
h2 {color: #9a009c; font-size: 0.9em; font-family: verdana,arial,sans-serif; font-weight: normal; text-align: center }
h4 {color: #9a009c; font-size: 1.5em; font-family: "Comic Sans MS",cursive; text-align: center }
h5 {color: #9a009c; font-size: 0.9em; font-family: verdana,arial,sans-serif; font-weight: normal; text-align: left }

#header {
	position: relative;
	width: 99%;
	text-align: center;
	}

#content {
	position: relative;
	left: 0px;
	top: 0px;
	width: 700px;
	height: 560px;
	margin-left: auto;
	margin-right: auto;
	font-family: verdana,arial,sans-serif;
	font-size: 0.9em;
	color: #9a009c;
	text-align: center;
		}
		
#bookimg {
	position: absolute;
	left: 15px;
	top: 0px;
	z-index:1;
	background: #FFCCFF;
	}
	
#bookimg a:hover{
	display: block;
	background: #38FD35;
	}
	
#booktext {
	position: absolute;
	left: 40px;
	top: 320px;
	width: 18em;
	color: #9a009c;
	font-family: "Comic Sans MS",cursive;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	z-index: 2;
	}
	
#booktext a {
	color: #9a009c;
	text-decoration: none;
	}
	
#booktext a:hover {
	background: #38FD35;
	}
	
#layoutimg {
	position: absolute;
	left: 310px;
	top: 60px;
/*	width: 375px;*/
/*	height: 260px;*/
	z-index: 1;
	background: #FFCCFF;
/*	border: 0.1em solid #F831FC;*/
/*	color: #9a009c;*/
	}

#layoutimg a:hover{
	display: block;
	background: #38FD35;
	}
	
#layouttext {
	position: absolute;
	left: 405px;
	top: 320px;
	width: 18em;
/*	height: 10em;*/
	color: #9a009c;
	font-family: "Comic Sans MS",cursive;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	z-index: 2;
/*	border: 0.1em solid #F831FC;*/
/*	color: #9a009c;*/
	}

#layouttext a {
	color: #9a009c;
	text-decoration: none;
	}
	
#layouttext a:hover {
	background: #38FD35;
	}
	
	
#soundsimg {
	position: absolute;
	left: 560px;
	top: 60px;
	z-index: 1;
/*	border: 0.1em solid #F831FC;*/
/*	color: #9a009c;*/
	}
	
#soundsimg a:hover{
	display: block;
	background: #38FD35;
	}

#soundstext {
	position: absolute;
	left: 400px;
	top: 40px;
	width: 10em;
/*	height: 10em;*/
	color: #9a009c;
	font-family: "Comic Sans MS",cursive;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	z-index: 2;
/*	border: 0.1em solid #F831FC;*/
/*	color: #9a009c;*/
	}

#soundstext a {
	color: #9a009c;
	text-decoration: none;
	}
	
#soundstext a:hover {
	background: #38FD35;
	}

#contenttext {
	position: relative;
/*	left:200px;*/
	top: 380px;
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
/*	width: 40em;*/
/*	height: 10em;*/
	color: #9a009c;
	font-family: "Comic Sans MS",cursive;
	font-size: 1.0em;
	font-weight: normal;
	text-align: left;
/*	border: 0.1em solid #F831FC;*/
/*	color: #9a009c;*/
	}


#undercon {
	position: relative;
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
/*	margin-top: 0; */
/*	margin-bottom: 0;*/
	font-family: verdana,arial,sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
/*	border: 0.1em solid #F831FC;*/
	color: #9a009c;
/*	background: #D8FFD7;*/
		}
		

#footer {
	position: relative;
	text-align: center;
	color: black;
	}
	
.menu {
	margin-top: 10px;
	margin-bottom: 10px;
	}

.menu a {
	padding: 5px;
	color: #9A009C;
	font-family: "Comic Sans MS",cursive;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: 2px solid #F831FC;
	line-height: 35px;
	margin: 0px 1px;
	}

.menu a:hover {
	background: #38FD35;
	}
	
#mainlayout {
    z-index: 9;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	left: 0px;
	top: 0px;
	width: 585px;
	height: 453px;
		}

#layoutdiv {
    z-index: 10;
    position: absolute;
    left: 80px;
    top: 80px;
    width: 425px;
    height: 293px;
    visibility: hidden;
}