html, body {

	margin: 0;

	padding: 0;

	background-color: #000;	

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;

	color: #000000;

	line-height: 1.1em;

}

#wrapper {

	background-color: #fdfebf;

	width: 740px;

	height: 100%;

	margin-right: auto;

	margin-left: auto;

}



#kaheader {

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

	background-position: top left;

	background-repeat: no-repeat;

	height: 127px;

	}



/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/final_drop5.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */



/* style the outer div to give it width */

.menu {

	padding-top: 105px;

	padding-left: 160px;

	width: 577px;

	font-size: 0.8em;

	font-weight: bold;

	}



/* remove all the bullets, borders and padding from the default list styling */

.menu ul {

	padding:0;

	margin:0;

	list-style-type:none; 

	height:1.5em; 

	}



/* style the sub-level lists */

.menu ul ul {

	width: 30em;

	}



/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu ul li {

	float:left;

	height: 1.5em;

	line-height: 1.5em;

	}



/* style the sub level list items */

.menu ul ul li {

	display:block;

	width:8em;

	height:auto; 

	line-height:1em;

	}



/* style the links for the top level */

.menu a, .menu a:visited {

	display:block;

	float:left;

	height:100%;

	font-size:1em;

	text-decoration:none;

	color:#fff;

	background:#02b1fc;

	padding:1px 8px 1px 8px; 

	}



/* style the sub level links */

.menu ul ul a, .menu ul ul a:visited {

	display:block;

	background:#fdfebf; 

	border: 1px solid #999;

	color:#999;

	width:17em;

	height:100%;

	line-height:1em; 

	padding:0.3em 0 0.3em 0.2em;

	}

	

* html .menu ul ul a, * html .menu ul ul a:visited  {

	width:17em; 

	w\idth:15em;}





/* style the table so that it takes no part in the layout - required for IE to work */

.menu table {position:absolute; left:1px; top:0; width:0; height:0; font-size:1em; z-index:-1;}





/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background:#b4be9c;}

/* style the fourth level background */

.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#c4ceac;}

/* style the sub level 1 background */

.menu ul :hover a.sub1 {background:#b4be9c;}

/* style the sub level 2 background */

.menu ul ul :hover a.sub2 {background:#c4ceac;}



/* style the level hovers */

/* first */

* html .menu a:hover {

	color:#02b1fc;

	background:#fdfebf;

	text-decoration: none; 

	position:relative; 

	z-index:100;

	}

.menu li:hover {

	position:relative;

	text-decoration: none;

	}

.menu :hover > a {

	color:#02b1fc;

	background:#fdfebf;

	text-decoration: none;

	}

/* second */

* html .menu ul ul a:hover{

	color:#02b1fc;

	background:#fdfebf; 

	position:relative; 

	z-index:110;

	}

.menu ul ul li:hover {position:relative;}

.menu ul ul :hover > a {

	color:#02b1fc;

	background:#fdfebf;

	}

/* third */

* html .menu ul ul ul a:hover {background:#c4ceac; position:relative; z-index:120;}

.menu ul ul ul :hover > a {background:#c4ceac;}

/* fourth */

.menu ul ul ul ul a:hover {background:#d4debc; position:relative; z-index:130;}



/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {

	visibility:hidden;

	position:absolute;

	height:0;

	top:1.5em;

	left:0;

	width:1em;

	}



/* position the third level flyout menu */

.menu ul ul ul{left:12em;top:0;width:14em;}





/* make the second level visible when hover on first level list OR link */

.menu ul :hover ul{

	visibility:visible; 

	height:auto; 

	padding-bottom:3em; 

	background:transparent url(images/trans.gif);}

	

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{visibility:hidden;}



/* keep the fourth level hidden when you hover on second level list OR link */

.menu ul :hover ul :hover ul ul{visibility:hidden;}



/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{visibility:visible;}



/* make the fourth level visible when you hover over third level list OR link */

.menu ul :hover ul :hover ul :hover ul {visibility:visible;}





[if lte IE 6]>



.menu ul ul {left:-1px; margin-left:-1px;}

.menu ul ul ul.left {margin-left:1px;}



<![endif]





#header {

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

	height: 127px;

	font-size: 0.8em;	

	}

#header ul {

	list-style: none;

	padding: 0;

	margin: 0;

	padding-top: 106px;

	padding-right: 7px;

	text-align: right; 

	}

#header li {

	display: inline;

	padding: 0 0 0 16px;

	}

#header a:link, #header a:visited {

	color: #fff;

	font-weight: bold;	

	text-decoration: none;

	}

#header a:hover {

	color: #555;

	font-weight: bold;	

	text-decoration: none;

	}	

