/*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0; }table{border-collapse:collapse;border-spacing:0; }fieldset,img{border:0; }address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal; }ol,ul {list-style:none; }caption,th {text-align:left; }h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal; }q:before,q:after{content:''; }abbr,acronym {border:0; }
/*fonts.css*/body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; }table {font-size:inherit;font:100%; }select, input, textarea {font:99% arial,helvetica,clean,sans-serif; }pre, code {font:115% monospace;*font-size:100%; }body * {line-height:1.4; }
/*grids.css*/body{text-align:center; }#ft{clear:both; }#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.3em;min-width:750px; }#doc2{width:73.074em;*width:71.313em;min-width:950px; }#doc3{margin:auto 10px;width:auto; }.yui-b{position:relative; }.yui-b{_position:static; }#yui-main .yui-b{position:static; }#yui-main{width:100%; }.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em; }.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em; }.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em; }.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em; }.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em; }.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em; }.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em; }.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em; }.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em; }.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em; }.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em; }.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em; }.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em; }.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em; }.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0; }#yui-main .yui-b{float:none;width:auto; }.yui-g .yui-u,.yui-g .yui-g,.yui-gc .yui-u,.yui-gc .yui-g .yui-u,.yui-ge .yui-u,.yui-gf .yui-u{float:right;display:inline; }.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left; }.yui-g .yui-u,.yui-g .yui-g{width:49.1%; }.yui-g .yui-g .yui-u,.yui-gc .yui-g .yui-u{width:48.1%; }.yui-gb .yui-u,.yui-gc .yui-u,.yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%; }.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0; }.yui-gc div.first,.yui-gd .yui-u{width:66%; }.yui-gd div.first{width:32%; }.yui-ge .yui-u{width:24%; }.yui-ge div.first,.yui-gf .yui-u{width:74.2%; }.yui-gf div.first{width:24%; }.yui-ge div.first{width:74.2%; }#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden; }#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1; }
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
/* for all templates and grids */
body{text-align:center; }
#ft{clear:both; }
/**/
/* 750 centered, and backward compatibility */ 
#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 { margin:auto;text-align:left;
	width:57.69em;*width:56.3em;min-width:750px; }
/* 950 centered */ 
#doc2 { width:73.074em;*width:71.313em;min-width:950px; }
/* 100% with 10px viewport side matting */ 
#doc3 { margin:auto 10px; /* not for structure, but so content doesn't bleed to edge */ width:auto; }
	
/* below required for all fluid grids; adjust widths and margins above accordingly */

	/* to preserve source-order independence for Gecko */
	.yui-b{position:relative; }
	.yui-b{_position:static; } /* for IE < 7 */
	#yui-main .yui-b{position:static; } 

#yui-main {width:100%; }
.yui-t1 #yui-main, .yui-t2 #yui-main, .yui-t3 #yui-main{float:right;margin-left:-25em;/* IE: preserve layout at narrow widths */}

.yui-t4 #yui-main, .yui-t5 #yui-main, .yui-t6 #yui-main{float:left;margin-right:-25em;/* IE: preserve layout at narrow widths */}

.yui-t1 .yui-b { float:left; width:12.3207em;*width:12.0106em; }
.yui-t1 #yui-main .yui-b{ margin-left:13.3207em;*margin-left:13.0106em; }

.yui-t2 .yui-b { float:left; width:13.8456em;*width:13.512em; }
.yui-t2 #yui-main .yui-b { margin-left:14.8456em;*margin-left:14.512em; }

.yui-t3 .yui-b { float:left; width:23.0759em;*width:22.52em; }
.yui-t3 #yui-main .yui-b { margin-left:24.0759em;*margin-left:23.52em; }

.yui-t4 .yui-b { float:right; width:13.8456em;*width:13.512em; }
.yui-t4 #yui-main .yui-b { margin-right:14.8456em;*margin-right:14.512em; }

.yui-t5 .yui-b { float:right; width:18.4608em;*width:18.016em; }
.yui-t5 #yui-main .yui-b { margin-right:19.4608em;*margin-right:19.016em; }

.yui-t6 .yui-b { float:right; width:23.0759em;*width:22.52em; }
.yui-t6 #yui-main .yui-b { margin-right:24.0759em;*margin-right:23.52em; }

.yui-t7 #yui-main .yui-b { display:block;margin:0 0 1em 0; }
#yui-main .yui-b {float:none;width:auto; }
/* GRIDS (not TEMPLATES) */
.yui-g .yui-u, .yui-g .yui-g, .yui-gc .yui-u, .yui-gc .yui-g .yui-u, .yui-ge .yui-u, .yui-gf .yui-u{float:right;display:inline; }
.yui-g div.first, .yui-gc div.first, .yui-gc div.first div.first, .yui-gd div.first, .yui-ge div.first, .yui-gf div.first{float:left; }
.yui-g .yui-u, .yui-g .yui-g{width:49.1%; }
.yui-g .yui-g .yui-u, .yui-gc .yui-g .yui-u {width:48.1%; }
.yui-gb .yui-u, .yui-gc .yui-u, .yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%; }
.yui-gb div.first, .yui-gc div.first, .yui-gd div.first{margin-left:0; }
.yui-gc div.first, .yui-gd .yui-u{width:66%; }
.yui-gd div.first{width:32%; }
.yui-ge .yui-u{width:24%; }
.yui-ge div.first, .yui-gf .yui-u{width:74.2%; }
.yui-gf div.first{width:24%; }
.yui-ge div.first{width:74.2%; }
#bd:after, .yui-g:after, .yui-gb:after, .yui-gc:after, .yui-gd:after, .yui-ge:after, .yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden; }
#bd, .yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf{zoom:1; }

