body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	line-height: 15px;
}

table { margin: 0px; padding: 0px; border: 0px; border-collapse:collapse; }

td { vertical-align:top; text-align:left; margin: 0px; padding: 0px; border: 0px; border-collapse:collapse; }

table.main {

	height: auto;
	width: 2000px;


}


table.main td.left-col {

	width: 338px;
	

}




#header {


	position: absolute; 
	left:0px; 
	top:0px; 
	width:338px; 
	height:57px; 
	z-index:3;

}



#copyright {

	padding: 0px 0px 0px 210px;

}

#scroller {

	padding: 20px 0px 70px 20px;
	display:block;

}

.lefttopblock {

	padding: 0px 0px 0px 0px;
	display:block;
	width: 250px;
	height: 80px;
	

}

.title { 

	width: 400px;
	height: 57px;
	display:block;
	position:fixed;
	top: 0px;
	left: 0px;
	z-index: 1;
	background-color:#FFFFFF;
}


.navbar {
	position: fixed;
	top: 57px;
	left: 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	border-collapse:collapse;
	width: 180px;
	height: 100%;
	z-index: 11;
	background-color:#FFFFFF;
	background-image: url(images/scroll.gif);
	background-repeat: no-repeat;
	background-position: 27px 320px;

}

a img { padding: 0px; margin: 0px; border: 0px; border-collapse:collapse; }

ul.navlist { margin: 0px; padding: 0px 0px 0px 37px; border: 0px; list-style-type: none; }

ul.navlist li { padding: 3px 0px 4px 0px; }

ul.navlist li a { text-decoration: none; color: #6a6a6a; font-size: 8pt; }

ul.navlist li a:hover { color: #0099FF; }

.navbar a img {

	padding: 3px 0px 0px 0px;


}


table.navbar {

	padding: 50px 0px 0px 0px;
	border: 0px;
	border-collapse:collapse;


}

table.gallery td {

	border: 6px solid #CCCCCC;

}

.style5 {color: #0099FF;}



a:link {
	color: #000000;
	text-decoration: underline;
}
a:visited {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color: #0099FF;
	text-decoration: none;
}
a:active {
	color: #000000;
	text-decoration: underline;
}

a.frame {
	display: block;
	padding: 36px 0px 0px 36px;
	margin: 0px;
	border: 0px;
	background-image:url(images/frame.jpg);
	background-repeat: no-repeat;
	width: 236px;
	height: 172px; 

}

a.frame img { border: 0px; border-collapse:collapse; padding: 0px; margin: 0px; }

a.gallerylink {color: #0099FF; font-size: 12px; text-decoration:none;}

a.gallerylink:hover { text-decoration:underline; }


/*About Page Style
********************************/

#about { margin: 0px 0px 0px 200px; padding: 0px 0px 0px 0px; border: 0px; border-collapse: collapse; float: left; width: 1340px; display: block; height: 500px; }

#about #col1 {
	width: 350px;
	padding: 50px 430px 0px 20px;
	height: 470px;
	background-image:url(images/drawings/about/benivansarah.gif);
	background-repeat: no-repeat;
	background-position: right 40px;
	display: block;
	float: left;
	margin: 0px 10px 0px 0px;	
}

#about #col2 {
	width: 500px;
	height: 350px;
	padding: 80px 20px 0px 10px;
	display: block;
	float: left;
	}
	


.moviebox { 

	width: 110px;
	display: block;
	padding: 0px 30px 0px 0px;
	height: 130px;
	float: left;
	z-index: 9;
	
	}

.moviebox p {

	padding: 0px 0px 0px 15px;
	margin: 0px;
	
	}

/*Contat Page Style
********************************/

#contact { margin: 0px 0px 0px 200px; padding: 0px 0px 0px 0px; border: 0px; border-collapse: collapse; float: left; width: 1040px; display: block; height: 500px; }

#contact #col1 {
	width: 400px;
	padding: 50px 120px 0px 20px;
	height: 470px;
	background-image:url(images/drawings/contact/contactmap1.gif);
	background-repeat: no-repeat;
	background-position: 170px 40px;
	display: block;
	float: left;
	margin: 0px 10px 0px 0px;	
}

#contact #col1 #telephone {
	width: 420px;
	height: 100px;
	padding: 140px 20px 0px 40px;
	display: block;
	background-image:url(images/drawings/contact/telephone.gif);
	background-repeat: no-repeat;
	background-position: 220px bottom;
	
	
	}
	
#contact #col3 {
	width: 400px;
	height: 350px;
	padding: 40px 20px 0px 0px;
	display: block;
	float: left;
	}
	
/*Music Page Style
********************************/


#music { margin: 0px 0px 0px 200px; padding: 0px 0px 0px 0px; border: 0px; border-collapse: collapse; float: left; width: 2800px; display: block; height: 500px; }

#music #col1 {
	width: 480px;
	padding: 50px 50px 0px 20px;
	height: 470px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	
}