#current {

	color: #ffff35;

	font-weight: bold;

}

	



#content {

	margin: 35px 35px 0px 35px;

	padding: 0;

	background-color: #fdfebf;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.9em;

	color: #000000;

	line-height: 1.3em;

}



.ka {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: inherit;

	font-weight: bold;

	color: #3A90D6;

}

.special_red {

	width: 500px;

	margin-left: auto;

	margin-right: auto;

	color: #F00;

	font-weight: bold;

	font-size: 1.2em;

	border: dotted 5px #F00;

	text-align: center;

	padding: 20px 0;

}	

h2.red  {

	background-color: transparent;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.2em;

	font-weight: bold;

	font-style: normal;

	color: #F00;

	line-height: 1.5em;

	margin: 0 0 0.75em 0;

	text-align: center;

}

.clear {

	clear: both;

	}

h1 {

	background-color: #fdfebf;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.4em;

	font-weight: bold;

	font-style: normal;

	color: #52BD3E;

	line-height: 1.6em;

	margin: 0 0 0.750em 0;

}





h2 {

	background-color: transparent;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.25em;

	font-weight: bold;

	font-style: normal;

	color: #52BD3E;

	line-height: 1.5em;

	margin: 0 0 0.75em 0;

}



h3 {

	background-color: transparent;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.1em;

	font-weight: bold;

	font-style: normal;

	color: #52BD3E;

	line-height: 1.2em;

	margin: 0 0 0.75em 0;

}



.ci {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: inherit;

	font-weight: bold;

	color: #52BD3E;

}



.orange {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: inherit;

	font-weight: bold;

	color: #feab07;

}



#staff table {

	border-top: 2px solid #0480b6;

	border-right: 2px solid #0480b6;

	border-left: 2px solid #0480b6;

	background-color: #c2d3fc;

	}



#staff td {

	padding: 0 0 10px 0;

	border-bottom: 2px solid #0480b6;

}

#staff h2, #staff h3 {

	color: #0480b6;

}

#staff img {

	border: 1px solid #0480b6;

}

#staff ul{

	margin-left: 0;

}

#staff li {

	list-style: none;

	background-image: url(../staff/dfly-blue.gif);

	background-position: top left;

	background-repeat:	no-repeat;

	float: left;

	margin-top: 10px; 

	padding-left: 25px;

	margin-left: 0px;

	margin-bottom: 10px;

	font-weight: bold;

	color: #0480b6;

	text-align: center;

}



#meet {

	margin: 30px;

	}

#cis ul {

	list-style-image: url(../images/dfly.gif);

	padding-left: 20px;

	margin-left: 15px;

}

#cis li {

	margin-bottom: 2em;

}



#cisphotos ul {

	list-style-image: url(../images/dfly.gif);

	padding-left: 20px;

	margin-left: 15px;

}



#cisphotos li {

	float: left;

	margin-right: 15px;

	font-weight: bold;

	color: #52BD3E;

	text-align: center;

}



#faq ol {

	list-style-image: none;

}



#faq li {

	margin-bottom: 1em;

}

#faq p {

	margin-left: 2em;

	}



#gallery td {

	text-align: center;

	vertical-align: top;

}



#gallery img {

	border: 1px solid #333;

}

h5 {

	background-color: #fdfebf;

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;

	font-weight: bold;

	font-style: normal;

	color: #52BD3E;

	line-height: 0.9em;

}



a:link, a:visited {

	text-decoration: none;

	font-weight: bold;

}



a:hover {

	text-decoration: underline;

	font-weight: bold;

}



.floatlft img {

	position: relative;

	float: left;

	margin: 0px 15px 0px 0px;

}

.floatrt img {

	position: relative;

	float: right;

	margin: 0px 0px 0px 10px;

}



#gallery img {

	border: 1px #000 solid;

}



img {

	border: 0px #000 solid;

}



.b_img {

	border: 1px #000 solid;

}



.sched table { 

	border: 0px #000 solid;

	border-collapse: collapse;

}

