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;
 
 	clear:both;


	}



#map {

	clear:both;
	position:absolute; 
	margin-top: 1250px;
	margin-left: 15px;
	}		


#sumreg {

	position: absolute;

	margin-left: 460px;

	margin-top: 765px;

	top: 1189px;
	
	clear:both;

	}		

	

#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);

}