<style type="text/css" media="screen">
		


a:link {color: #f26522}
a:visited {color: #f26522}
a:hover {color: #10a0c6}
a:active {color: #10a0c6}

#bg
	{
	position: absolute;
	top:0px;
	left:0px;
	z-index:-1;
}

#logo {
	position: absolute;
	top: 46px;
	left: 306px;
}

#art {
	position: absolute;
	top: 340px;
	left: 560px;
	color: #999999; 
}

#content {
	position: absolute;
	top: 320px;
	left: 110px;
	width: 450px;
	color: #000000; 
	text-decoration: none; 
	font-size: 10pt; 
	font-family: arial;
}

#art_party_content {
	position: absolute;
	top: 320px;
	left: 110px;
	width: 350px;
	color: #000000; 
	text-decoration: none; 
	font-size: 10pt; 
	font-family: arial;
}

#art_party_content2 {
	position: absolute;
	top: 650px;
	left: 110px;
	width: 650px;
	color: #000000; 
	text-decoration: none; 
	font-size: 10pt; 
	font-family: arial;
}

#art_party_pic {
	position: absolute;
	top: 320px;
	left: 480px;
}

#registration_dl {
	position: absolute;
	top: 320px;
	left: 480px;
}


#philosophy {
	position: absolute;
	top: 600px;
	left: 110px;
	width: 750px;
	color: #000000; 
	text-decoration: none; 
	font-size: 10pt; 
	font-family: arial;
}

#h1 { 
	position: absolute;
	top: 420px;
	left: 100px;
	color: #f26522; 
	text-decoration: none; 
	font-size: 13pt; 
	font-family: arial;
	font-weight: bold;
}

#h2 { 
	position: absolute;
	top: 860px;
	left: 100px;
	color: #f26522; 
	text-decoration: none; 
	font-size: 14pt; 
	font-family: arial;
	font-weight: bold;
}


#menu {
	position: absolute;
	top: 130px;
	left: 250px;
	z-index:1;
}

a.srollover1 {
    display: block;
    width: 84px;
    height: 25px;
    background: url("menu/gallery.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover1 {
    background-position: -84px 0;
}

a.srollover2 {
    display: block;
    width: 119px;
    height: 25px;
    background: url("menu/registration.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover2 {
    background-position: -119px 0;
} 

a.srollover3 {
    display: block;
    width: 110px;
    height: 25px;
    background: url("menu/artparties.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover3 {
    background-position: -110px 0;
} 

a.srollover4 {
    display: block;
    width: 97px;
    height: 25px;
    background: url("menu/schedule.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover4 {
    background-position: -97px 0;
}

a.srollover5 {
    display: block;
    width: 102px;
    height: 25px;
    background: url("menu/workshops.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover5 {
    background-position: -102px 0;
}  

a.srollover6 {
    display: block;
    width: 101px;
    height: 25px;
    background: url("menu/artcamps.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover6 {
    background-position: -101px 0;
}
 
#art1 {
	position: absolute;
	top: 280px;
	left: 440px;
}

#art2 {
	position: absolute;
	top: 510px;
	left: 440px;
}

#art3 {
	position: absolute;
	top: 570px;
	left: 70px;
}

#copyright {
	position: absolute;
	top: 990px;
	left: 200px;
}

</style>