.sched td {

	border: 0px #000 solid;

	border-collapse: collapse;

	padding-right: 1em;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.9em;

}

.sched h3 {

	margin-top: 1em;

	margin-bottom: -0.1em;

}

#birth table { 

	border: 2px solid #52BD3E;

	border-collapse: collapse;

}

#birth td {

	vertical-align: top;

	padding: 1em 1em 0 1em;

	border-bottom:  2px #000 solid #52BD3E;

	}

#birth th {

	vertical-align: top;

	padding: 0.5em;

	border-bottom:  2px #000 solid #52BD3E;

	color: #52BD3E;

	}	

.borderrt{

	border-right:  2px #000 solid #52BD3E;

	}

#birth ul {

	margin-top: 0.1em;

	}



#bbox {

	float: right;

	text-align: center;

	display: inline;

	padding-left: 10px;

}

#bboxhome {

	float: right;

	text-align: center;

	display: inline;

	padding-left: 10px;



}





#acct a:link, #acct a:visited {

	display: block;

	width: 172px;

	height: 30px;

	background: url("../images/b-yacct.gif") top left no-repeat;

	}

	

#acct a:hover {

	display: block;

	width: 172px;

	height: 30px;

	background: url("../images/b-yacct.gif") bottom left no-repeat;

	}



#register a:link, #register a:visited {

	display: block;

	width: 172px;

	height: 128px;

	margin-bottom: 1px;

	background: url("../images/b-green-lg.gif") top left no-repeat;

	}

	

#register a:hover {

	display: block;

	width: 172px;

	height: 128px;

	margin-bottom: 1px;

	background: url("../images/b-green-lg.gif") bottom left no-repeat;

	}



#b_party a:link, #b_party a:visited {

	display: block;

	width: 172px;

	height: 64px;

	margin-bottom: 1px;

	background: url("../images/b-party.gif") top left no-repeat;

	text-align: center;

		}

	

#b_party a:hover {

	display: block;

	width: 172px;

	height: 64px;

	margin-bottom: 1px;

	background: url("../images/b-party.gif") bottom left no-repeat;

	text-align: center;

	}



#corp a:link, #corp a:visited {

	display: block;

	width: 183px;

	height: 32px;

	background: url("../images/kacorp-w.gif") top left no-repeat;

	padding-top: 0.5em;

	margin-top: 0.5em;

	padding-bottom: 0.5em;

	margin-bottom: 0.5em;

	}

	

#corp a:hover {

	display: block;

	width: 183px;

	height: 32px;

	background: url("../images/kacorp-t.gif") top left no-repeat;

	padding-top: 0.5em;

	margin-top: 0.5em;

	}



	

#footer {

	background-color: #000;

	text-align: center;

	width: 740px;

	}

#footer img {

	border: 0px #000 solid;

}

	

#copyrt {

	background-color: #000;

	font-size: 0.7em;

	color: #fdfebf;

	text-align: center;

}

#copyrt a:link, #copyrt a:visited {

	color: #0F0;

}

#copyrt a:hover {

	color: #000;

	background-color: #fdfebf;

}





#prisma {

	width: 460px;

	border: 6px dotted #0480b6;

	padding: 5px;

	color: #000;

	text-align: center;

}

#prisma h1, #prisma h2, #prisma h3, #prisma h4 {

	color: #fff;

	margin-bottom: -0.5em;

}

#prisma h1 {

	font-size: 2.2em;

	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;

	text-align: center;

	}

#prisma h2 {

	font-size: 1.2em;

	color:#FF0000;

	}

#prisma h3 {

	font-size: 1.1em;

	}

#prisma h4 {

	font-size: 1em;

	}

#prisma li {

	margin-left: 0;

	margin-bottom: 1em;

	}



#drop ul {

	margin-left: 0;

	}

	

#store {

	font-weight: bold;

	font-size: 1.2em;

	 }

#store td {

	vertical-align: top;

	text-align: center;

	}

	

#birthday {

	background-image: url(../imagez/birthday470.gif);

	background-position: center;

	background-repeat: no-repeat;

	width: 468px;

	border: dotted 6px #FF3366;

	height: 196px;

	text-align: center;

	}



.bday {

	color: #FF3366;

	font-weight: bold;

	}

	