#music #col2 {
	width: 450px;
	height: 350px;
	padding: 50px 20px 100px 10px;
	background-image:url(images/drawings/music/musictrio.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	display: block;
	float: left;
	}
	
#music #col3 {
	width: 260px;
	padding: 60px 400px 0px 0px;
	height: 370px;
	display: block;
	float: left;
	background-image:url(images/drawings/music/flautist.jpg);
	background-repeat: no-repeat;
	background-position: right 100px;	
	
}

#music #col3b {
	width: 260px;
	padding: 50px 20px 0px 20px;
	height: 370px;
	display: block;
	float: left;
	
	
}

#music #col4 {
	width: 272px;
	height: 350px;
	padding: 50px 10px 0px 30px;
	display: block;
	float: left;
	
	
	}

#music #col5 {
	width: 340px;
	padding: 40px 0px 0px 30px;
	height: 450px;
	display: block;
	float: left;
	background-image:url(images/drawings/music/machine.gif);
	background-repeat: no-repeat;
	background-position: left 100px;
	
	
}
	
	
/*Dance Page Style
********************************/


#dance { margin: 0px 0px 0px 200px; padding: 0px 0px 0px 0px; border: 0px; border-collapse: collapse; float: left; width: 3250px; display: block; height: 500px; }

#dance #col1 {
	width: 350px;
	padding: 50px 320px 0px 20px;
	height: 470px;
	background-image:url(images/drawings/dance/dancersbar1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;	
	display: block;
	float: left;
	margin: 0px 10px 0px 0px;
	
}

#dance #col2 {
	width: 350px;
	height: 350px;
	padding: 150px 20px 0px 10px;
	background-image:url(images/drawings/dance/keywordsdance.gif);
	background-repeat: no-repeat;
	background-position: left 50px;	
	display: block;
	float: left;
	}
	
#dance #colslideshow1 {
	width: 210px;
	height: 350px;
	padding: 80px 20px 0px 20px;
	display: block;
	float: left;
	}
	
#dance #col3 {
	width: 380px;
	padding: 120px 200px 0px 20px;
	height: 370px;
	background-image: url(images/drawings/dance/dancers.gif);
	background-repeat: no-repeat;
	background-position: right top;	
	display: block;
	float: left;
	
}

#dance #col4 {
	width: 350px;
	height: 350px;
	padding: 60px 10px 0px 10px;
	display: block;
	float: left;
	}

#dance #col5 {
	width: 380px;
	padding: 50px 0px 0px 340px;
	height: 450px;
	background-image: url(images/drawings/dance/singledancer.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	display: block;
	float: left;
	
}


/*Theater Page Style
********************************/


#theater { margin: 0px 0px 0px 200px; padding: 0px 0px 0px 0px; border: 0px; border-collapse: collapse; float: left; width: 3700px; display: block; height: 500px; }

#theater #col1 {
	width: 380px;
	padding: 60px 250px 0px 20px;
	height: 470px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	background-image:url(images/drawings/theater/theaterFence.jpg);
	background-repeat: no-repeat;
	background-position: right 10px;	
	
}

#theater #col1b {
	width: 380px;
	padding: 40px 20px 0px 20px;
	height: 470px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;	
	
}

#theater #col2 {
	width: 580px;
	height: 70px;
	padding: 300px 0px 0px 10px;
	background-image:url(images/drawings/theater/theaterclothesline.jpg);
	background-repeat: no-repeat;
	background-position: 20px 30px;	
	display: block;
	float: left;
	margin: 0px 0px 0px 10px;
	}
	
#theater #col2b {
	width: 250px;
	height: 450px;
	padding: 40px 20px 0px 0px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	}
	
#theater #col3 {
	width: 570px;
	height: 520px;
	padding: 30px 0px 0px 10px;
	background-image:url(images/drawings/theater/theaterArgue2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;	
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	}

#theater #col4 {
	width: 300px;
	height: 450px;
	padding: 50px 280px 0px 0px;
	display: block;
	float: left;
	background-image:url(images/drawings/theater/theaterMantrunk.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;	
	
	
	}


.steps {

	float: left;
	width: 250px;
	height: 200px;
	display: block;
	padding: 0px 30px 0px 0px;
	
	}

p.indent { padding: 10px 0px 0px 30px; }

p.minusindent { padding: 10px 30px 0px 0px; }
	


/*Visual Arts Page Style
********************************/


#visual { margin: 0px 0px 0px 200px; padding: 0px 0px 0px 0px; border: 0px; border-collapse: collapse; float: left; width: 2500px; display: block; height: 500px; }

#visual #col1 {
	width: 400px;
	padding: 60px 100px 0px 20px;
	height: 470px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	background-image:url(images/drawings/visual/brushes.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;	
	
}

#visual #col2 {
	width: 360px;
	height: 500px;
	padding: 40px 410px 0px 10px;
	background-image:url(images/drawings/visual/painter.jpg);
	background-repeat: no-repeat;
	background-position: right top;	
	display: block;
	float: left;
	margin: 0px 0px 0px 10px;
	}
	
