* { padding: 0; margin: 0; }
html { background:#fafafa url('gfx/bg_line.gif') repeat-x left 182px; }
body { line-height:16px; color:#666; background:transparent url('gfx/bg_wrap.gif') repeat-y center top; font-size:12px; font-family:Arial, Helvetica, sans-serif; width:100%; }

/* GLOBAL */
a { color:#0098d4; text-decoration:none; font-weight:bold; }
a:hover { text-decoration:underline; }
a.external { background:url('gfx/gfx_arrowOrange.gif') no-repeat left center; padding:0 0 0 12px; }
a.link { background:url('gfx/gfx_arrowGreen.gif') no-repeat left center; padding:0 0 0 12px; }
a.print { background:url('gfx/gfx_print.gif') no-repeat left center; padding:0 0 0 15px; font-size:11px; line-height:30px; clear:both; }

p { margin-bottom:16px; }

label { display:block; }
input.text,
textarea { border:1px solid #ccc; line-height:16px; width:250px; padding:2px 3px; margin-bottom:10px; }
input.button { background:#768B95; border:1px solid #666; font-weight:bold; color:#fff; padding:3px 6px; }

h1 { color:#444; font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; font-weight:bold; line-height:1em; margin-bottom:5px; }
h2 { color:#97c00d; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:15px; font-weight:bold; line-height:1em; margin-bottom:2px; }
h3 { color:#666; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:15px; font-weight:bold; line-height:1em; margin-bottom:2px; }
h4 { color:#666; font-weight:bold; margin-top:5px; }

/* SPECIFICS */
.pageContent ul { padding:0 0 16px 16px; }
.pageContent .contentPrimary ul li,
.pageContent .contentSecondary ul li,
.pageContent .contentFull ul li  { background:url('gfx/gfx_arrowGreen.gif') no-repeat left 4px; padding:0 0 0 16px; }

/* HELPERS */
.hidden { display:none; }
.continue { float:right; }

/* STRUCTURE */
.pageWrap { width:1001px; margin:0 auto; }

.pageHeader { padding:30px 50px; }
.pageHeader a { background:url('gfx/logo_ki.png') no-repeat; display:block; width:352px; height:102px; overflow:hidden; text-indent:-9999px; }

.pageNav { background:url('gfx/bg_line.gif') repeat-x left bottom; padding:0 50px 10px; }
.pageNav ul { height:20px; }
.pageNav ul li { display:inline; }
.pageNav ul li a { background:url('gfx/bg_navOut.gif') no-repeat left center; padding:4px 0 5px 10px; color:#48555b; font-size:13px; zoom:1; }
.pageNav ul li a span { background:url('gfx/bg_navOut.gif') no-repeat right center; padding:4px 10px 5px 0; }
.pageNav ul li a:hover,
.pageNav ul li a.active,
.pageNav ul li a:hover span,
.pageNav ul li a.active span { background-image:url('gfx/bg_navOver.gif'); color:#fff; text-decoration:none; }

.pageBreadcrumbs { padding:0 50px; overflow:hidden; }
.pageBreadcrumbs ul { }
.pageBreadcrumbs ul li { display:inline; font-size:10px; }

.pageContent { padding:30px 50px; overflow:hidden; }
.pageContent.noNav { padding-left:201px; }

.pageContent .contentNav { width:150px; float:left; height:100%; }
.pageContent .contentNav ul { padding:0; border-top:1px solid #f2f2f2; }
.pageContent .contentNav ul li { list-style:none; background:#fff; zoom:1; }
.pageContent .contentNav ul li a { color:#666; display:block; padding:5px 10px; border-bottom:1px solid #f2f2f2; }
.pageContent .contentNav ul li a:hover { color:#444; text-decoration:none; }
.pageContent .contentNav ul li a.active,
.pageContent .contentNav ul li a.active:hover { color:#fff; border-bottom:none; background:#add329 url('gfx/gfx_arrowWhite.gif') no-repeat 95% center; }

.pageContent .contentPrimary { float:left; width:470px; padding:0 40px 30px; border-left:1px solid #e6e6e6; }
.pageContent.noNav .contentPrimary { border-left:none; }

.pageContent .contentFull { float:none; padding:0 0 30px; }

/* Calendar */
.calendar { width:100%; border:none !important; margin-bottom:20px; }
.calendar .calTitle td { background:#fff !important; color:#666; font-weight:bold; }
.calendar .calTitle .prevMonth { background:url('gfx/gfx_arrowBluePrev.gif') no-repeat left top; display:block; width:0; padding:0 7px 0 0; height:10px; color:#fff; overflow:hidden; line-height:10px; text-indent:-9999px; cursor:pointer; }
.calendar .calTitle .nextMonth { background:url('gfx/gfx_arrowBlueNext.gif') no-repeat right top; display:block; width:0; padding:0 7px 0 0; height:10px; color:#fff; overflow:hidden; line-height:10px; text-indent:-9999px; cursor:pointer; }

.calendar .calWeekDay { background:#96bf0e !important; }
.calendar td { color:#666 !important; font-weight:normal; height:24px; background:#f7f7f7; }
.calendar td a { display:block; padding:4px; color:#666 !important; font-weight:normal; }
.calendar th.calWeekDay { color:#fff; font-weight:bold; padding:4px; text-align:center; }

.calendar td.calWithEvent a { color:#444 !important; font-weight:bold; background:#dde8b9; }
.calendar td.calOtherMonth { color:#b3b3b3 !important; }

.calendar .calWithEvent.calOtherMonth a { color:#999 !important; background:#f7f7f7 !important; }
.calendar td.dateStyleSelected a { color:#444 !important; font-weight:bold; background:#b8cc78; }

.calendar td.calSelected a {  }


/* events */
.event { padding:10px 0; float:left;  }
.event .eventHeader { margin-bottom:10px; overflow:hidden; background:url('gfx/bg_eventDate.gif') repeat-y left top; padding:0 0 0 110px; position:relative; min-height:37px; }
.event .eventHeader .date { display:block; color:#fff; padding:10px 15px; font-weight:bold; left:0; position:absolute; top:0; }
.event .eventHeader h1 { font-size:20px; margin-bottom:0; }

.eventList { overflow:hidden; }
.eventList .event { border-bottom:1px solid #f2f2f2; width:100%; }

/* event details */
.event.details { padding-top:0; }
.event.details .eventHeader h1 { font-size:25px; }

/* Secondary content */
.pageContent .contentSecondary { float:left; width:200px; }
.secondaryArea { padding:15px; margin:0 0 20px 0; }
.secondaryArea.green { background:#ebf1d9; }
.secondaryArea.grey { background:#f7f7f7; }
.secondaryArea ul { padding-left:0; }

/* startpage */	
.contentFull .startFirst { overflow:hidden; margin-bottom:20px; }
.contentFull .startFirst .event { width:420px; padding-right:30px; border:none; }
.contentFull .startFirst .event .eventHeader h1 { font-size:25px; }
.contentFull .startFirst .event .eventHeader .date {  }
.contentFull .startFirst .secondaryArea { width:420px; float:left; }

.contentFull .eventList { border-top:1px solid #ccc; border-bottom:1px solid #ccc; overflow:hidden; padding:20px 0; }
.contentFull .eventList .event { width:420px; padding-right:30px; border:none; height:110px; }

/* footer */
.pageFooter { border-top:1px solid #ccc; margin:20px 50px 0; overflow:hidden; clear:both; zoom:1; }
.pageFooter .footerLeft { float:left; padding:10px; }
.pageFooter .footerRight { float:right; background:#f7f7f7; padding:10px; }
.pageFooter .footerRight a { margin:0 10px; }


.calendar td.boldtext a { color:#444 !important; font-weight:bold; text-decoration:underline; }
.calendar .calWithEvent a { font-weight:bold; }