.prg	{

	background-image: url(../imagez/bg-green.gif);

	background-position: center;

	background-repeat: no-repeat;

	width: 630px;

	border: dotted 8px #3A90D6;

	vertical-align: middle;

	padding: 12px;

	}	

.prg h1 {

	font: Verdana, Arial, Helvetica, sans-serif ;

	font-size: 1.3em;

	font-weight: bold;

	color: #444;

	background-color: transparent;

	margin: 0;

	}

#prgcl {

	width: 425px;

	}	

	

#safari {

	background-image: url(../imagez/bg-orange.gif);

	background-position: center;

	background-repeat: no-repeat;

	width: 470px;

	border: dotted 4px #000;

	font-size: 1em;

	vertical-align: middle;

	padding: 5px;

	margin-left: 2px;

}



#world {

	background-image: url(../imagez/bg-olive.gif);

	background-position: center;

	background-repeat: no-repeat;

	width: 470px;

	border: dotted 4px #000;

	font-size: 1em;

	padding: 5px;

	margin-left: 5px;

}		



#pink {

	background-image: url(../imagez/bg-pink.gif);

	background-position: center;

	background-repeat: no-repeat;

	text-align: center;

	width: 500px;

	margin-left: auto;

	margin-right: auto;

	border: dotted 4px #FF3366;

	font-size: 1em;

	padding: 10px;

}
#yellow {

	background-color:#FFFF00;

	background-position: center;

	background-repeat: no-repeat;

	text-align: center;

	width: 500px;

	margin-left: auto;

	margin-right: auto;

	border: dotted 4px #000000;

	font-size: 1em;

	padding: 10px;

}
#coupon {

	background-color:#3399FF;

	background-position: center;

	background-repeat: no-repeat;

	text-align: center;

	width: 500px;

	margin-left: auto;

	margin-right: auto;

	border:dashed 4px #000000;

	font-size: 1em;

	padding: 10px;

}



#detail {

	text-align:center;

	border: dashed 8px #333;

	}

	

#winter {

	width: 450px;

	height: 225px;

	border: dotted 6px #4163ad;

	margin-bottom: 20px;

	}

	

#dpink{

	border: 6px #FF0000 dotted;

	padding: 0 15px;

	font-size: 90%;

}	

.dp {

	color: #FF0000;

	font-style: italic;

}



#sumdetails {

	background: url(../imagez/Sacramento-Summer-Camp-Web-.jpg);

	margin-top: 20px;

	width: 668px;

	height: 1656px;

	border: 1px solid #333;

	}
	
	#sumdetails2 {

	background: url(../imagez/Sacramento-Summer-Camp-Web-.jpg);

	margin-top: 20px;

	width: 668px;

	height: 1656px;

	border: 1px solid #333;

	}

#map {
	position: absolute;
	margin-top: 1200px;
	width: 425px;
	left: 190px;
	top: 1215px;
	}		

#sumreg {
	position: absolute;
	margin-left: 460px;
	margin-top: 765px;
	top: 1189px;
	}		
	
#reg_jump1 a:link, #reg_jump1 a:visited {
float:left;
display:inline;
width:191px;
height:71px;
background: url(/images/register_after_school_art_classes.gif);
}
	
#reg_jump1 a:hover{
float:left;
display:inline;
width:191px;
height:71px;
background: url(/images/register_after_school_art_classes.gif) bottom left no-repeat;
}

#reg_jump2 a:link, #reg_jump2 a:visited {
float:left;
display:inline;
width:191px;
height:71px;
background: url(/images/register_summer_art_camps.gif);
}
	
#reg_jump2 a:hover{
float:left;
display:inline;
width:191px;
height:71px;
background: url(/images/register_summer_art_camps.gif) bottom left no-repeat;
}

#reg_jump3 a:link, #reg_jump3 a:visited {
float:left;
display:inline;
width:191px;
height:71px;
background: url(/images/studio_btn2.gif);
}
	
#reg_jump3 a:hover{
float:left;
display:inline;
width:191px;
height:71px;
background: url(/images/studio_btn2_roll.gif);
}
#reg_jump4 a:link, #reg_jump4 a:visited {
float:right;
display:inline;
width:191px;
height:71px;
background: url(/images/studio_btn.gif);
}
	
#reg_jump4 a:hover{
float:right;
display:inline;
width:191px;
height:71px;
background: url(/images/studio_btn_roll.gif);
}