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;
}

#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(/new/images/Sacramento-Summer-Camp-Web-.jpg);
	margin-top: 20px;
	width: 668px;
	height: 1360px;
	border: 1px solid #333;
	}
#map {
	position: absolute;
	margin-top: 790px;
	width: 425px;
	}		
#sumreg {
	position: absolute;
	margin-left: 480px;
	margin-top: 830px;
	}