#visual #col3 {
	width: 260px;
	height: 480px;
	padding: 60px 480px 0px 10px;
	background-image:url(images/drawings/visual/videocrew.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;	
	display: block;
	float: left;
	margin: 0px 0px 0px 10px;
	}

#visual #col4 {
	width: 260px;
	height: 450px;
	padding: 50px 0px 0px 20px;
	display: block;
	float: left;
	
	
	}


/*Exploratorium Page Style
********************************/


#explore { margin: 0px 0px 0px 200px; padding: 0px 0px 0px 0px; border: 0px; border-collapse: collapse; float: left; width: 2000px; display: block; height: 500px; }

#explore #col1 {
	width: 250px;
	padding: 60px 260px 0px 20px;
	height: 350px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	background-image:url(images/drawings/explore/expdog.gif);
	background-repeat: no-repeat;
	background-position: right bottom;	
	
}

#explore #col2 {
	width: 300px;
	height: 500px;
	padding: 40px 10px 0px 10px;
	display: block;
	float: left;
	margin: 0px 0px 0px 10px;
	}
	
#explore #col3 {
	width: 260px;
	height: 290px;
	padding: 80px 30px 0px 20px;
	display: block;
	float: left;
	margin: 0px 0px 0px 10px;
	}
	
#explore #col5 {
	width: 260px;
	height: 290px;
	padding: 120px 30px 0px 320px;
	background-image:url(images/drawings/explore/expblam.gif);
	background-repeat: no-repeat;
	background-position: left bottom;	
	display: block;
	float: left;
	margin: 0px 0px 0px 10px;
	}

#explore #col4 {
	width: 340px;
	height: 450px;
	padding: 40px 260px 0px 20px;
	display: block;
	float: left;
	background-image:url(images/drawings/explore/expwagon.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	
	
	}



/*Parent Space Page Style
********************************/


#parent { margin: 0px 0px 0px 200px; padding: 0px 0px 0px 0px; border: 0px; border-collapse: collapse; float: left; width: 3400px; display: block; height: 500px; }

#parent #col1 {
	width: 200px;
	padding: 60px 20px 0px 310px;
	height: 300px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	background-image:url(images/drawings/parent/carandhouse.gif);
	background-repeat: no-repeat;
	background-position: left bottom;	
	
}

#parent #col2 {
	width: 280px;
	height: 500px;
	padding: 40px 10px 0px 10px;
	display: block;
	float: left;
	margin: 0px 0px 0px 10px;
	}
	
#parent #col3 {
	width: 260px;
	height: 450px;
	padding: 40px 30px 0px 20px;
	background-image:url(images/drawings/parent/car1.gif);
	background-repeat: no-repeat;
	background-position: left bottom;	
	display: block;
	float: left;
	margin: 0px 0px 0px 10px;
	}

#parent #col4 {
	width: 300px;
	height: 450px;
	padding: 50px 20px 0px 20px;
	display: block;
	float: left;
	background-image:url(images/drawings/parent/car2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	
	
	}

#parent #col5 {
	width: 340px;
	padding: 40px 20px 0px 20px;
	height: 430px;
	display: block;
	float: left;
	

}

#parent #col6 {
	width: 260px;
	height: 450px;
	padding: 40px 30px 0px 20px;
	background-image:url(images/drawings/parent/car3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;	
	display: block;
	float: left;
	margin: 0px 0px 0px 10px;
	}


#parent #col7 {
	width: 200px;
	height: 440px;
	padding: 50px 30px 0px 20px;
	background-image:url(images/drawings/parent/car2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;	
	display: block;
	float: left;
	margin: 0px 0px 0px 10px;
	}

#parent #col8 {
	width: 260px;
	height: 450px;
	padding: 40px 10px 0px 20px;
	background-image:url(images/drawings/parent/car1.gif);
	background-repeat: no-repeat;
	background-position: left bottom;	
	display: block;
	float: left;
	margin: 0px 0px 0px 10px;
	}



#parent #col9 {
	width: 200px;
	height: 450px;
	padding: 50px 10px 0px 20px;
	display: block;
	float: left;
	margin: 0px 0px 0px 10px;
	}
	
#parent #col10 {
	width: 260px;
	height: 450px;
	padding: 40px 30px 0px 20px;
	background-image:url(images/drawings/parent/car3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;	
	display: block;
	float: left;
	margin: 0px 0px 0px 10px;
	}


/*slideshow style*/

#slideshow, #slideshow3 {
    position:relative;
    height: 272px;
	width: 208px;
	display:block;
}

#slideshow2 {

	position:relative;
    height: 208px;
	width: 272px;
	display:block;

}

#slideshow IMG, #slideshow2 IMG, #slideshow3 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active, #slideshow2 IMG.active, #slideshow3 IMG.active {
    z-index:10;
    opacity:1.0;
}


#slideshow IMG.last-active, #slideshow2 IMG.last-active, #slideshow3 IMG.last-active  {
    z-index:9;
}