/* KCPDC CSS */
/*
=====
teal: #0095AA
	dk variation: #036D7D
dark brown: #472101
=====
*/
body { margin:1em 0; font-family:"Trebuchet MS", Verdana, sans-serif; color:#472101; background:#0095AA; }
	html>body { background:#0095AA url('../m/clouds02.png') top left repeat-x; }
a:link, a:visited { color:#036D7D; font-weight:bold; text-decoration:none; }
a:hover, a:active { text-decoration:underline; }
.inside { padding:.4em 1.2em; }
.indent { padding:0 11px; }
#hd .inside { margin-top:16px; }
.note { font-size:14px; color:#958866; }
strong { font-weight:bold; }
em { font-style:italic; font-weight:normal; }

h1,h2,h3,h4 { letter-spacing:-1px; font-weight:bold; }
h1 { font-size:24px; margin:0 0 18px 0; }
h2 { font-size:20px; margin:18px 0; }
h3 { font-size:16px; margin:5px 0; }
p,h4,h5,h6,li { letter-spacing:0; font-size: 14px; margin-bottom:12px; line-height: 22px; }

#doc1,#doc2,#doc3 { background:#FFF none; }

#hd h1 b { display:none; color:#0095AA; font-size:197%; }
#hd h1 a { display:block; margin:0; padding:0; background:#FFF url('../m/kcpdc-final.jpg') top left no-repeat; width:162px; height:127px; float:left; position:relative; left:-12px; }
#hd img { float:left; margin-left:6px; }
#hd #campuses { margin-bottom:22px; float:right; width:724px; background:#FFF; }
#hd .one img { margin:0; }
#hd h6 { clear:both; }
#hd h6 { text-align:right; color:#D6CBB9; font-size:12px; }
#hd h6 a { color:#02AAD1; }

/* menus */
#lc { background:transparent url('../m/lc.jpg') top left no-repeat; width:6px; height:41px; float:left; }
#rc { background:transparent url('../m/rc.jpg') top left no-repeat; width:6px; height:41px; float:right; }
#mainMenu {
/*	position:relative;*/
/*	border:1px solid red;*/
	height:41px;
	background:#000 url('../m/menubar.jpg') top left repeat-x;
}


#bd .inside ul { margin-left:22px; list-style-type: disc; }
#bd .inside ol { margin-left:22px; list-style-type: decimal; }
#bd .inside li { margin-left:22px; }

#yui-main { background-color:none; }
	dl.workshop-notes, .schoolList { margin-bottom:22px; border-bottom:1px dashed #958866; padding-bottom:.8em; }
	dl.workshop-notes dd { margin-left:22px; }

.sidebar { background:#DDD2C7 none; font-size:12px; }
.sidebar .indent p { font-size:12px; line-height:14px; }


#ft { margin:2em; text-align:center; }
	#ft p { margin:.6em 0; font-size:85%; text-align:center; }
	
a.calendar { padding-left:20px; background:transparent url('../m/calendar.gif') top left no-repeat; }
a:hover.calendar { background-color:#036D7D; color:#FFF; text-decoration:none; }

.clear:after, .container:after {content: "."; display: block; height: 0; clear: both;visibility: hidden;}
* html .clear { height: 1%; }
.clear { display: block; }

/* SUPERFISH MENUS */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height: 1.0; }
.sf-menu ul { position: absolute; top: -999em; width: 12em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 41px; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 12em; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }

/*** DEMO SKIN ***/
.sf-menu { float: left; margin:0 0 1em 1em;  }
.sf-menu a.menuitem { padding:0 1em; border-left: 1px solid #056676; line-height:41px; height:41px;  }
.sf-menu a.last { border-right: 1px solid #056676; }
.sf-menu a { padding:.75em 1em; text-decoration:none; }
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/ color: #FFF; }
.sf-menu li { background: transparent none; }
.sf-menu li ul { border-bottom:2px solid #0095AA; }
.sf-menu li li { background: #FFF; border:2px solid #0095AA; border-width:0 2px 0 2px; }
.sf-menu li li a:link, .sf-menu li li a:visited { color:#222; }
.sf-menu li li a:hover, .sf-menu li li a:active { color:#FFF; }
.sf-menu li li li { background: #9AAEDB; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #036D7D; color:#FFF; outline: 0; }

/*** arrows **/
.sf-menu a.sf-with-ul { padding-right: 	2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: 	-999em; overflow: hidden; background: url('../m/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }

/*** shadows for all but IE6 ***/
.sf-shadow ul { background: url('../m/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }