From: Terran McCanna <tmccanna@georgialibraries.org>
Date: Mon, 30 Sep 2013 19:28:08 +0000 (-0400)
Subject: PINES customization of KPAC - beta ready for testing
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=69cb5835a573b0fcacea517bb55a3811811ac5c3;p=working%2FEvergreen.git

PINES customization of KPAC - beta ready for testing
---

diff --git a/Open-ILS/examples/kpac.xml b/Open-ILS/examples/kpac.xml
index 23a0753eb0..8135ab85bd 100644
--- a/Open-ILS/examples/kpac.xml
+++ b/Open-ILS/examples/kpac.xml
@@ -27,21 +27,23 @@
             <cell type="topic">10</cell>
             <cell type="topic">12</cell>
             <cell type="topic">11</cell>
-            <cell name="Dewey Categories" img="cat-dewey.png" type="link">dewey</cell>
+            <cell name="Dewey Categories" img="cat-dewey.png" type="link">homedewey</cell>
         </page>
 
 
 
         <!-- topic pages -->
 
-        <page id="10" columns="3" name="Vehicles" img="cat-truck.png" >
-            <cell name="Cars &amp; Trucks" img="cat-truck.png" type="search">kw:car || kw:truck || kw:automobile</cell>
+        <page id="10" columns="2" name="Transportation" img="cat-truck.png" >
+            <cell name="Cars &amp; Trucks" img="cat-car.png" type="search">kw:car || kw:truck || kw:automobile</cell>
             <cell name="Planes" img="cat-plane.png" type="search">kw:airplane</cell>
             <cell name="Trains" img="cat-train.png" type="search">kw:train</cell>
             <cell name="Tractors &amp; Construction" img="cat-tractor.png" type="search">kw:tractor || kw:construction</cell>
+            <cell name="Boats" img="cat-boat.png" type="search">kw:boat || kw:ship</cell>
+            <cell name="Military" img="cat-military.png" type="search">kw:tank || kw:submarine || kw:aircraft carrier</cell>
         </page> 
 
-        <page id="11" columns="3" name="Award-Winners" img="cat-caldecott.png" >
+        <page id="11" columns="2" name="Award-Winners" img="cat-caldecott.png" >
              <cell name="Caldecott Medal" img="cat-caldecott.png" type="link">https://gapines.org/eg/kpac/results?bookbag=153202;page=0;locg=1;depth=0</cell>
              <cell name="Coretta Scott King" img="cat-king.png" type="link">https://gapines.org/eg/kpac/results?bookbag=153204;page=0;locg=1;depth=0</cell>
              <cell name="Geisel Award" img="cat-geisel.png" type="link">https://gapines.org/eg/kpac/results?bookbag=153203;page=0;locg=1;depth=0</cell>
@@ -53,7 +55,7 @@
 
         </page>
 
-        <page id="12" columns="3" name="Early Learning" img="cat-123.png">
+        <page id="12" columns="2" name="Early Learning" img="cat-123.png">
              <cell name="ABCs" img="cat-abc.png" type="link">?</cell>
              <cell name="Counting" img="cat-123.png" type="link">?</cell>
              <cell name="Colors" img="cat-colors.png" type="link">?</cell>
diff --git a/Open-ILS/examples/web/css/skin/kpac2/kpac/style.css b/Open-ILS/examples/web/css/skin/kpac2/kpac/style.css
index e3b7209f5d..f8b5bd5a5e 100755
--- a/Open-ILS/examples/web/css/skin/kpac2/kpac/style.css
+++ b/Open-ILS/examples/web/css/skin/kpac2/kpac/style.css
@@ -1,1081 +1,1074 @@
-@charset "utf-8";
-
-@font-face {
-    font-family: 'Cabin';
-    src: url('fonts/Cabin-Regular.eot');
-    src: url('fonts/Cabin-Regular.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Cabin-Regular.woff') format('woff'),
-         url('fonts/Cabin-Regular.ttf') format('truetype'),
-         url('fonts/Cabin-Regular.svg#webfont8iYScu0S') format('svg');
-}
-
-@font-face {
-    font-family: 'Cabin-Semibold';
-    src: url('fonts/Cabin-SemiBold.eot');
-    src: url('fonts/Cabin-SemiBold.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Cabin-SemiBold.woff') format('woff'),
-         url('fonts/Cabin-SemiBold.ttf') format('truetype'),
-         url('fonts/Cabin-SemiBold.svg#webfont8iYScu0S') format('svg');
-}
-
-@font-face {
-    font-family: 'Kreon';
-    src: url('fonts/Kreon.eot');
-    src: url('fonts/Kreon.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Kreon.woff') format('woff'),
-         url('fonts/Kreon.ttf') format('truetype'),
-         url('fonts/Kreon.svg#webfont8iYScu0S') format('svg');
-}
-
-body {
-	font-family:'Cabin', Arial;
-	font-size:12px;
-	margin:0;
-	padding:0;
-	border:0;
-	color:#424242;
-}
-
-a img { border:0; }
-
-a {
-	text-decoration:none;
-	cursor:pointer;
-	color:#b53ea6;
-}
-
-h1, h2, h3 {
-	font-weight:normal;
-	text-transform:uppercase;
-	margin:0;
-	font-family: 'Kreon';
-}
-
-h1 {
-	font-size:52px;
-}
-
-h2 {
-	font-size:48px;
-}
-
-h3 {
-	color:#989898;
-	font-size:18px;
-	text-transform:none;
-}
-
-select {
-	font-size:14px;
-	border:1px solid #d0d0d0;
-	color:#424242;
-}
-
-input[type=radio] {
-	margin:0;
-	padding:0;
-}
-
-input[type=text], input[type=password], textarea {
-	border:1px solid #d0d0d0;
-	font-family:'Cabin', Arial;
-	color:#424242;
-	margin:0;
-	resize:none;
-}
-
-.main_center {
-	width:956px;
-	margin:auto;
-	padding-bottom:20px;
-	padding-top:10px;
-}
-
-.main_header_wrapper {
-	width:956px;
-	height:50px;
-	padding-top:10px;
-	overflow:hidden;
-}
-
-.logo_wrapper {
-	float:left;
-}
-
-.logo_left, .logo_right {
-	display:block;
-	width:16px;
-	height:71px;
-	overflow:hidden;
-	float:left;
-}
-
-.logo_right {
-}
-
-.logo_middle {
-	display:block;
-	float:left;
-	padding:6px 14px 0px 26px;
-}
-
-.header_menu {
-	margin-right:29px;
-	font-family:Arial;
-}
-
-.header_menu a {
-	display:block;
-	float:right;
-	color:#8e8e8e;
-	margin-left:5px;
-}
-
-.header_menu a:hover {
-	color:#b53ea6;
-}
-
-.banner_wrapper {
-	height:352px;
-	position:relative;
-	z-index:1;
-}
-
-.hp_banner_bgl {
-	background:url('/images/kpac/hp_banner_bgl.png') repeat-x bottom right;
-}
-
-.hp_banner_bgr {
-	background:url('/images/kpac/hp_banner_bgr.png') repeat-x bottom left;
-}
-
-.hp_banner_content {
-	width:902px;
-	background:url('/images/kpac/hp_banner.png') repeat-x bottom left;
-}
-
-.hp_search_main {
-	padding-top:197px;
-	padding-left:16px;
-}
-
-.hp_search_box_wrapper {
-	padding-bottom:5px;
-	padding-right:10px;
-}
-
-.hp_search_box {
-	border:none !important;
-	font-size:18px;
-	padding: 8px 5px 7px 5px;
-	width:304px;
-}
-
-.hp_search_st {
-	font-size:18px;
-	text-transform:uppercase;
-	color:white;
-	font-family: 'Kreon';
-}
-
-.hp_search_st .st_radio_btn {
-	background:#303030;
-	padding:7px 6px 9px 10px;
-}
-
-.hp_search_st .st_radio_btn input[type=radio] {
-	overflow:hidden;
-	width:15px;
-}
-
-.hp_search_st .st_label {
-	background:#303030;
-	padding-right:17px;
-}
-
-.main_wrapper {
-	width:956px;
-	overflow:hidden;
-}
-
-.main_top_shadow, .main_bottom_shadow, .main_top_shadow_sub {
-	width:956px;
-	height:8px;
-	overflow:hidden;
-}
-
-.main_top_shadow_sub {
-	height:69px;
-}
-
-.main_tl_corner, .main_bl_corner {
-	width:8px;
-	height:8px;
-	overflow:hidden;
-	background:url('/images/kpac/main_tl_corner.png') no-repeat;
-	float:left;
-}
-
-.main_bl_corner {
-	background:url('/images/kpac/main_bl_corner.png') no-repeat;
-}
-
-.main_tr_corner, .main_br_corner {
-	width:8px;
-	height:8px;
-	overflow:hidden;
-	background:url('/images/kpac/main_tr_corner.png') no-repeat;
-	float:right;
-}
-
-.main_br_corner {
-	background:url('/images/kpac/main_br_corner.png') no-repeat;
-}
-
-.main_mid_top, .main_mid_bottom {
-	width:940px;
-	height:8px;
-	overflow:hidden;
-	float:left;
-	background:url('/images/kpac/main_top_bg.png') repeat-x;
-}
-
-.main_mid_bottom_sub {
-	width:956px;
-	height:8px;
-	overflow:hidden;
-	background:url('/images/kpac/main_bottom_bg_sub.png') no-repeat;
-}
-
-.main_mid_top_sub {
-	width:3000px;
-	height:69px;
-	overflow:hidden;
-	background:url('/images/kpac/main_top_bg_sub.png') no-repeat;
-}
-
-.main_mid_bottom {
-	background:url('/images/kpac/main_bottom_bg.png') repeat-x;
-}
-
-.main_left_shadow {
-	background:url('/images/kpac/main_left_shadow.png') repeat-y;
-}
-
-.main_right_shadow {
-	background:url('/images/kpac/main_right_shadow.png') repeat-y;
-}
-
-.main_inside_cell {
-	background: white;
-}
-
-.main_content_wrapper {
-	width:684px;
-	overflow:hidden;
-}
-
-/*
-.main_content_wrapper a {
-	padding:0 2px;
-	color:#b53ea6;
-}
-
-.main_content_wrapper a:hover {
-	background:#b53ea6;
-	color:white;
-}
-*/
-
-.sub_search_category .search_category {
-	width:216px;
-}
-
-.search_wrapper {
-	text-align:center;
-	width:950px;
-	background:url('/images/kpac/search_bg.png') no-repeat bottom;
-}
-
-.search_wrapper h1 {
-	margin-top:23px;
-}
-
-.search_box_wrapper {
-	margin-top:15px;
-	padding-bottom:37px;
-}
-
-.search_box_wrapper label {
-	font-size:20px;
-	font-weight:bold;
-	color:#74d514;
-	margin:0;
-	padding:0;
-}
-
-.search_box_wrapper .st_radio_btn {
-	padding-right:4px;
-}
-
-.search_box_wrapper .st_label {
-	padding-right:24px;
-}
-
-.search_box {
-	width:304px;
-	height:17px;
-	font-size:14px;
-	padding:10px;
-	font-weight:bold;
-	margin-right:6px !important;
-}
-
-.st_author_box {
-	padding-right:15px !important;
-}
-
-.category_wrapper {
-	margin-left:24px;
-}
-
-.c_header_image, .c_header_image2 {
-	margin-top:10px;
-	margin-bottom:10px;
-}
-
-.c_header_image2 {
-	font-size:20px;
-	color:#74d514;
-}
-
-.c_header_hp_or {
-	color:#323232;
-	text-transform:uppercase;
-}
-
-.main_category_table td {
-	padding-right:13px;
-	padding-bottom:11px;
-}
-
-.main_category_table td a {
-	display:block;
-	width:168px;
-	height:144px;
-	border:1px solid #d0d0d0;
-	font-size:16px;
-	color:white;
-	overflow:hidden;
-	white-space:nowrap;
-}
-
-.main_category_table td a span {
-	display:block;
-	width:168px;
-	height:29px;
-	background:#b53ea6;
-	overflow:hidden;
-	text-align:center;
-	padding-top:8px;
-}
-
-.footer_wrapper {
-	font-size:11px;
-	font-family:Arial;
-	margin-left:26px;
-}
-
-.footer_wrapper a {
-	display:block;
-	float:left;
-	color:#666;
-	padding:7px 15px 7px 0px;
-}
-
-.footer_wrapper a:hover {
-	color:#b53ea6;
-}
-
-.sub_sidebar {
-	background:#e3e3e3 url('/images/kpac/sub_side_bg.png') repeat-y;
-	border-top:1px solid #eee;
-}
-
-.sub_sidebar_inner {
-	width:216px;
-	overflow:hidden;
-	margin:26px 25px 0px 25px;
-}
-
-.sub_sidebar_header {
-	color:#424242;
-	font-size:18px;
-	text-transform:uppercase;
-	margin-bottom:7px;
-	font-family: 'Kreon';
-}
-
-.sub_sidebar_search_box,
-.item_detail_rating .review_box_body .input_boxes input[type=text],
-.checkout_box .box_inside .text_box {
-	width:198px;
-	font-size:14px;
-	padding:11px 8px 11px 8px;
-}
-
-.sub_sidebar_search_wrapper {
-	margin-bottom:4px;
-}
-
-.sub_sidebar_search_st {
-	font-size:14px;
-	color:white;
-	font-family: 'Kreon';
-}
-
-.sub_sidebar_search_st .st_radio_btn {
-	background:#9e9e9e;
-	padding:6px 4px 7px 7px;
-}
-
-.sub_sidebar_search_st .st_radio_btn input[type=radio] {
-	overflow:hidden;
-	width:15px;
-}
-
-.sub_sidebar_search_st .st_label {
-	background:#9e9e9e;
-	padding-right:10px;
-}
-
-.st_radio_spacer div {
-	width:4px;
-}
-
-.breadcrumb {
-	margin-top:11px;
-	margin-left:3px;
-}
-
-.breadcrumb a, .breadcrumb .bread_last {
-	display:block;
-	float:left;
-	background:#74d514;
-	font-family:'Cabin-Semibold', 'Cabin', Arial;
-	color:white;
-	font-size:11px;
-	text-transform:uppercase;
-	padding:18px 10px 18px 15px;
-	height:14px;
-}
-
-.breadcrumb .bread_last {
-	display:block;
-	background:#b9b9b9;
-	padding-right:15px;
-}
-
-.breadcrumb .bread_green_mid, .breadcrumb .bread_green_last {
-	float:left;
-	width:27px;
-	height:50px;
-	overflow:hidden;
-	background:url('/images/kpac/bread_green_mid.png') no-repeat;
-}
-
-.breadcrumb .bread_green_last {
-	background:url('/images/kpac/bread_green_last.png') no-repeat;
-}
-
-.breadcrumb .bread_home {
-	padding:7px 4px 7px 8px;
-	height:36px;
-}
-
-.item_detail_header {
-	padding-left:23px;
-	padding-top:28px;
-	margin-bottom:20px;
-}
-
-.item_detail_image {
-	float:left;
-	padding-top:3px;
-	width:169px;
-	overflow:hidden;
-}
-
-.item_detail_image a img {
-	border:1px solid #d0d0d0;
-}
-
-.item_detail_info {
-	float:left;
-	width:321px;
-	padding-left:18px;
-}
-
-.item_detail_name {
-	font-size:18px;
-	color:#b53ea6;
-	padding-bottom:2px;
-}
-
-.item_detail_author {
-	padding-bottom:14px;
-	color:#878787;
-	font-size:14px;
-}
-
-.item_icon_wrapper {
-	width:80px;
-	height:106px;
-	overflow:hidden;
-	float:left;
-}
-
-.item_icon {
-	width:80px;
-	height:80px;
-	background:url('/images/kpac/icon_bg.png') no-repeat;
-	text-align:center;
-	overflow:hidden;
-	line-height:80px;
-}
-
-.item_icon img {
-	vertical-align:middle;
-	position:relative;
-	top:-1px;
-}
-
-.item_icon_type_text {
-	width:80px;
-	height:24px;
-	text-align:center;
-	overflow:hidden;
-	display:table-cell;
-	vertical-align:middle;
-	line-height:12px;
-}
-
-.item_detail_rate_wrapper {
-	float:left;
-	padding-left:20px;
-}
-
-.item_detail_rate_starts {
-	float:left;
-	border-right:1px solid #e4e5e5;
-	padding-right:10px;
-	margin-right:10px;
-	margin-bottom:7px;
-}
-
-.item_detail_rate_link {
-	float:left;
-	font-size:14px;
-}
-
-.item_detail_callnumber {
-	margin-bottom:4px;
-}
-
-.item_detail_header_buttons {
-	float:right;
-	margin-top:3px;
-	margin-right:23px;
-	text-align:right;
-}
-
-.item_detail_getit_btn {
-	margin-bottom:10px;
-}
-
-.item_location_table td {
-	padding-top:7px;
-	padding-bottom:7px;
-}
-
-.item_location_table .header td {
-	font-size:14px;
-	font-weight:bold;
-	text-transform:uppercase;
-	border-bottom:1px solid #e3e3e3;
-	padding-top:14px;
-	padding-bottom:12px;
-}
-
-.item_location_table td.location {
-	width:142px;
-	padding-left:43px;
-}
-
-.item_location_table td.loc_info {
-	width:148px;
-}
-
-.item_location_table td.status {
-	width:138px;
-}
-
-.item_location_table td.callnumber {
-	width:213px;
-}
-
-.item_location_table .gray td {
-	background:#f2f2f2;
-}
-
-.item_detail_desc {
-	font-size:14px;
-	line-height:22px;
-	padding:11px 23px;
-}
-
-.item_detail_desc p {
-	margin:0;
-	margin-bottom:10px;
-}
-
-.item_detail_desc a {
-	padding:0px 2px;
-}
-
-.item_detail_desc a:hover {
-	color:white;
-	background:#b53ea6;
-}
-
-.item_detail_extras_tabs {
-	padding-top:15px;
-	padding-left:23px;
-	width:3000px;
-	background:#e3e3e3;
-}
-
-.item_detail_extras_tabs a,
-.item_detail_extras_tabs div.selected {
-	display:block;
-	float:left;
-	padding:14px 35px;
-	background:#b53ea6;
-	color:white;
-	font-size:14px;
-	margin-right:10px;
-}
-
-.item_detail_extras_tabs a.selected,
-.item_detail_extras_tabs div.selected {
-	background:white;
-	color:#424242;
-}
-
-.item_detail_rating_top {
-	font-size:14px;
-	border-bottom:1px solid #e3e3e3;
-	padding-left:23px;
-}
-
-.item_avg_rate_table {
-	margin:11px 0;
-}
-
-.item_avg_rate_table .avg_rate {
-	padding-right:10px;
-	border-right:1px solid #e3e3e3;
-}
-
-.item_avg_rate_table .stars {
-	padding-left:10px;
-}
-
-.item_avg_rate_table .total_rates {
-	padding-left:10px;
-}
-
-.item_detail_rating {
-	width:638px;
-	padding:15px 23px 25px 23px;
-	overflow:hidden;
-	border-bottom:1px solid #e3e3e3;
-}
-
-.item_detail_rating .review_box_top {
-	width:638px;
-	height:9px;
-	overflow:hidden;
-	background:url('/images/kpac/reviews_top.png') no-repeat;
-}
-
-.item_detail_rating .review_box_body {
-	background:#e3e3e3;
-	padding:1px 25px 0px 25px;
-}
-
-.item_detail_rating .review_box_body .input_boxes {
-	padding-bottom:15px;
-}
-
-.item_detail_rating .review_box_body .input_boxes .review_email_cell {
-	padding-left:10px;
-}
-
-.item_detail_rating .review_box_body .input_boxes .rating_msg_box {
-	font-size:11px;
-	color:#9a9a9a;
-	padding-left:12px;
-}
-
-.item_detail_rating2 {
-	font-size:14px;
-	padding:7px 0px;
-	border-top:1px solid #c4c2c2;
-	border-bottom:1px solid #c4c2c2;
-	margin-bottom:15px;
-}
-
-.item_avg_rate_table2 .rate {
-	padding-right:10px;
-}
-
-.item_avg_rate_table2 .stars {
-	padding:0px 10px;
-	border-left:1px solid #c4c2c2;
-	border-right:1px solid #c4c2c2;
-}
-
-.item_avg_rate_table2 .scale {
-	padding-left:10px;
-	color:#9a9a9a;
-}
-
-.item_detail_rating .review_box_body .review_comment_box {
-	margin-bottom:20px;
-}
-
-.item_detail_rating
-  .review_box_body
-    .review_comment_box
-	  .review_comment {
-	width:578px;
-	height:87px;
-	padding-left:7px;
-	padding-top:9px;
-	font-size:14px;
-}
-
-.item_detail_rating .review_submit_box {
-	padding-top:5px;
-}
-
-.sub_navigation1, .sub_navigation3 {
-	padding:25px 23px 20px 23px;
-}
-
-.sub_navigation2 {
-	padding:0px 23px 25px 23px;
-	border-bottom:1px solid #e3e3e3;
-}
-
-.sub_navigation1 .nav_mid_bg,
-.sub_navigation2 .nav_mid_bg,
-.sub_navigation3 .nav_mid_bg {
-	background:#eaeaea;
-	text-align:center;
-	font-size:14px;
-	font-family: 'Kreon';
-}
-
-
-.sub_navigation1 .nav_mid_bg .current_page,
-.sub_navigation2 .nav_mid_bg .current_page,
-.sub_navigation3 .nav_mid_bg .current_page {
-	font-size:24px;
-	color:#b53ea6;
-	padding:0px 12px;
-}
-
-.sub_navigation1 .nav_mid_bg .total_pages,
-.sub_navigation2 .nav_mid_bg .total_pages,
-.sub_navigation3 .nav_mid_bg .total_pages {
-	font-size:24px;
-	padding-left:12px;
-}
-
-
-.sub_navigation1 .to_top_btn,
-.sub_navigation3 .to_top_btn {
-	padding-left:19px;
-}
-
-.sub_navigation2.checkout {
-	padding-top:25px;
-	border-bottom:none;
-}
-
-.search_results {
-	padding:17px 23px 20px 23px;
-	border-bottom:1px solid #e3e3e3;
-}
-
-.search_results .item_icon_wrapper {
-	padding-top:3px;
-}
-
-.search_results .item_detail_info {
-	width:370px;
-}
-
-.search_results .item_detail_info .item_detail_author {
-	padding-bottom:6px;
-}
-
-.search_results .item_detail_info .item_detail_actions {
-	padding-top:28px;
-}
-
-.search_results
-  .item_detail_info
-    .item_detail_actions
-	  .button {
-	float:left;
-	padding-right:5px;
-}
-
-.checkout_options {
-	border-bottom:1px solid #e3e3e3;
-	font-size:14px;
-}
-
-.checkout_options .left_brain {
-	width:294px;
-	overflow:hidden;
-	padding:11px 25px 25px 23px;
-}
-
-.checkout_options .left_brain_cell {
-	border-right:1px solid #e3e3e3;
-}
-
-.checkout_options .right_brain {
-	width:294px;
-	overflow:hidden;
-	padding:11px 23px 25px 25px;
-}
-
-.checkout_options p {
-	margin:0;
-}
-
-.checkout_options .top_side {
-	text-align:center;
-	padding-bottom:15px;
-}
-
-.checkout_options .submit_btn {
-	
-}
-
-.checkout_box {
-	padding-bottom:5px;
-}
-
-.checkout_box .box1_top {
-	width:294px;
-	height:9px;
-	font-size:0px;
-	overflow:hidden;
-	background:url('/images/kpac/box1_top.png') no-repeat;
-}
-
-.checkout_box .box_inside {
-	background:#e3e3e3;
-	padding:7px 25px 20px 25px;
-}
-
-.checkout_box .box_inside p {
-	margin-bottom:5px;
-}
-
-.checkout_box .box_inside .input_box {
-	float:left;
-}
-
-.checkout_box .box_inside .help_btn {
-	float:right;
-	display:block;
-	
-	/* IE7 star hack */
-	*position:relative;
-	*top:1px;
-}
-
-.checkout_box .box_inside .text_box {
-	padding-bottom:10px;
-}
-
-.checkout_box .box_inside .pickup_lib select {
-	width:244px;
-}
-
-.checkout_item_pad {
-	padding-top:30px;
-}
-
-.checkout_res_body {
-	font-size:18px;
-	text-align:center;
-	line-height:30px;
-}
-
-.checkout_res_back {
-	font-size:11px;
-	font-family:'Cabin-Semibold', 'Cabin', Arial;
-	text-transform:uppercase;
-	white-space:nowrap;
-	color:white;
-	background:#74d514;
-	padding:18px 28px 18px 0px;
-	display:block;
-	overflow:hidden;
-	height:14px;
-}
-
-.sub_cat_wrapper {
-	padding:13px 0px 13px 75px;
-	border-bottom:1px solid #e3e3e3;
-}
-
-.center_me {
-	width:956px;
-	margin:auto;
-}
-
-.hp_reposition {
-	position:relative;
-	top:-46px;
-}
-
-.sub_header2 {
-	text-align:center;
-	margin-top:20px;
-	margin-bottom:9px;
-}
-
-.sub_header {
-	font-size:14px;
-	background:#e3e3e3;
-	padding:8px 23px;
-}
-
-.clear {
-	clear:both;
-	font-size:0px;
-	line-height:0px;
-	/* background:green; -   for debugging */
-	
-	/* IE7 has a problem with these
-	height:0px;
-	overflow:hidden;
-	*/
-}
-
-div.hr {
-	margin: 12px 0;
-	background:#c4c2c2;
-	height:1px;
-	overflow:hidden;
-}
-
-.popup_wrapper {
-	position:absolute;
-}
-
-.popup_wrapper .popup_wrapper_inner {
-	position:relative;
-	display:none;
-	top:0px;
-	left:0px;
-}
-
-.popup_wrapper .popup_mid {
-	background:white;
-}
-
-.popup_wrapper .popup_content {
-	margin-right:-20px;
-	margin-bottom:-20px;
-	position:relative;
-	top:-10px;
-	left:-10px;
-	padding:2px;
-	overflow:hidden;
-	font-size:14px;
-}
-
-.popup_wrapper .popup_arrow_bm {
-	position:relative;
-	top:-3px;
-}
-
-.popup_wrapper .popup_tl {
-	width:13px;
-	height:13px;
-	background:url('/images/kpac/popup_tl.png') no-repeat;
-}
-
-.popup_wrapper .popup_tm {
-	background:url('/images/kpac/popup_tm.png') repeat-x;
-}
-
-.popup_wrapper .popup_tr {
-	width:13px;
-	height:13px;
-	background:url('/images/kpac/popup_tr.png') no-repeat;
-}
-
-.popup_wrapper .popup_lm {
-	background:url('/images/kpac/popup_lm.png') repeat-y;
-}
-
-.popup_wrapper .popup_rm {
-	background:url('/images/kpac/popup_rm.png') repeat-y;
-}
-
-.popup_wrapper .popup_bl {
-	width:13px;
-	height:13px;
-	background:url('/images/kpac/popup_bl.png') no-repeat;
-}
-
-.popup_wrapper .popup_bm {
-	background:url('/images/kpac/popup_bm.png') repeat-x;
-}
-
-.popup_wrapper .popup_br {
-	width:13px;
-	height:13px;
-	background:url('/images/kpac/popup_br.png') no-repeat;
-}
-
-.invisible {
-    visibility : hidden;
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+@charset "utf-8";
+
+@font-face {
+    font-family: 'Cabin';
+    src: url('fonts/Cabin-Regular.eot');
+    src: url('fonts/Cabin-Regular.eot?#iefix') format('embedded-opentype'),
+         url('fonts/Cabin-Regular.woff') format('woff'),
+         url('fonts/Cabin-Regular.ttf') format('truetype'),
+         url('fonts/Cabin-Regular.svg#webfont8iYScu0S') format('svg');
+}
+
+@font-face {
+    font-family: 'Cabin-Semibold';
+    src: url('fonts/Cabin-SemiBold.eot');
+    src: url('fonts/Cabin-SemiBold.eot?#iefix') format('embedded-opentype'),
+         url('fonts/Cabin-SemiBold.woff') format('woff'),
+         url('fonts/Cabin-SemiBold.ttf') format('truetype'),
+         url('fonts/Cabin-SemiBold.svg#webfont8iYScu0S') format('svg');
+}
+
+body {
+	font-family:'Cabin', Arial;
+	font-size:12px;
+	background: #e0f1fb;
+	margin:0;
+	padding:0;
+	border:0;
+	color:#424242;
+}
+
+a img { border:0; }
+
+a {
+	text-decoration:none;
+	cursor:pointer;
+	color:#0098f9;
+}
+
+h1, h2, h3 {
+	font-weight:normal;
+	text-transform:uppercase;
+	margin:0;
+}
+
+h1 {
+	font-size:45px;
+}
+
+h2 {
+	font-size:40px;
+}
+
+h3 {
+	color:#777777;
+	font-size:18px;
+	text-transform:none;
+}
+
+select {
+	font-size:14px;
+	border:1px solid #d0d0d0;
+	color:#424242;
+}
+
+input[type=radio] {
+	margin:0;
+	padding:0;
+}
+
+input[type=text], input[type=password], textarea {
+	border:1px solid #d0d0d0;
+	font-family:'Cabin', Arial;
+	color:#424242;
+	margin:0;
+	resize:none;
+}
+
+.main_center {
+	width:956px;
+	margin:auto;
+	padding-bottom:20px;
+	padding-top:17px;
+}
+
+.main_header_wrapper {
+	width:950px;
+	height:440px;
+	position:relative;
+	top:5px;
+	overflow:hidden;     
+	background:url('/images/kpac/KPAC_Main_Graphic.jpg') no-repeat bottom; 
+	font-size:14px;
+}
+
+
+.logo_wrapper {
+	float:left;
+	text-align:center;
+}
+
+.logo_wrapper a {
+	color:#777777;
+}
+
+.logo_wrapper a:hover {
+	color:#b53ea6;
+}
+
+.logo {
+	padding:10px 0px 3px 0px;
+}
+
+.header_utils {
+	font-family:Arial;
+}
+
+.header_utils a {
+	color:#8e8e8e;
+	display:block;
+	float:left;
+	margin-top:19px;
+	padding:17px 8px 15px 8px;
+}
+
+.header_utils a:hover {
+	color:#b53ea6;
+}
+
+.text_size_btn {
+	margin-left:2px;
+	padding:15px 8px 11px 9px !important;
+}
+
+.text_size_btn span {
+	position:relative;
+	top:-4px;
+}
+
+.print_btn {
+	padding:12px 9px 9px 9px !important;
+}
+
+.print_btn span {
+	position:relative;
+	top:-6px;
+}
+
+.header_menu {
+}
+
+.header_menu a {
+	display:block;
+	float:right;
+	color:#777777;
+	padding:17px 8px 15px 8px;
+}
+
+.header_menu a:hover {
+	color:#b53ea6;
+}
+
+.main_wrapper {
+	width:956px;
+	overflow:hidden;
+}
+
+.main_top_shadow, .main_bottom_shadow, .main_top_shadow_sub {
+	width:956px;
+	height:8px;
+	overflow:hidden;
+}
+
+.main_top_shadow_sub {
+	height:69px;
+}
+
+.main_tl_corner, .main_bl_corner {
+	width:8px;
+	height:8px;
+	overflow:hidden;
+	background:url('/images/kpac/main_tl_corner.png') no-repeat;
+	float:left;
+}
+
+.main_bl_corner {
+	background:url('/images/kpac/main_bl_corner.png') no-repeat;
+}
+
+.main_tr_corner, .main_br_corner {
+	width:8px;
+	height:8px;
+	overflow:hidden;
+	background:url('/images/kpac/main_tr_corner.png') no-repeat;
+	float:right;
+}
+
+.main_br_corner {
+	background:url('/images/kpac/main_br_corner.png') no-repeat;
+}
+
+.main_mid_top, .main_mid_bottom {
+	width:940px;
+	height:8px;
+	overflow:hidden;
+	float:left;
+	background:url('/images/kpac/main_top_bg.png') repeat-x;
+}
+
+.main_mid_bottom_sub {
+	width:956px;
+	height:8px;
+	overflow:hidden;
+	background:url('/images/kpac/main_bottom_bg_sub.png') no-repeat;
+}
+
+.main_mid_top_sub {
+	width:3000px;
+	height:69px;
+	overflow:hidden;
+}
+
+.main_mid_bottom {
+	background:url('/images/kpac/main_bottom_bg.png') repeat-x;
+}
+
+.main_left_shadow {
+	background:url('/images/kpac/main_left_shadow.png') repeat-y;
+}
+
+.main_right_shadow {
+	background:url('/images/kpac/main_right_shadow.png') repeat-y;
+}
+
+.main_inside_cell {
+	background: white;
+}
+
+.main_content_wrapper {
+	width:684px;
+	overflow:hidden;
+}
+
+/*
+.main_content_wrapper a {
+	padding:0 2px;
+	color:#0098f9;
+}
+
+.main_content_wrapper a:hover {
+	background:#b53ea6;
+	color:white;
+}
+*/
+
+.sub_search_category .search_category {
+	width:216px;
+}
+
+.search_wrapper {
+	text-align:center;
+	width:950px;
+       margin-top:190px;
+}
+
+.search_wrapper h1 {
+	margin-top:23px;
+}
+
+.search_box_wrapper {
+	margin-top:15px;
+	padding-bottom:37px;
+}
+
+.search_box_wrapper label {
+	font-size:20px;
+	font-weight:bold;
+	color:#38c500;
+	margin:0;
+	padding:0;
+}
+
+.search_box_wrapper .st_radio_btn {
+	padding-right:4px;
+}
+
+.search_box_wrapper .st_label {
+	padding-right:24px;
+}
+
+.search_box {
+	width:304px;
+	height:17px;
+	font-size:14px;
+	padding:10px;
+	font-weight:bold;
+	margin-right:6px !important;
+}
+
+.st_author_box {
+	padding-right:15px !important;
+}
+
+.category_wrapper {
+	margin-left:24px;
+	padding-bottom:10px;
+}
+
+.c_header_image {
+	margin-top:10px;
+	margin-bottom:10px;
+}
+
+.main_category_table td {
+	padding-right:75px;
+	padding-bottom:20px;
+}
+
+.main_category_table td a {
+	display:block;
+	width:168px;
+	height:144px;
+	border:none;
+	font-size:16px;
+	color:white;
+	overflow:hidden;
+	white-space:nowrap;
+}
+
+.main_category_table td a span {
+	display:block;
+	width:168px;
+	height:29px;
+	background:#0098f9;
+	overflow:hidden;
+	text-align:center;
+	padding-top:8px;
+}
+
+.footer_wrapper {
+	position:absolute;
+	bottom:-50;
+	width:100%;
+	height:60px;
+	background:#000;
+	font-size:13px;
+	color:#fff;
+	padding:20px 0px 0px 20px;
+}
+
+.footer_wrapper a {
+	color:#fff;
+}
+
+.footer_wrapper a:hover {
+	color:#b53ea6;
+}
+
+.copyright_text {
+	float:left;
+}
+
+.illustrator_text {
+	float:right;
+	margin-right:50px;
+}
+
+.footer_logo {
+}
+
+.sub_sidebar {
+
+}
+
+.sub_sidebar_inner {
+	width:216px;
+	overflow:hidden;
+	margin:26px 25px 0px 25px;
+}
+
+.sub_sidebar_header {
+	color:#424242;
+	font-size:18px;
+	text-transform:uppercase;
+	margin-bottom:7px;
+}
+
+.sub_sidebar_search_box,
+.item_detail_rating .review_box_body .input_boxes input[type=text],
+.checkout_box .box_inside .text_box {
+	width:198px;
+	font-size:14px;
+	padding:11px 8px 11px 8px;
+}
+
+.sub_sidebar_search_wrapper {
+	margin-bottom:4px;
+}
+
+.sub_sidebar_search_st {
+	font-size:14px;
+	color:white;
+}
+
+.sub_sidebar_search_st .st_radio_btn {
+	background:#9e9e9e;
+	padding:6px 4px 7px 7px;
+}
+
+.sub_sidebar_search_st .st_radio_btn input[type=radio] {
+	overflow:hidden;
+	width:15px;
+}
+
+.sub_sidebar_search_st .st_label {
+	background:#9e9e9e;
+	padding-right:10px;
+}
+
+.st_radio_spacer div {
+	width:4px;
+}
+
+.breadcrumb {
+	margin-top:11px;
+	margin-left:3px;
+}
+
+.breadcrumb a, .breadcrumb .bread_last {
+	display:block;
+	float:left;
+	background:#74d514;
+	font-family:'Cabin-Semibold', 'Cabin', Arial;
+	color:white;
+	font-size:11px;
+	text-transform:uppercase;
+	padding:18px 10px 18px 15px;
+	height:14px;
+}
+
+.breadcrumb .bread_last {
+	display:block;
+	background:#b9b9b9;
+	padding-right:15px;
+}
+
+.breadcrumb .bread_green_mid, .breadcrumb .bread_green_last {
+	float:left;
+	width:27px;
+	height:50px;
+	overflow:hidden;
+	background:url('/images/kpac/bread_green_mid.png') no-repeat;
+}
+
+.breadcrumb .bread_green_last {
+	background:url('/images/kpac/bread_green_last.png') no-repeat;
+}
+
+.breadcrumb .bread_home {
+	padding:7px 4px 7px 8px;
+	height:36px;
+}
+
+.item_detail_header {
+	padding-left:23px;
+	padding-top:28px;
+	margin-bottom:20px;
+}
+
+.item_detail_image {
+	float:left;
+	padding-top:3px;
+	width:169px;
+	overflow:hidden;
+}
+
+.item_detail_image a img {
+	border:1px solid #d0d0d0;
+}
+
+.item_detail_info {
+	float:left;
+	width:321px;
+	padding-left:18px;
+}
+
+.item_detail_name {
+	font-size:18px;
+	color:#0098f9;
+	padding-bottom:2px;
+}
+
+.item_detail_author {
+	padding-bottom:14px;
+	color:#878787;
+	font-size:14px;
+}
+
+.item_icon_wrapper {
+	width:80px;
+	height:106px;
+	overflow:hidden;
+	float:left;
+}
+
+.item_icon {
+	width:80px;
+	height:80px;
+	background:url('/images/kpac/icon_bg.png') no-repeat;
+	text-align:center;
+	overflow:hidden;
+	line-height:80px;
+}
+
+.item_icon img {
+	vertical-align:middle;
+	position:relative;
+	top:-1px;
+}
+
+.item_icon_type_text {
+	width:80px;
+	height:24px;
+	text-align:center;
+	overflow:hidden;
+	display:table-cell;
+	vertical-align:middle;
+	line-height:12px;
+}
+
+.item_detail_rate_wrapper {
+	float:left;
+	padding-left:20px;
+}
+
+.item_detail_rate_starts {
+	float:left;
+	border-right:1px solid #e4e5e5;
+	padding-right:10px;
+	margin-right:10px;
+	margin-bottom:7px;
+}
+
+.item_detail_rate_link {
+	float:left;
+	font-size:14px;
+}
+
+.item_detail_callnumber {
+	margin-bottom:4px;
+}
+
+.item_detail_header_buttons {
+	float:right;
+	margin-top:3px;
+	margin-right:23px;
+	text-align:right;
+}
+
+.item_detail_getit_btn {
+	margin-bottom:10px;
+}
+
+.item_location_table td {
+	padding-top:7px;
+	padding-bottom:7px;
+}
+
+.item_location_table .header td {
+	font-size:14px;
+	font-weight:bold;
+	text-transform:uppercase;
+	border-bottom:1px solid #e3e3e3;
+	padding-top:14px;
+	padding-bottom:12px;
+}
+
+.item_location_table td.location {
+	width:300px;
+	padding-left:25px;
+}
+
+.item_location_table td.loc_info {
+	width:150px;
+}
+
+.item_location_table td.status {
+	width:100px;
+}
+
+.item_location_table td.callnumber {
+	width:160px;
+}
+
+.item_location_table .gray td {
+	background:#f2f2f2;
+}
+
+.item_detail_desc {
+	font-size:14px;
+	line-height:22px;
+	padding:11px 23px;
+}
+
+.item_detail_desc p {
+	margin:0;
+	margin-bottom:10px;
+}
+
+.item_detail_desc a {
+	padding:0px 2px;
+}
+
+.item_detail_desc a:hover {
+	color:white;
+	background:#b53ea6;
+}
+
+.item_detail_extras_tabs {
+	padding-top:15px;
+	padding-left:23px;
+	width:3000px;
+	background:#e3e3e3;
+}
+
+.item_detail_extras_tabs a {
+	display:block;
+	float:left;
+	padding:14px 27px;
+	background:#0098f9;
+	color:white;
+	font-size:14px;
+	margin-right:10px;
+}
+
+.item_detail_extras_tabs a.ac_tab_selected,
+.item_detail_extras_tabs div.ac_tab_selected {
+	background:white;
+	color:#424242;
+}
+
+.item_detail_rating_top {
+	font-size:14px;
+	border-bottom:1px solid #e3e3e3;
+	padding-left:23px;
+}
+
+.item_avg_rate_table {
+	margin:11px 0;
+}
+
+.item_avg_rate_table .avg_rate {
+	padding-right:10px;
+	border-right:1px solid #e3e3e3;
+}
+
+.item_avg_rate_table .stars {
+	padding-left:10px;
+}
+
+.item_avg_rate_table .total_rates {
+	padding-left:10px;
+}
+
+.item_detail_rating {
+	width:638px;
+	padding:15px 23px 25px 23px;
+	overflow:hidden;
+	border-bottom:1px solid #e3e3e3;
+}
+
+.item_detail_rating .review_box_top {
+	width:638px;
+	height:9px;
+	overflow:hidden;
+	background:url('/images/kpac/reviews_top.png') no-repeat;
+}
+
+.item_detail_rating .review_box_body {
+	background:#e3e3e3;
+	padding:1px 25px 0px 25px;
+}
+
+.item_detail_rating .review_box_body .input_boxes {
+	padding-bottom:15px;
+}
+
+.item_detail_rating .review_box_body .input_boxes .review_email_cell {
+	padding-left:10px;
+}
+
+.item_detail_rating .review_box_body .input_boxes .rating_msg_box {
+	font-size:11px;
+	color:#9a9a9a;
+	padding-left:12px;
+}
+
+.item_detail_rating2 {
+	font-size:14px;
+	padding:7px 0px;
+	border-top:1px solid #c4c2c2;
+	border-bottom:1px solid #c4c2c2;
+	margin-bottom:15px;
+}
+
+.item_avg_rate_table2 .rate {
+	padding-right:10px;
+}
+
+.item_avg_rate_table2 .stars {
+	padding:0px 10px;
+	border-left:1px solid #c4c2c2;
+	border-right:1px solid #c4c2c2;
+}
+
+.item_avg_rate_table2 .scale {
+	padding-left:10px;
+	color:#9a9a9a;
+}
+
+.item_detail_rating .review_box_body .review_comment_box {
+	margin-bottom:20px;
+}
+
+.item_detail_rating
+  .review_box_body
+    .review_comment_box
+	  .review_comment {
+	width:578px;
+	height:87px;
+	padding-left:7px;
+	padding-top:9px;
+	font-size:14px;
+}
+
+.item_detail_rating .review_submit_box {
+	padding-top:5px;
+}
+
+.sub_navigation1, .sub_navigation3 {
+	padding:25px 23px 20px 23px;
+}
+
+.sub_navigation2 {
+	padding:0px 23px 25px 23px;
+	border-bottom:1px solid #e3e3e3;
+}
+
+.sub_navigation1 .nav_mid_bg,
+.sub_navigation2 .nav_mid_bg,
+.sub_navigation3 .nav_mid_bg {
+	background:#eaeaea;
+	text-align:center;
+	font-size:14px;
+	
+}
+
+
+.sub_navigation1 .nav_mid_bg .current_page,
+.sub_navigation2 .nav_mid_bg .current_page,
+.sub_navigation3 .nav_mid_bg .current_page {
+	font-size:24px;
+	color:#0098f9;
+	padding:0px 12px;
+}
+
+.sub_navigation1 .nav_mid_bg .total_pages,
+.sub_navigation2 .nav_mid_bg .total_pages,
+.sub_navigation3 .nav_mid_bg .total_pages {
+	font-size:24px;
+	padding-left:12px;
+}
+
+
+.sub_navigation1 .to_top_btn,
+.sub_navigation3 .to_top_btn {
+	padding-left:19px;
+}
+
+.sub_navigation2.checkout {
+	padding-top:25px;
+	border-bottom:none;
+}
+
+.search_results {
+	padding:17px 23px 20px 23px;
+	border-bottom:1px solid #e3e3e3;
+}
+
+.search_results .item_icon_wrapper {
+	padding-top:3px;
+}
+
+.search_results .item_detail_info {
+	width:370px;
+}
+
+.search_results .item_detail_info .item_detail_author {
+	padding-bottom:6px;
+}
+
+.search_results .item_detail_info .item_detail_actions {
+	padding-top:28px;
+}
+
+.search_results
+  .item_detail_info
+    .item_detail_actions
+	  .button {
+	float:left;
+	padding-right:5px;
+}
+
+.checkout_options {
+	border-bottom:1px solid #e3e3e3;
+	font-size:14px;
+}
+
+.checkout_options .left_brain {
+	width:294px;
+	overflow:hidden;
+	padding:11px 25px 25px 23px;
+}
+
+.checkout_options .left_brain_cell {
+	border-right:1px solid #e3e3e3;
+}
+
+.checkout_options .right_brain {
+	width:294px;
+	overflow:hidden;
+	padding:11px 23px 25px 25px;
+}
+
+.checkout_options p {
+	margin:0;
+}
+
+.checkout_options .top_side {
+	text-align:center;
+	padding-bottom:15px;
+}
+
+.checkout_options .submit_btn {
+	
+}
+
+.checkout_box {
+	padding-bottom:5px;
+}
+
+.checkout_box .box1_top {
+	width:294px;
+	height:9px;
+	font-size:0px;
+	overflow:hidden;
+	background:url('/images/kpac/box1_top.png') no-repeat;
+}
+
+.checkout_box .box_inside {
+	background:#e3e3e3;
+	padding:7px 25px 20px 25px;
+}
+
+.checkout_box .box_inside p {
+	margin-bottom:5px;
+}
+
+.checkout_box .box_inside .input_box {
+	float:left;
+}
+
+.checkout_box .box_inside .help_btn {
+	float:right;
+	display:block;
+	
+	/* IE7 star hack */
+	*position:relative;
+	*top:1px;
+}
+
+.checkout_box .box_inside .text_box {
+	padding-bottom:10px;
+}
+
+.checkout_box .box_inside .pickup_lib select {
+	width:244px;
+}
+
+.checkout_item_pad {
+	padding-top:30px;
+}
+
+.checkout_res_body {
+	font-size:18px;
+	text-align:center;
+	line-height:30px;
+}
+
+.checkout_res_back {
+	font-size:11px;
+	font-family:'Cabin-Semibold', 'Cabin', Arial;
+	text-transform:uppercase;
+	white-space:nowrap;
+	color:white;
+	background:#74d514;
+	padding:18px 28px 18px 0px;
+	display:block;
+	overflow:hidden;
+	height:14px;
+}
+
+.sub_cat_wrapper {
+	padding:13px 0px 13px 75px;
+	border-bottom:1px solid #e3e3e3;
+}
+
+.sub_header2 {
+	text-align:center;
+	margin-top:20px;
+	margin-bottom:9px;
+}
+
+.sub_header {
+	font-size:14px;
+	background:#e3e3e3;
+	padding:8px 23px;
+}
+
+.clear {
+	clear:both;
+	font-size:0px;
+	line-height:0px;
+	/* background:green; -   for debugging */
+	
+	/* IE7 has a problem with these
+	height:0px;
+	overflow:hidden;
+	*/
+}
+
+div.hr {
+	margin: 12px 0;
+	background:#c4c2c2;
+	height:1px;
+	overflow:hidden;
+}
+
+.popup_wrapper {
+	position:absolute;
+}
+
+.popup_wrapper .popup_wrapper_inner {
+	position:relative;
+	display:none;
+	top:0px;
+	left:0px;
+}
+
+.popup_wrapper .popup_mid {
+	background:white;
+}
+
+.popup_wrapper .popup_content {
+	margin-right:-20px;
+	margin-bottom:-20px;
+	position:relative;
+	top:-10px;
+	left:-10px;
+	padding:2px;
+	overflow:hidden;
+	font-size:14px;
+}
+
+.popup_wrapper .popup_arrow_bm {
+	position:relative;
+	top:-3px;
+}
+
+.popup_wrapper .popup_tl {
+	width:13px;
+	height:13px;
+	background:url('/images/kpac/popup_tl.png') no-repeat;
+}
+
+.popup_wrapper .popup_tm {
+	background:url('/images/kpac/popup_tm.png') repeat-x;
+}
+
+.popup_wrapper .popup_tr {
+	width:13px;
+	height:13px;
+	background:url('/images/kpac/popup_tr.png') no-repeat;
+}
+
+.popup_wrapper .popup_lm {
+	background:url('/images/kpac/popup_lm.png') repeat-y;
+}
+
+.popup_wrapper .popup_rm {
+	background:url('/images/kpac/popup_rm.png') repeat-y;
+}
+
+.popup_wrapper .popup_bl {
+	width:13px;
+	height:13px;
+	background:url('/images/kpac/popup_bl.png') no-repeat;
+}
+
+.popup_wrapper .popup_bm {
+	background:url('/images/kpac/popup_bm.png') repeat-x;
+}
+
+.popup_wrapper .popup_br {
+	width:13px;
+	height:13px;
+	background:url('/images/kpac/popup_br.png') no-repeat;
+}
+
+.invisible {
+    visibility : hidden;
+}
+
+.hidden {
+    visibility : hidden;
+    display : none;
+}
+
+/* For Dewey Decimal Page */
+
+
+.deweyhundreds {
+    border-top: 3px dotted #000;
+    height: 180px;
+    padding: 5px;
+    margin-top: 20px;
+}
+
+.deweyhundredsdescription {
+    float: left;
+    border:1px solid red;
+    height: 180px;
+    width: 168px;
+    text-align:center;
+    margin-top:5px;
+    font-size:x-large;
+}
+
+.deweytens {
+    float: left;
+    margin-left:10px; 
+    margin-top:10px;
+    border:none;
+    text-align:center;
+    height: 180px;
+    width: 168px;
+}
+
+.deweytenstitle {
+    font-weight:bold;
+    font-size:x-large;
+    background-color:#000;
+    color:#fff;
+    margin:0px;
+}
+
+.deweytensdescription {
+    font-weight:bold;
+    font-size:large;
+    background-color:#000;
+    color:#fff;
+    margin:0px;
+    height:50px;
+}
+    
diff --git a/Open-ILS/src/templates/kpac-original/category.tt2 b/Open-ILS/src/templates/kpac-original/category.tt2
new file mode 100644
index 0000000000..b4facb08f1
--- /dev/null
+++ b/Open-ILS/src/templates/kpac-original/category.tt2
@@ -0,0 +1,26 @@
+[%  PROCESS "opac/parts/header.tt2";
+    PROCESS "kpac/parts/grid.tt2";
+    WRAPPER "kpac/parts/subpage.tt2";
+    page_id = trail_endpoint();
+    page = ctx.kpac_config.pages.page.$page_id;
+    ctx.page_title = page.name %]
+          
+<h2 class="sub_header2">[% page.name | html %]</h2>
+<div class="hr">&nbsp;</div>
+<div class="sub_cat_wrapper">
+    [% render_kpac_grid(page_id) %]
+</div>
+
+<div class="sub_navigation1">
+    <table cellpadding="0" cellspacing="0" border="0" width="100%">
+        <tr>
+            <td><a href="[% mkurl(ctx.home_page, {}, ['trail']) %]">
+                <img src="[% ctx.media_prefix %]/images/kpac/go_back_btn.png" /></a></td>
+            <td width="100%" class="nav_mid_bg"></td>
+            <td class="to_top_btn"><a href="[% mkurl(ctx.unparsed_uri, {}, 1) %]">
+                <img src="[% ctx.media_prefix %]/images/kpac/to_top_btn.png" /></a></td>
+        </tr>
+    </table>
+</div>
+  
+[% END %] 
diff --git a/Open-ILS/src/templates/kpac-original/getit.tt2 b/Open-ILS/src/templates/kpac-original/getit.tt2
new file mode 100644
index 0000000000..b4942df4c1
--- /dev/null
+++ b/Open-ILS/src/templates/kpac-original/getit.tt2
@@ -0,0 +1,135 @@
+[%  
+    PROCESS "opac/parts/header.tt2";
+    PROCESS "opac/parts/misc_util.tt2"; # MARC 
+    WRAPPER "kpac/parts/subpage.tt2";
+    attrs = {marc_xml => ctx.marc_xml};
+    INCLUDE get_marc_attrs args=attrs;
+    ctx.page_title = attrs.title | html 
+%]
+
+<div id="search_results_parent">
+    [% INCLUDE 'kpac/parts/record_row.tt2' rec_id=ctx.bre_id%]
+</div>
+          
+<div class="checkout_options">
+    <table cellpadding="0" cellspacing="0" border="0">
+        <tr>
+            <td valign="top" class="left_brain_cell">
+                <div class="left_brain">
+
+                    [% WRAPPER 'kpac/parts/help_popups.tt2' popup_id='card_help' %]
+                        <img src="[% ctx.media_prefix %]/images/kpac/library_card.png" alt="[% l('library card') %]" /></div></td>
+                    [% END %]
+                    [% WRAPPER 'kpac/parts/help_popups.tt2' popup_id='password_help' %]
+                        <p>[% l('Enter your password') %]</p>
+                    [% END %]
+
+                    <div class="top_side">
+                        <h2>get it!</h2>
+                        <p>[% |l %]If you would like to place a hold on this item, please enter the 
+                            following information and click<br />Submit below:[% END %]</p>
+                    </div>
+
+                    <form method='POST'><!-- login + place hold form -->
+
+                        <div class="checkout_box">
+                            <div class="box1_top">&nbsp;</div>
+                            <div class="box_inside">
+
+                                [% IF !ctx.user %]
+                                    [% seed = l(' Enter Numbers... ') %]
+                                    <p>[% l('Library Card Number without spaces:') %]</p>
+                                    <div class="input_box">
+                                        <input name="username" type="text" class="text_box" style="color:#aaa;" value="[% seed %]" 
+                                            onfocus="if(this.value=='[% seed %]'){this.value='';this.style.color='#424242';}" 
+                                            onblur="if(this.value==''){this.value='[% seed %]'; this.style.color='#aaa';}" />
+                                    </div>
+                                    <a class="help_btn" href="javascript:;" 
+                                        onclick="helpPopup('card_help', this, event);"><img 
+                                        src="[% ctx.media_prefix %]/images/kpac/question_mark.png" alt="pin number help" /></a>
+
+                                    <div class="clear">&nbsp;</div>
+                                    <div class="hr">&nbsp;</div>
+
+                                    <p>[% l('Password') %]</p>
+                                    <div class="input_box">
+                                        <input name="password" type="password" class="text_box" style="color:#aaa;" value="[% seed %]" 
+                                            onfocus="if(this.value=='[% seed %]'){this.value='';this.style.color='#424242';}" 
+                                            onblur="if(this.value==''){this.value='[% seed %]'; this.style.color='#aaa';}" />
+                                    </div>
+
+                                    <a class="help_btn" href="javascript:;" 
+                                        onclick="helpPopup('password_help', this, event);"><img 
+                                        src="[% ctx.media_prefix %]/images/kpac/question_mark.png" alt="[% l('password help') %]" /></a>
+
+                                    <div class="clear">&nbsp;</div>
+                                    <div class="hr">&nbsp;</div>
+                                [% END %]
+
+                                <p>[% l('Choose a Pickup Library:') %]</p>
+                                <div class="pickup_lib">
+                                    [%  def_lib = ctx.default_pickup_lib || ctx.physical_loc;
+                                        PROCESS "opac/parts/org_selector.tt2";
+                                        INCLUDE build_org_selector name='pickup_lib' 
+                                        value=def_lib id='pickup_lib' can_have_vols_only=1 %]
+                                </div>
+                            </div>
+                        </div>
+                        <div class="submit_btn">
+                            <input type='hidden' name='action' value='hold'/>
+                            <input type='image' src="[% ctx.media_prefix %]/images/kpac/review_submit_btn.png" alt="[% l('Submit') %]"/>
+                        </div>
+                    </form>
+                </div>
+            </td>
+
+            <td valign="top">
+                <div class="right_brain">
+                    <div class="top_side">
+                        <h2>[% l('save it!') %]</h2>
+                        <p>[% l('If you would like to save this item to a list to be requested later, click Submit below.') %]</p>
+                        [% IF ctx.user AND ctx.bookbags AND ctx.bookbags.size > 0 %]
+                        <br/>
+                        <p>
+                            [% l('You may also save this item to a list you have already created by selecting one of your lists below.') %]
+                        </p>
+                        [% END %]
+                    </div>
+                    <form method='POST'>
+                        <input type='hidden' name='action' value='save'/>
+                        [% IF ctx.user AND ctx.bookbags AND ctx.bookbags.size > 0 %]
+                            <div class="checkout_box">
+                                <div class="box1_top">&nbsp;</div>
+                                <div class="box_inside">
+                                    <p>[% l('Add to one of your lists?') %]</p>
+                                    <select name='bookbag'>
+                                        <option value='' selected='selected'>[% l('-- Temporary List --') %]</option>
+                                        [% FOR bbag IN ctx.bookbags %]
+                                            <option value="[% bbag.id %]">[% bbag.name | html %]</option>
+                                        [% END %]
+                                    </select>
+                                </div>
+                            </div>
+                        [% END %]
+                        <div class="submit_btn">
+                            <input type='image' src="[% ctx.media_prefix %]/images/kpac/review_submit_btn.png" alt="[% l('Submit') %]" />
+                        </div>
+                    </div>
+                </div>
+            </td>
+        </tr>
+    </table>
+</div>
+
+<div class="sub_navigation2 checkout">
+    <table cellpadding="0" cellspacing="0" border="0" width="100%">
+        <tr>
+            [%  # in the absence of a sane referer, return to the detail page
+                url = ctx.kpac_root _ (ctx.referer.match('results') ? '/results' : '/record/' _ ctx.bre_id) %]
+            <td><a href="[% mkurl(url) %]"><img src="[% ctx.media_prefix %]/images/kpac/cancel_back_btn.png" /></a></td>
+            <td width="100%" class="nav_mid_bg">&nbsp;</td>
+        </tr>
+    </table>
+</div>
+         
+[% END %]
diff --git a/Open-ILS/src/templates/kpac-original/getit_results.tt2 b/Open-ILS/src/templates/kpac-original/getit_results.tt2
new file mode 100644
index 0000000000..ace6ce5bfb
--- /dev/null
+++ b/Open-ILS/src/templates/kpac-original/getit_results.tt2
@@ -0,0 +1,67 @@
+[%  PROCESS "opac/parts/header.tt2";
+    PROCESS "kpac/parts/grid.tt2";
+    WRAPPER "kpac/parts/subpage.tt2";
+    PROCESS "opac/parts/misc_util.tt2"; # MARC 
+    attrs = {marc_xml => ctx.marc_xml};
+    PROCESS get_marc_attrs args=attrs;
+    ctx.page_title = l('Get it');
+    kill_params = ['list', 'hold', 'hold_failed', 'pickup_lib', 'action'];
+    title_html = attrs.title | html;
+%]
+          
+
+<div class="checkout_res_body">
+    [% IF ctx.added_to_anon %]
+        <h2 class="sub_header2">[% l('You Saved It!') %]</h2>
+        <p>
+        [% |l(title_html) %]
+        You successfully saved [_1].  <br/>
+        To manage your lists, go to <a href="[% mkurl(ctx.opac_root _ '/myopac/lists', {}, 1) %]">My Lists</a>
+        [% END %]
+        <p>
+    [% ELSIF ctx.added_to_list %]
+        [% list_html = ctx.list.name | html %]
+        <h2 class="sub_header2">[% l('You Saved It!') %]</h2>
+        <p>
+        [% |l(title_html, list_html) %]
+        You successfully saved [_1] to [_2]. <br/>  
+        To manage your lists, go to <a href="[% mkurl(ctx.opac_root _ '/myopac/lists', {}, 1) %]">My Lists</a>
+        [% END %]
+        <p>
+    [% ELSIF CGI.param('hold') %]
+        [% lib_html = ctx.get_aou(ctx.hold.pickup_lib).name | html %]
+        <h2 class="sub_header2">[% l('Hold Successful!') %]</h2>
+        <p>
+        [% |l(title_html, lib_html) %]
+        Your request for <a href="[% mkurl(ctx.kpac_root _ '/record/' _ ctx.bre_id, {}, kill_params) %]">[_1]</a> was successful.<br/>
+        You will be notified when your item is ready for pickup.  You will be able to pick your item up at [_2].
+        [% END %]
+        <p>
+    [% ELSE %]
+        <p>
+        [% |l(title_html) %]
+        Unable to request <a href="[% mkurl(ctx.kpac_root _ '/record/' _ ctx.bre_id, {}, kill_params) %]">[_1]</a>.<br/>
+        Please see a librarian.
+        [% END %]
+    [% END %]
+</div>
+
+<div class="sub_navigation2 checkout">
+    <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>
+        <td><a href="[% mkurl(ctx.kpac_root _ '/results', {}, kill_params) %]">
+            <img src="[% ctx.media_prefix %]/images/kpac/back_to_results_btn.png" /></a></td>
+        <td width="100%" class="nav_mid_bg">&nbsp;</td>
+        <td><img src="[% ctx.media_prefix %]/images/kpac/back_to_book.png" /></td>
+        <td nowrap="nowrap">
+            <a class="checkout_res_back" href="[% mkurl(ctx.kpac_root _ '/record/' _ ctx.bre_id, {}, kill_params) %]">
+                [%  title = attrs.title || '';
+                    IF title.length > 18; title = title.substr(18, title.length, '...'); END;
+                    l('Back to [_1]', title);
+                %]
+            </a>
+        </td>
+    </tr></table>
+</div>
+          
+[% END %]          
+
diff --git a/Open-ILS/src/templates/kpac-original/home.tt2 b/Open-ILS/src/templates/kpac-original/home.tt2
new file mode 100644
index 0000000000..ab70a894da
--- /dev/null
+++ b/Open-ILS/src/templates/kpac-original/home.tt2
@@ -0,0 +1,63 @@
+[%  
+    PROCESS "opac/parts/header.tt2";
+    PROCESS "kpac/parts/grid.tt2";
+    WRAPPER "kpac/parts/base.tt2";
+    ctx.page_title = l("Home") 
+%]
+
+<div class="main_top_shadow">
+    <div class="main_tl_corner">&nbsp;</div>
+    <div class="main_mid_top">&nbsp;</div>
+    <div class="main_tr_corner">&nbsp;</div>
+    <div class="clear">&nbsp;</div>
+</div>
+
+<table cellpadding="0" cellspacing="0" border="0" width="100%">
+    <tr>
+        <td width="3" class="main_left_shadow"><div class="clear">&nbsp;</div></td>
+        <td valign="top" class="main_inside_cell" valign="top">
+            <div class="search_wrapper">
+                <h1>Search your Library</h1>
+                <h3>for books, movies, music, magazines, and more!</h3>
+                <form action="[% ctx.kpac_root _ '/results' %]">
+                    [% qtype = CGI.param('qtype') %]
+                    <table cellpadding="0" cellspacing="0" border="0" align="center" class="search_box_wrapper">
+                        <tr>
+                            <td class="st_radio_btn"><input type="radio" name="qtype" value="keyword" id="st_word" class="st_word" 
+                                [% IF !qtype OR qtype == 'keyword' %]checked="checked"[% END %]/></td>
+                            <td class="st_label"><label for="st_word">[% l('Word') %]</label></td>
+
+                            <td class="st_radio_btn"><input type="radio" name="qtype" value="title" id="st_title" class="st_title" 
+                                [% IF qtype == 'title' %]checked="checked"[% END %]/></td>
+                            <td class="st_label"><label for="st_title">[% l('Title') %]</label></td>
+
+                            <td class="st_radio_btn"><input type="radio" name="qtype" value="author" id="st_author" class="st_author"
+                                [% IF qtype == 'author' %]checked="checked"[% END %]/></td>
+                            <td class="st_label st_author_box"><label for="st_author">[% l('Author') %]</label></td>
+
+                            <td><input type="text" class="search_box" name="query" 
+                                value="[% CGI.param('nosprop') ? '' : CGI.param('query') | html  %]"/></td>
+                            <td><input type="image" src="[% ctx.media_prefix %]/images/kpac/search_btn.png" alt="search" /></td>
+                        </tr>
+                    </table>
+                </form>
+            </div>
+            <div class="category_wrapper">
+                <h3 class="c_header_image">Or click on an image to get started:</h3>
+                [% render_kpac_grid(ctx.kpac_layout.page) %]
+            </div>
+
+        </td>
+        <td width="3" class="main_right_shadow"><div class="clear">&nbsp;</div></td>
+    </tr>
+</table>
+
+<div class="main_bottom_shadow">
+    <div class="main_bl_corner">&nbsp;</div>
+    <div class="main_mid_bottom">&nbsp;</div>
+    <div class="main_br_corner">&nbsp;</div>
+    <div class="clear">&nbsp;</div>
+</div>
+
+[% END %]
+
diff --git a/Open-ILS/src/templates/kpac-original/parts/acimport.tt2 b/Open-ILS/src/templates/kpac-original/parts/acimport.tt2
new file mode 100644
index 0000000000..7017cffd6e
--- /dev/null
+++ b/Open-ILS/src/templates/kpac-original/parts/acimport.tt2
@@ -0,0 +1,29 @@
+[% 
+    # added content only shows on record detail page
+    IF ctx.page == 'record';
+
+    # chilifresh
+    IF ENV.OILS_CHILIFRESH_URL AND ENV.OILS_CHILIFRESH_ACCOUNT;
+        chili_url = ENV.OILS_CHILIFRESH_URL;
+        IF CGI.https AND ENV.OILS_CHILIFRESH_HTTPS_URL;
+            chili_url = ENV.OILS_CHILIFRESH_HTTPS_URL;
+        END %]
+    <!-- Set up the chilifresh account information and load the JS -->
+    <input type="hidden" id="chilifresh_account" name="chilifresh_account" value="[% ENV.OILS_CHILIFRESH_ACCOUNT %]"/>
+    <input type="hidden" id="chilifresh_version" name="chilifresh_version" value="onsite_v1" />
+    <input type="hidden" id="chilifresh_type" name="chilifresh_type" value="search" />
+    <script type="text/javascript" src="[% chili_url %]"></script>
+    <script>try { setTimeout(chili_init, 0); } catch(E) {}</script>
+
+    [% END;
+
+    # LibraryThing
+    IF ENV.OILS_LIBRARYTHING_URL;
+        lt_url = ENV.OILS_LIBRARYTHING_URL;
+        IF CGI.https AND ENV.OILS_LIBRARYTHING_HTTPS_URL;
+            lt_url = ENV.OILS_LIBRARYTHING_HTTPS_URL;
+        END %]
+
+    <script src="[% lt_url %]" type="text/javascript"></script>
+    [% END %]
+[%- END %]
diff --git a/Open-ILS/src/templates/kpac-original/parts/addedcontent.tt2 b/Open-ILS/src/templates/kpac-original/parts/addedcontent.tt2
new file mode 100644
index 0000000000..d89f1a47e2
--- /dev/null
+++ b/Open-ILS/src/templates/kpac-original/parts/addedcontent.tt2
@@ -0,0 +1,54 @@
+<a name='addedcontent'></a> <!-- for page focus -->
+<div class='item_detail_extras_tabs'>
+[%-
+    # NOTE: enabling all of these types may result in the tabs occupying 
+    # too much horizontal space to fit within the fixed-width box.
+
+    ac_types = {
+        reviews => l('Reviews'),
+        anotes  => l('Author Notes'),
+        toc     => l('Table of Contents'),
+        excerpt => l('Excerpt'),
+        summary => l('Summary')
+    };
+
+    selected_type = CGI.param('ac');
+    
+    # For each type of added content, render the link if it's known to have
+    # content, do not render the link if it's known to not have content.  If 
+    # the content status is unknown, render the link, but hide the link via CSS
+    # if dojo is enabled.  If dojo is not enabled, render and display the link.
+
+    all_hidden = 1;
+    FOR type IN ac_types.keys;
+        tab_class = '';
+        SET tab_class = 'ac_tab_selected' IF type == selected_type; 
+        '<!-- status = ' _ type _ ' : ' _ ctx.added_content.$type.status _ '-->';
+        IF ctx.added_content.$type.status != '2'; # no content
+            all_hidden = 0;
+            IF ctx.added_content.$type.status == '3' AND want_dojo; # status unknown
+                tab_class = tab_class _ ' hidden';
+            END %]
+            <a class="[% tab_class %]" id="ac:[% type %]" href="[% mkurl('', {ac => type}) _ '#addedcontent' %]">[% ac_types.$type %]</a>
+        [% END;
+    END %]
+
+    <div class="clear">&nbsp;</div>
+</div>
+
+<div style='width:98%; padding:5px;'> 
+    <div id='ac_content'>
+        [% 
+            IF selected_type; 
+                content = ctx.added_content.$selected_type.content;
+                IF content;
+                    content;
+                ELSE;
+                    l('No Content Available');
+                END;
+            END;
+        %]
+    </div>
+</div>
+
+
diff --git a/Open-ILS/src/templates/kpac-original/parts/base.tt2 b/Open-ILS/src/templates/kpac-original/parts/base.tt2
new file mode 100644
index 0000000000..0685035855
--- /dev/null
+++ b/Open-ILS/src/templates/kpac-original/parts/base.tt2
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns='http://www.w3.org/1999/xhtml' lang='[% ctx.locale %]' xml:lang='[% ctx.locale %]'>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+        <link rel="stylesheet" type="text/css" href="[% ctx.media_prefix %]/css/skin/default/kpac/style.css" />
+        [% IF ctx.authtime %]
+        <meta http-equiv="refresh" content="[% ctx.authtime %];[% 
+            ctx.logout_page _ '?redirect_to=' _ ctx.home_page %]">
+        [% END %]
+        <title>[% l("Kid's Catalog - [_1]", ctx.page_title) %]</title>
+    </head>
+    <body>
+        <div class="main_center">
+            [% INCLUDE 'kpac/parts/header.tt2' %]
+            <div class="main_wrapper"> [% content %] </div>
+            [% INCLUDE 'kpac/parts/footer.tt2' %]
+        </div>
+        <script type="text/javascript" src="[% ctx.media_prefix %]/js/ui/default/kpac/functions.js"></script>
+        [%- INCLUDE 'kpac/parts/acimport.tt2' %]
+    </body>
+</html>
diff --git a/Open-ILS/src/templates/kpac-original/parts/breadcrumb.tt2 b/Open-ILS/src/templates/kpac-original/parts/breadcrumb.tt2
new file mode 100644
index 0000000000..f8699e3ac3
--- /dev/null
+++ b/Open-ILS/src/templates/kpac-original/parts/breadcrumb.tt2
@@ -0,0 +1,47 @@
+<div class="breadcrumb">
+    [% clear_params = ['action', 'hold', 'pickup_lib', 'ac', 'copy_limit', 'copy_offset', 'list'] %]
+
+    <!-- home page -->
+    <a href="[% mkurl(ctx.kpac_root _ '/home', {}, ['trail', 'page']) %]" 
+        class="bread_home"><img alt="[% l('Home') %]" 
+        src="[% ctx.media_prefix %]/images/kpac/home_icon.png" /></a>
+
+    <!-- category trail -->
+    [%  trail = CGI.param('trail'); 
+        trail = trail ? trail.split('/') : [];
+        FOR page_id IN trail;
+            page = ctx.kpac_config.pages.page.$page_id %]
+            <div class="bread_green_mid">&nbsp;</div>
+            <a href="[% mkurl(ctx.kpac_root _ '/category', 
+                {trail = trail_splice(page_id)}, clear_params) %]">[% page.name | html %]</a>
+    [%  END %]
+
+    [% IF ctx.page != 'index' AND ctx.page != 'category' %]
+
+        <!-- search results -->
+        <div class="bread_green_mid">&nbsp;</div>
+        <a href="[% mkurl(ctx.kpac_root _ '/results', {}, clear_params) %]">[% l('search results') | html %]</a>
+
+        [% IF ctx.page != 'rresult' %]
+
+            <!-- record title -->
+            <div class="bread_green_mid">&nbsp;</div>
+            [%  tlen = 18; # TODO config?
+                title = attrs.title || '';
+                IF title.length > tlen;
+                    title = l('[_1]...', title.substr(0, tlen - 3));
+                END;
+                # I know there's a way to do this all w/ substr, 
+                # but it's trying my patience.  this works.
+            %]
+            <a href="[% mkurl(ctx.kpac_root _ '/record/' _ ctx.bre_id, {}, clear_params) %]">[% title | html %]</a>
+
+            <!-- Get it -->
+            <div class="bread_green_last">&nbsp;</div>
+            <span class="bread_last">[% l('Get it') %]</span>
+            <div class="clear">&nbsp;</div>
+
+        [% END %]
+    [% END %]
+</div>
+
diff --git a/Open-ILS/src/templates/kpac-original/parts/copy_table.tt2 b/Open-ILS/src/templates/kpac-original/parts/copy_table.tt2
new file mode 100644
index 0000000000..7939987e9b
--- /dev/null
+++ b/Open-ILS/src/templates/kpac-original/parts/copy_table.tt2
@@ -0,0 +1,82 @@
+[%-
+FOREACH copy_info IN ctx.copies;
+    IF copy_info.call_number_label != '##URI##';
+        has_copies = 'true';
+    END;
+    IF copy_info.part_label != '';
+        has_parts = 'true';
+    END;
+    IF has_parts && has_copies;
+        LAST;
+    END;
+END;
+%]
+[%- IF has_copies; %]
+<table cellpadding="0" cellspacing="0" border="0" width="100%" class="item_location_table">
+    <tbody>
+        <tr class="header">
+            <td class="location">[% l('Location') %]</td>
+            <td class="callnumber">[% l('Call Number') %]</td>
+            <td class="shelving_location">[% l('Shelving Location') %]</td>
+            <td class="status">[% l('Status') %]</td>
+        </tr>
+        [%- 
+        FOR copy_info IN ctx.copies;
+            callnum = copy_info.call_number_label;
+            NEXT IF callnum == '##URI##';
+
+            callnum_prefix = copy_info.call_number_prefix_label;
+            IF callnum_prefix != "";
+                callnum = callnum_prefix _ " " _ callnum;
+            END;
+
+            callnum_suffix = copy_info.call_number_suffix_label;
+            IF callnum_suffix != "";
+                callnum = callnum  _ " " _ callnum_suffix;
+            END;
+        -%]
+        <tr>
+            <td class="location">[% ctx.get_aou(copy_info.circ_lib).name | html %]</td>
+            [%- IF has_parts == 'true' %]
+            <td class="callnumber">[% l('[_1] ([_2])', callnum, copy_info.part_label) | html %]</td>
+            [% ELSE %]
+            <td class="callnumber">[% callnum | html %]</td>
+            [%- END %]
+            <td class="shelving_location">[% copy_info.copy_location | html %]</td>
+            <td class="status">[% copy_info.copy_status | html %]</td>
+        </tr>
+        [%- END %]
+
+        <!-- PAGING -->
+
+        <tr>
+
+            <td>
+            [%- IF ctx.copy_offset > 0;
+                new_offset = ctx.copy_offset - ctx.copy_limit;
+                IF new_offset < 0; new_offset = 0; END %]
+                    <a href="[% mkurl('', {copy_offset => new_offset, copy_limit => ctx.copy_limit}) %]">&laquo; [%
+                        l('Previous [_1]', ctx.copy_offset - new_offset) %]</a>
+            [%- END %]
+            </td>
+
+            <td>
+            [%- IF ctx.copies.size >= ctx.copy_limit %]
+                    <a href="[% mkurl('', {copy_offset => ctx.copy_offset + ctx.copy_limit, copy_limit => ctx.copy_limit}) %]">[%
+                        l('Next [_1]', ctx.copy_limit) %] &raquo;</a>
+            [%- END %]
+            </td>
+
+            [%- more_copies_limit = 50 %] [%# TODO: config %]
+            <td>
+            [%- IF  ctx.copy_limit != more_copies_limit AND ctx.copies.size >= ctx.copy_limit %]
+                <a href="[% mkurl('', {copy_limit => more_copies_limit, copy_offset => 0}) %]">[% l('Show more copies') %]</a>
+            [%- ELSIF ctx.copy_limit == more_copies_limit %]
+                <a href="[% mkurl('', {copy_limit => 0, copy_offset => 0}) %]">[% l('Show fewer copies') %]</a>
+            [%- END %]
+            </td>
+        </tr>
+    </tbody>
+</table>
+[% END %]
+
diff --git a/Open-ILS/src/templates/kpac-original/parts/footer.tt2 b/Open-ILS/src/templates/kpac-original/parts/footer.tt2
new file mode 100644
index 0000000000..46e04014ca
--- /dev/null
+++ b/Open-ILS/src/templates/kpac-original/parts/footer.tt2
@@ -0,0 +1,8 @@
+<div class="footer_wrapper">
+    <a href="javascript:;">[% l('Contact Us') %]</a>
+    <a href="javascript:;">[% l('Site Help') %]</a>
+    <a href="javascript:;">[% l('Site Map') %]</a>
+    <a href="[% mkurl(ctx.opac_root _ '/home') %]">[% l('Back to Main Catalog') %]</a>
+    <div class="clear">&nbsp;</div>
+</div>
+
diff --git a/Open-ILS/src/templates/kpac-original/parts/grid.tt2 b/Open-ILS/src/templates/kpac-original/parts/grid.tt2
new file mode 100644
index 0000000000..3d9722c469
--- /dev/null
+++ b/Open-ILS/src/templates/kpac-original/parts/grid.tt2
@@ -0,0 +1,43 @@
+[% 
+PROCESS 'kpac/parts/util.tt2';
+
+# Renders a single 'page' grid
+
+MACRO render_kpac_grid(page_id) BLOCK;
+    page = ctx.kpac_config.pages.page.$page_id;
+    ncols = page.columns || 3; # avoid divide-by-zero
+    name = page.name;
+    idx = 0 %]
+<table cellpadding="0" cellspacing="0" border="0" class="main_category_table">
+    <tr> [% 
+    width = 100 / ncols;
+    FOR cell IN page.cell;
+        IF idx == ncols; 
+            %]</tr><tr>[%  
+            idx = 0; 
+        END;
+        idx = idx + 1;
+
+        IF cell.type == 'topic';
+            tpage_id = cell.content;
+            topic_page = ctx.kpac_config.pages.page.$tpage_id %]
+
+        <td width="[% width %]%"><a href="[% mkurl(ctx.kpac_root _ '/category', {trail => trail_append(tpage_id)}) %]"><img 
+            src="[% kpac_img_path(topic_page.img) %]" alt="" /><span>[% topic_page.name %]</span></a></td>
+
+        [% ELSIF cell.type == 'search'; %]
+
+        <td width="[% width %]%"><a href="[% 
+            mkurl(ctx.kpac_root _ '/results', {query => cell.content, nosprop => 1}, ['page', 'qtype']) %]"><img 
+            src="[% kpac_img_path(cell.img) %]" alt="" /><span>[% cell.name %]</span></a></td>
+
+        [% ELSIF cell.type == 'link'; %]
+
+        <td width="[% width %]%"><a href="[% cell.content | html %]"><img 
+            src="[% kpac_img_path(cell.img) %]" alt="" /><span>[% cell.name %]</span></a></td>
+
+        [% END %]
+    [% END %]
+    </tr>
+</table>
+[% END %]
diff --git a/Open-ILS/src/templates/kpac-original/parts/header.tt2 b/Open-ILS/src/templates/kpac-original/parts/header.tt2
new file mode 100644
index 0000000000..5299698188
--- /dev/null
+++ b/Open-ILS/src/templates/kpac-original/parts/header.tt2
@@ -0,0 +1,32 @@
+<div class="main_header_wrapper">
+    <div class="logo_wrapper">
+        <a href="http://evergreen-ils.org">
+            <span class="logo_left">&nbsp;</span>
+            <span class="logo_middle"><img src="[% ctx.media_prefix %]/images/eg_logo.jpg" width="170" lt="[% l('Logo') %]" /></span>
+            <span class="logo_right">&nbsp;</span>
+        </a>
+    </div>
+    <div class="header_utils">
+        <!--
+        <a href="javascript:;" class="text_size_btn"><span>Text size</span> &nbsp; <img 
+            alt="text size" src="[% ctx.media_prefix %]/images/kpac/text_size_btn.png" /></a>
+        -->
+        <a href="javascript:window.print()" class="print_btn"><span>Print</span> &nbsp; <img 
+            alt="print" src="[% ctx.media_prefix %]/images/kpac/print_btn.png" /></a>
+    </div>
+    <div class="header_menu">
+        <!-- menu rendered in reverse order -->
+        [% IF ctx.user %]
+            [% redir = CGI.url('-base' => 1) _ ctx.kpac_root _ '/home' %]
+            <a href="[% mkurl(ctx.logout_page, 
+                {redirect_to => redir.replace('^https:', 'http:')}, 1) %]">[% 
+                    l('Logout ([_1] [_2])', ctx.user.first_given_name, ctx.user.family_name) %]</a>
+        [% ELSE %]
+            <a href="[% mkurl(ctx.opac_root _ '/login').replace('^http:', 'https:') %]">[% l('Login') %]</a>
+        [% END %]
+        <a href="javascript:;">[% l('Get a Library Card') %]</a>
+        <a href="javascript:;">[% l('Help') %]</a>
+    </div>
+    <div class="clear">&nbsp;</div>
+</div>
+
diff --git a/Open-ILS/src/templates/kpac-original/parts/help_popups.tt2 b/Open-ILS/src/templates/kpac-original/parts/help_popups.tt2
new file mode 100644
index 0000000000..5399fb9107
--- /dev/null
+++ b/Open-ILS/src/templates/kpac-original/parts/help_popups.tt2
@@ -0,0 +1,26 @@
+<div class="popup_wrapper">
+    <div class="popup_wrapper_inner" id="[% popup_id %]">
+        <table cellpadding="0" cellspacing="0" border="0">
+            <tr>
+                <td class="popup_tl"><div class="clear">&nbsp;</div></td>
+                <td class="popup_tm"><div class="clear">&nbsp;</div></td>
+                <td class="popup_tr"><div class="clear">&nbsp;</div></td>
+            </tr>
+            <tr>
+                <td class="popup_lm"><div class="clear">&nbsp;</div></td>
+                <td class="popup_mid"><div class="popup_content">[% content %]</td>
+                <td class="popup_rm"><div class="clear">&nbsp;</div></td>
+            </tr>
+            <tr>
+                <td class="popup_bl"><div class="clear">&nbsp;</div></td>
+                <td class="popup_bm"><div class="clear">&nbsp;</div></td>
+                <td class="popup_br"><div class="clear">&nbsp;</div></td>
+            </tr>
+            <tr>
+                <td colspan="3" align="center" valign="top">
+                    <img class="popup_arrow_bm" src="[% ctx.media_prefix %]/images/kpac/popup_arrow_bm.png" />
+                </td>
+            </tr>
+        </table>
+    </div>
+</div>
diff --git a/Open-ILS/src/templates/kpac-original/parts/paginate.tt2 b/Open-ILS/src/templates/kpac-original/parts/paginate.tt2
new file mode 100644
index 0000000000..225b74ebba
--- /dev/null
+++ b/Open-ILS/src/templates/kpac-original/parts/paginate.tt2
@@ -0,0 +1,52 @@
+[%  # paging, weeee
+    page = CGI.param('page');
+    page = page.match('^\d+$') ? page : 0; # verify page is a sane value
+    page_count = ctx.page_size == 0 ? 1 : POSIX.ceil(ctx.hit_count / ctx.page_size);
+    ctx.result_start = 1 + ctx.page_size * page;
+    ctx.result_stop = ctx.page_size * (page + 1);
+    IF ctx.result_stop > ctx.hit_count; ctx.result_stop = ctx.hit_count; END;
+    result_count = ctx.result_start;
+%]
+
+<table cellpadding="0" cellspacing="0" border="0" width="100%">
+    <tr>
+        <!-- Next -->
+        <td>
+            [%  class = '';
+                href = '#';
+                IF page > 0;
+                    href = mkurl('', {page => page - 1});
+                ELSE; class = class _ ' invisible'; END %]
+            <a class="[% class %]" href="[% href %]"><img src="[% ctx.media_prefix %]/images/kpac/arrow_last.png" /></a>
+        </td>
+
+        <!-- page X of Y -->
+        <td width="100%" class="nav_mid_bg">
+            <table cellpadding="0" cellspacing="0" border="0" align="center">
+                <tr>
+                    [% |l(page + 1, page_count) %]
+                    <td>Page </td><td class="current_page">[_1]</td><td> of </td><td class="total_pages">[_2]</td>
+                    [% END %]
+                </tr>
+            </table>
+        </td>
+
+        <!-- Prev -->
+        <td class="to_top_btn">
+            [%  class = '';
+                href = '#';
+                IF (page + 1) < page_count;
+                    href = mkurl('', {page => page + 1});
+                ELSE; class = class _ ' invisible'; END;
+            %]
+            <a class="[% class %]" href="[% href %]"><img src="[% ctx.media_prefix %]/images/kpac/arrow_next.png" /></a>
+        </td>
+
+        <!-- Top of page -->
+        [% IF showtop %]
+            <td class="to_top_btn"><a href="[% mkurl('').replace('#.*', '') %]">
+                <img src="[% ctx.media_prefix %]/images/kpac/to_top_btn.png" />
+            </a></td>
+        [% END %]
+    </tr>
+</table>
diff --git a/Open-ILS/src/templates/kpac-original/parts/record_row.tt2 b/Open-ILS/src/templates/kpac-original/parts/record_row.tt2
new file mode 100644
index 0000000000..1f8f201839
--- /dev/null
+++ b/Open-ILS/src/templates/kpac-original/parts/record_row.tt2
@@ -0,0 +1,40 @@
+<div class="search_results">
+    <div class="item_detail_image">
+        [%  img_src = ctx.media_prefix _ '/images/kpac/item_image.jpg'; # default image
+            ident = attrs.isbn_clean || attrs.upc; 
+            IF ident; 
+                img_src = ctx.media_prefix _ '/opac/extras/ac/jacket/medium/' _ ident;
+            END;
+        %]
+        <a href="[% mkurl(ctx.kpac_root _ '/record/' _ rec_id) %]"><img 
+            alt="[% l('Image of item') %]" width="167"
+            src='[% mkurl(img_src, {}, 1) %]' /></a><br />
+    </div>
+    <div class="item_detail_info">
+        <div class="item_detail_name"><a href="[% mkurl(ctx.kpac_root _ '/record/' _ rec_id) %]">[% attrs.title | html %]</a></div>
+        <div class="item_detail_author">[% l('by [_1]', attrs.author) | html %]</div>
+        <div class="item_detail_callnumber">[% attrs.holdings.0.label | html %]</div>
+        <div class="item_detail_extra_info">
+            [% l('[_1], [_2]', attrs.publisher, attrs.pubdate) | html %] <!-- TODO fix commas, etc. -->
+            [% IF attrs.phys_desc %]<br/>[% attrs.phys_desc | html; END %]
+        </div>
+        [% IF show_actions %]
+        <div class="item_detail_actions">
+            <div class="button"><a href="[% mkurl(ctx.kpac_root _ '/record/' _ rec_id) %]"><img 
+                src="[% ctx.media_prefix %]/images/kpac/more_info_btn.png" alt="more info" /></a></div>
+            <div class="button"><a href="[% mkurl(ctx.kpac_root _ '/getit/' _ rec_id) %]"><img 
+                src="[% ctx.media_prefix %]/images/kpac/get_it_btn_sm.png" alt="get it" /></a></div>
+            <div class="clear">&nbsp;</div>
+        </div>
+        [% END %]
+    </div>
+    <div class="item_icon_wrapper">
+        <div class="item_icon">
+            &nbsp;<img width="35" alt="[% attrs.format_label %]" src="[% attrs.format_icon %]" />&nbsp; 
+            <!-- put a single &nbsp; around each side of the image - for vertical centering -->
+        </div>
+        <div class="item_icon_type_text">[% attrs.format_label %]</div>
+    </div>
+    <div class="clear">&nbsp;</div>
+</div>
+
diff --git a/Open-ILS/src/templates/kpac-original/parts/searchbox.tt2 b/Open-ILS/src/templates/kpac-original/parts/searchbox.tt2
new file mode 100644
index 0000000000..d244e682b4
--- /dev/null
+++ b/Open-ILS/src/templates/kpac-original/parts/searchbox.tt2
@@ -0,0 +1,51 @@
+<div class="sub_sidebar_header">[% l('New Search') %]</div>
+<form action="[% ctx.kpac_root _ '/results' %]">
+    <div class="sub_sidebar_search_wrapper">
+        <input type="text" name='query' 
+            value="[% CGI.param('nosprop') ? '' : CGI.param('query') | html %]"
+            [% seed = l(' Enter Text... ') | html %]
+            class="sub_sidebar_search_box" style="color:#aaa;" value="[% seed %]"
+            onfocus="if(this.value=='[% seed %]'){this.value='';this.style.color='#424242';}" 
+            onblur="if(this.value==''){this.value='[% seed %]'; this.style.color='#aaa';}" />
+    </div>
+    <table cellpadding="0" cellspacing="0" border="0" class="sub_sidebar_search_st">
+        <tr>
+            [%  
+            types = [
+                {keyword => l('Word')}, 
+                {title => l('Title')}, 
+                {author => l('Author')}
+            ];
+            FOR qtype_blob IN types;
+                qtype = qtype_blob.keys.0 %]
+                <td class="st_radio_btn">
+                    <input type="radio" name="qtype" value="[% qtype %]" id="st_[% qtype %]"
+                        [% IF (CGI.param('qtype') == qtype) OR 
+                            (!CGI.param('qtype') AND qtype == 'keyword') %]checked="checked"[% END %]/>
+                </td>
+                <td class="st_label"><label for="st_[% qtype %]">[% qtype_blob.$qtype | html %]</label></td>
+                [% IF !loop.last %]
+                <td class="st_radio_spacer"><div>&nbsp;</div></td>
+                [% END %]
+            [% END %]
+        </tr>
+    </table>
+    <div class="hr">&nbsp;</div>
+    <div class="sub_search_category">
+        <span>[% ctx.filter_groups.kpac.label %]<span>
+        <span>
+        [% 
+            INCLUDE 'opac/parts/filter_group_selector.tt2' 
+            filter_group='kpac_main' 
+            class='search_category'
+            none_label=l('Full Collection')
+            none_ok=1 
+        %]
+        <span>
+    </div>
+    <div class="hr">&nbsp;</div>
+    <div>
+        <input type="image" alt="search" src="[% ctx.media_prefix %]/images/kpac/search_btn_sub.png" />
+    </div>
+</form>
+
diff --git a/Open-ILS/src/templates/kpac-original/parts/subpage.tt2 b/Open-ILS/src/templates/kpac-original/parts/subpage.tt2
new file mode 100644
index 0000000000..175f6b8abb
--- /dev/null
+++ b/Open-ILS/src/templates/kpac-original/parts/subpage.tt2
@@ -0,0 +1,31 @@
+[% PROCESS 'kpac/parts/util.tt2'; WRAPPER "kpac/parts/base.tt2" %]
+
+<!-- subpage is the main wrapper page for everything except 'home' -->
+
+<div class="main_top_shadow_sub">
+    <div class="main_mid_top_sub">
+        [% INCLUDE 'kpac/parts/breadcrumb.tt2' %]
+    </div>
+</div>
+<table cellpadding="0" cellspacing="0" border="0" width="100%">
+    <tr>
+        <td width="3" class="main_left_shadow"><div class="clear">&nbsp;</div></td>
+        <td valign="top" class="main_inside_cell" valign="top" height="300">
+            <div class="main_content_wrapper">
+                [% content %] 
+                <div class="clear">&nbsp;</div>
+            </div>
+        </td>
+        <td width="266" valign="top" class="sub_sidebar">
+            <div class="sub_sidebar_inner">
+                [% INCLUDE 'kpac/parts/searchbox.tt2' %]
+            </div>
+        </td>
+        <td width="3" class="main_right_shadow"><div class="clear">&nbsp;</div></td>
+    </tr>
+</table>
+<div class="main_bottom_shadow"><div class="main_mid_bottom_sub">&nbsp;</div></div>
+
+[% END %]  
+  
+
diff --git a/Open-ILS/src/templates/kpac-original/parts/util.tt2 b/Open-ILS/src/templates/kpac-original/parts/util.tt2
new file mode 100644
index 0000000000..632c1800d7
--- /dev/null
+++ b/Open-ILS/src/templates/kpac-original/parts/util.tt2
@@ -0,0 +1,44 @@
+[% 
+
+    # -----------------------------------------------------------------
+    # Category trail/path utilities
+    # page trail looks like trail=id/id/id
+
+    # adds an ID, esults in the full trail as a string
+    MACRO trail_append(node_id) BLOCK;
+        trail = CGI.param('trail');
+        trail ? trail _ '/' _ node_id : node_id;
+    END;
+
+    # last trail component/id as a string
+    MACRO trail_endpoint BLOCK;
+        trail = CGI.param('trail');
+        list = trail ? trail.split('/') : [];
+        list().last;
+    END;
+
+    MACRO trail_splice(page_id) BLOCK;
+        trail = CGI.param('trail');
+        list = trail ? trail.split('/') : [];
+        path = '';
+        FOR id IN list;
+            path = path ? path _ '/' _ id : id;
+            IF id == page_id; LAST; END;
+        END;
+        path;
+    END;
+
+    # -----------------------------------------------------------------
+    # Determines the full path to image URLs
+    # Use absolute and fully-qualified image URLs as-is.
+    # For all others, use the kpac base path.
+    MACRO kpac_img_path(img) BLOCK;
+        IF img.match('^/') OR img.match('^https?://');
+            img;
+        ELSE;
+            ctx.media_prefix _ '/images/kpac/' _ img;
+        END;
+    END;
+%]
+
+
diff --git a/Open-ILS/src/templates/kpac-original/record.tt2 b/Open-ILS/src/templates/kpac-original/record.tt2
new file mode 100644
index 0000000000..f727b4a599
--- /dev/null
+++ b/Open-ILS/src/templates/kpac-original/record.tt2
@@ -0,0 +1,93 @@
+[%  
+    PROCESS "opac/parts/header.tt2";
+    PROCESS "opac/parts/misc_util.tt2"; # MARC 
+    WRAPPER "kpac/parts/subpage.tt2";
+    attrs = {marc_xml => ctx.marc_xml};
+    PROCESS get_marc_attrs args=attrs;
+    ctx.page_title = attrs.title | html 
+%]
+
+<div class="item_detail_header">
+
+    <div class="item_detail_image">
+        [%  ident = attrs.isbn_clean || attrs.upc; 
+            href = ctx.media_prefix _ '/images/kpac/item_image.jpg';
+            IF ident; href = ctx.media_prefix _ '/opac/extras/ac/jacket/medium/' _ ident; END %]
+         <a href="[% href | url %]"><img 
+            alt="[% l('Image of item') %]" width="167" src='[% href | url %]' /></a><br />
+    </div>
+
+    <div class="item_detail_info">
+        <div class="item_detail_name">[% attrs.title | html %]</div>
+        <div class="item_detail_author">[% l('by [_1]', attrs.author) | html %]</div>
+        <div class="item_detail_icon_rate">
+            <div class="item_icon_wrapper">
+                <div class="item_icon">
+                    &nbsp;<img width="35" alt="[% attrs.format_label %]" src="[% attrs.format_icon %]" />&nbsp; 
+                    <!-- put a single &nbsp; around each side of the image - for vertical centering -->
+                </div>
+                <div class="item_icon_type_text">[% attrs.format_label %]</div>
+            </div>
+
+            <div class="item_detail_rate_wrapper">
+                <div class="item_detail_rate_starts">
+                    <span class="chili_review" id="isbn_[% attrs.isbn_clean | html %]"> </span>
+                    <span class="ltfl_reviews"/>
+                </div>
+                <!--
+                <div style="margin-bottom:20px;">
+                    <div id="chili_review_[% attrs.isbn_clean | html %]" style="display: none;" align="center" width="100%"></div>
+                </div>
+                -->
+
+                <!--
+                <div class="item_detail_rate_starts"><img alt="rating" src="[% ctx.media_prefix %]/images/kpac/stars.png" /></div>
+                <div class="item_detail_rate_link"><a href="javascript:;">Rate this</a></div>
+                <div class="clear">&nbsp;</div>
+                -->
+
+                <div class="item_detail_cn_wrapper">
+                    <div class="item_detail_callnumber">[% attrs.holdings.0.label | html %]</div>
+                    <div class="item_detail_extra_info">
+                        [% l('[_1], [_2]', attrs.publisher, attrs.pubdate) | html %] <!-- TODO fix commas, etc. -->
+                        [% IF attrs.phys_desc %]<br/>[% attrs.phys_desc | html; END %]
+                    </div>
+                </div>
+            </div>
+            <div class="clear">&nbsp;</div>
+        </div>
+    </div>
+
+    <div class="item_detail_header_buttons">
+        <div class="item_detail_getit_btn"><a href="[% mkurl(ctx.kpac_root _ '/getit/' _ ctx.bre_id) %]"><img 
+            alt="[% l('Get it') | html %]" src="[% ctx.media_prefix %]/images/kpac/get_it_btn.png" /></a>
+        </div>
+        <div class="item_detail_goback_btn">
+            <a href="[% mkurl(ctx.kpac_root _ '/results') %]"><img 
+                alt="[% l('Go Back') | html %]" src="[% ctx.media_prefix %]/images/kpac/go_back_btn.png" /></a>
+        </div>
+    </div>
+    <div class="clear">&nbsp;</div>
+</div>
+
+<div id="chili_review_[% attrs.isbn_clean | html %]" style="display: none;" align="center" width="100%"></div>
+
+<div class="sub_header">[% l('You can find this item at these locations:') %]</div>
+    <div class="item_detail_location_wrapper">
+        [% INCLUDE 'kpac/parts/copy_table.tt2' %]
+    </div>
+
+    [% IF attrs.summary %]
+        <div class="sub_header">[% l('About this item:') %]</div>
+        <div class="item_detail_desc">
+            [% FOR sum IN attrs.summary %]
+                [% IF !loop.first; '<br/>'; END %]
+                <p>[% sum | html %] </p>
+            [% END %]
+        </div>
+    [% END %]
+
+    [% INCLUDE 'kpac/parts/addedcontent.tt2' %]
+</div>
+
+[% END %]
diff --git a/Open-ILS/src/templates/kpac-original/results.tt2 b/Open-ILS/src/templates/kpac-original/results.tt2
new file mode 100644
index 0000000000..b13da77406
--- /dev/null
+++ b/Open-ILS/src/templates/kpac-original/results.tt2
@@ -0,0 +1,36 @@
+[%  PROCESS "opac/parts/header.tt2";
+    PROCESS "opac/parts/misc_util.tt2"; # MARC 
+    PROCESS "kpac/parts/grid.tt2";
+    WRAPPER "kpac/parts/subpage.tt2";
+    ctx.page_title = l('Search Results') %]
+        
+<h2 class="sub_header2">Search Results</h2>
+
+[% IF ctx.records.size == 0 %]
+
+    <br/>
+    <div style='width:100%; text-align:center'>
+        <h3>[% l('No records were found that matched your search.') %]</h3>
+    </div>
+
+[% ELSE %]
+
+    <div class="sub_navigation2">
+        [% INCLUDE 'kpac/parts/paginate.tt2' %]
+    </div>
+
+    <div id="search_results_parent"> [%
+        FOR rec IN ctx.records;
+            attrs = {marc_xml => rec.marc_xml};
+            PROCESS get_marc_attrs args=attrs;
+            INCLUDE 'kpac/parts/record_row.tt2' show_actions=1 rec_id=rec.id;
+        END;
+    %] </div>
+
+    <div class="sub_navigation3">
+        [% INCLUDE 'kpac/parts/paginate.tt2' showtop=1 %]
+    </div>
+
+[% END %]
+
+[% END %]
diff --git a/Open-ILS/src/templates/kpac/dewey.tt2 b/Open-ILS/src/templates/kpac/dewey.tt2
deleted file mode 100644
index 52be7ef178..0000000000
--- a/Open-ILS/src/templates/kpac/dewey.tt2
+++ /dev/null
@@ -1,303 +0,0 @@
-[%  
-    WRAPPER "kpac/parts/base.tt2";
-    ctx.page_title = l("Dewey Decimal Guide") 
-%]
-
-            <div class="search_wrapper">
-                <h1>Dewey Decimal Guide-Testing</h1>
-               
-            </div>
-</div> <!-- this ends the main_header_wrapper div that was started in header.tt2 -->
-
-    <div class="clear">&nbsp;</div>
-
-
-    <div class="deweyhundreds">
-        <div class="deweyhundredsdescription">
-            <h1>000</h1>
-            <p>General Knowledge</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">000</p>
-            <p class="deweytensdescription">Computers</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">001</p>
-            <p class="deweytensdescription">UFOs and the Unexplained</p>
-        </div>        
-        <div class="deweytens">
-            <p class="deweytenstitle">030</p>
-            <p class="deweytensdescription">Encyclopedias and Books of Facts</p>
-        </div>
-    </div>
-
-    <div class="clear">&nbsp;</div>
-
-    <div class="deweyhundreds">
-        <div class="deweyhundredsdescription">
-            <h1>100</h1>
-            <p>Philosophy &amp; Psychology</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">130</p>
-            <p class="deweytensdescription">Ghosts</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">135</p>
-            <p class="deweytensdescription">Dreams</p>
-        </div>        
-    </div>
-
-    <div class="clear">&nbsp;</div>
-
-    <div class="deweyhundreds">
-        <div class="deweyhundredsdescription">
-            <h1>200</h1>
-            <p>Religions</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">220</p>
-            <p class="deweytensdescription">Bible Stories</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">290</p>
-            <p class="deweytensdescription">Mythology</p>
-        </div>        
-    </div>
-
-    <div class="clear">&nbsp;</div>
-
-    <div class="deweyhundreds">
-        <div class="deweyhundredsdescription">
-            <h1>300</h1>
-            <p>Social Sciences</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">300</p>
-            <p class="deweytensdescription">World Cultures</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">350</p>
-            <p class="deweytensdescription">Military - Tanks, Submarines</p>
-        </div>        
-        <div class="deweytens">
-            <p class="deweytenstitle">390</p>
-            <p class="deweytensdescription">Folk Tales and Fairy Tales</p>
-        </div>
-    </div>
-
-    <div class="clear">&nbsp;</div>
-
-    <div class="deweyhundreds">
-        <div class="deweyhundredsdescription">
-            <h1>400</h1>
-            <p>Languages</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">410</p>
-            <p class="deweytensdescription">Sign Language</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">420</p>
-            <p class="deweytensdescription">Dictionaries</p>
-        </div>        
-        <div class="deweytens">
-            <p class="deweytenstitle">440</p>
-            <p class="deweytensdescription">French</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">460</p>
-            <p class="deweytensdescription">Spanish</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">490</p>
-            <p class="deweytensdescription">Mandarin Chinese</p>
-        </div>
-    </div>
-
-    <div class="clear">&nbsp;</div>
-
-    <div class="deweyhundreds">
-        <div class="deweyhundredsdescription">
-            <h1>500</h1>
-            <p>Math &amp; Science</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">500</p>
-            <p class="deweytensdescription">Science Fair Projects</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">510</p>
-            <p class="deweytensdescription">Math</p>
-        </div>        
-        <div class="deweytens">
-            <p class="deweytenstitle">520</p>
-            <p class="deweytensdescription">Astronomy - Stars &amp Planets</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">530</p>
-            <p class="deweytensdescription">Physics</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">540</p>
-            <p class="deweytensdescription">Chemistry</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">550</p>
-            <p class="deweytensdescription">Volcanoes, Earthquakes &amp; Weather</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">560</p>
-            <p class="deweytensdescription">Dinosaurs</p>
-        </div>        
-        <div class="deweytens">
-            <p class="deweytenstitle">570</p>
-            <p class="deweytensdescription">Habitats</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">580</p>
-            <p class="deweytensdescription">Plants</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">595</p>
-            <p class="deweytensdescription">Insects</p>
-        </div>    
-        <div class="deweytens">
-            <p class="deweytenstitle">597</p>
-            <p class="deweytensdescription">Snakes &amp; Fish</p>
-        </div>    
-        <div class="deweytens">
-            <p class="deweytenstitle">598</p>
-            <p class="deweytensdescription">Birds</p>
-        </div>   
-        <div class="deweytens">
-            <p class="deweytenstitle">599</p>
-            <p class="deweytensdescription">Mammals</p>
-        </div>         
-    </div>
-
-    <div class="clear">&nbsp;</div>
-
-    <div class="deweyhundreds">
-        <div class="deweyhundredsdescription">
-            <h1>600</h1>
-            <p>Technology</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">600</p>
-            <p class="deweytensdescription">Inventions</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">610</p>
-            <p class="deweytensdescription">The Human Body</p>
-        </div>        
-        <div class="deweytens">
-            <p class="deweytenstitle">620</p>
-            <p class="deweytensdescription">Transportation</p>
-        </div>     
-        <div class="deweytens">
-            <p class="deweytenstitle">629</p>
-            <p class="deweytensdescription">Space Exploration</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">636</p>
-            <p class="deweytensdescription">Pets</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">641</p>
-            <p class="deweytensdescription">Cooking</p>
-        </div>
-    </div>
-
-    <div class="clear">&nbsp;</div>
-
-    <div class="deweyhundreds">
-        <div class="deweyhundredsdescription">
-            <h1>700</h1>
-            <p>Art &amp; Games</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">730</p>
-            <p class="deweytensdescription">Sculpture &amp; Origami</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">740</p>
-            <p class="deweytensdescription">Arts &amp; Crafts</p>
-        </div>        
-        <div class="deweytens">
-            <p class="deweytenstitle">759</p>
-            <p class="deweytensdescription">Famous Artists</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">780</p>
-            <p class="deweytensdescription">Music</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">790</p>
-            <p class="deweytensdescription">Games</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">793</p>
-            <p class="deweytensdescription">Magic Tricks</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">796</p>
-            <p class="deweytensdescription">Sports</p>
-        </div>
-    </div>
-
-    <div class="clear">&nbsp;</div>
-
-    <div class="deweyhundreds">
-        <div class="deweyhundredsdescription">
-            <h1>800</h1>
-            <p>Literature</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">811</p>
-            <p class="deweytensdescription">Poetry</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">812</p>
-            <p class="deweytensdescription">Plays</p>
-        </div>        
-        <div class="deweytens">
-            <p class="deweytenstitle">815</p>
-            <p class="deweytensdescription">Speeches</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">820</p>
-            <p class="deweytensdescription">Shakespeare</p>
-        </div>
-    </div>
-
-    <div class="clear">&nbsp;</div>
-
-    <div class="deweyhundreds">
-        <div class="deweyhundredsdescription">
-            <h1>900</h1>
-            <p>History &amp; Geography</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">910</p>
-            <p class="deweytensdescription">Explorers &amp; Pirates</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">912</p>
-            <p class="deweytensdescription">Maps</p>
-        </div>        
-        <div class="deweytens">
-            <p class="deweytenstitle">930</p>
-            <p class="deweytensdescription">Archeology</p>
-        </div>
-        <div class="deweytens">
-            <p class="deweytenstitle">940</p>
-            <p class="deweytensdescription">European History</p>
-        </div>        
-        <div class="deweytens">
-            <p class="deweytenstitle">973</p>
-            <p class="deweytensdescription">US History</p>
-        </div>
-    </div>
-[% END %]
-
diff --git a/Open-ILS/src/templates/kpac/home.tt2 b/Open-ILS/src/templates/kpac/home.tt2
index 5dd471ffd4..40e5cf4a0e 100644
--- a/Open-ILS/src/templates/kpac/home.tt2
+++ b/Open-ILS/src/templates/kpac/home.tt2
@@ -1,4 +1,5 @@
 [%  
+    PROCESS "opac/parts/header.tt2";
     PROCESS "kpac/parts/grid.tt2";
     WRAPPER "kpac/parts/base.tt2";
     ctx.page_title = l("Home") 
diff --git a/Open-ILS/src/templates/kpac/homedewey.tt2 b/Open-ILS/src/templates/kpac/homedewey.tt2
new file mode 100644
index 0000000000..b77a43b9ef
--- /dev/null
+++ b/Open-ILS/src/templates/kpac/homedewey.tt2
@@ -0,0 +1,367 @@
+[%  
+    PROCESS "opac/parts/header.tt2";
+    PROCESS "kpac/parts/grid.tt2";
+    WRAPPER "kpac/parts/base.tt2";
+    ctx.page_title = "Dewey Decimal Guide"
+%]
+
+             <div class="search_wrapper">
+                <h1>Dewey Decimal Guide</h1>
+                <p style="font-style:italic;font-size:large;">Use this chart to learn how the library's books are organized!</p>
+               
+            </div>
+</div> <!-- this ends the main_header_wrapper div that was started in header.tt2 -->
+
+    <div class="clear">&nbsp;</div>
+
+
+    <div class="deweyhundreds">
+        <div class="deweyhundredsdescription">
+            <h1>000</h1>
+            <p>General Knowledge</p>
+        </div>
+        <div class="clear">&nbsp;</div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-computer.png" alt="Computers">
+            <p class="deweytenstitle">000</p>
+            <p class="deweytensdescription">Computers</p>
+        </div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-ufo.png" alt="UFOs and the Unexplained">
+            <p class="deweytenstitle">001</p>
+            <p class="deweytensdescription">UFOs and the Unexplained</p>
+        </div>        
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-encyclopedia.png" alt="Encyclopedias">
+            <p class="deweytenstitle">030</p>
+            <p class="deweytensdescription">Encyclopedias and Books of Facts</p>
+        </div>
+    </div>
+
+    <div class="clear">&nbsp;</div>
+
+    <div class="deweyhundreds">
+        <div class="deweyhundredsdescription">
+            <h1>100</h1>
+            <p>Philosophy &amp; Psychology</p>
+        </div>        
+        <div class="clear">&nbsp;</div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-ghost.png" alt="Ghosts">
+            <p class="deweytenstitle">130</p>
+            <p class="deweytensdescription">Ghosts</p>
+        </div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-dreams.png" alt="Dreams">
+            <p class="deweytenstitle">135</p>
+            <p class="deweytensdescription">Dreams</p>
+        </div>        
+    </div>
+
+    <div class="clear">&nbsp;</div>
+
+    <div class="deweyhundreds">
+        <div class="deweyhundredsdescription">
+            <h1>200</h1>
+            <p>Religions</p>
+        </div>
+        <div class="clear">&nbsp;</div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-church.png" alt="Bible Stories">
+            <p class="deweytenstitle">220</p>
+            <p class="deweytensdescription">Bible Stories</p>
+        </div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-myth.png" alt="Mythology">
+            <p class="deweytenstitle">290</p>
+            <p class="deweytensdescription">Mythology</p>
+        </div>        
+    </div>
+
+    <div class="clear">&nbsp;</div>
+
+    <div class="deweyhundreds">
+        <div class="deweyhundredsdescription">
+            <h1>300</h1>
+            <p>Social Sciences</p>
+        </div>
+        <div class="clear">&nbsp;</div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-world.png" alt="World Cultures">
+            <p class="deweytenstitle">300</p>
+            <p class="deweytensdescription">World Cultures</p>
+        </div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-military.png" alt="Military">
+            <p class="deweytenstitle">350</p>
+            <p class="deweytensdescription">Military<br>(Tanks, Submarines)</p>
+        </div>        
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-fairy.png" alt="Fairy Tales and Folk Tales">
+            <p class="deweytenstitle">390</p>
+            <p class="deweytensdescription">Folk Tales and<br/>Fairy Tales</p>
+        </div>
+    </div>
+
+    <div class="clear">&nbsp;</div>
+
+    <div class="deweyhundreds">
+        <div class="deweyhundredsdescription">
+            <h1>400</h1>
+            <p>Languages</p>
+        </div>
+        <div class="clear">&nbsp;</div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-signlanguage.png" alt="Sign Language">
+            <p class="deweytenstitle">410</p>
+            <p class="deweytensdescription">Sign Language</p>
+        </div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-dictionary.png" alt="Dictionaries">
+            <p class="deweytenstitle">420</p>
+            <p class="deweytensdescription">Dictionaries</p>
+        </div>        
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-french.png" alt="French Language - Hello">
+            <p class="deweytenstitle">440</p>
+            <p class="deweytensdescription">French</p>
+        </div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-spanish.png" alt="Spanish Language - Hello">
+            <p class="deweytenstitle">460</p>
+            <p class="deweytensdescription">Spanish</p>
+        </div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-chinese.png" alt="Chinese Language - Hello">
+            <p class="deweytenstitle">490</p>
+            <p class="deweytensdescription">Mandarin Chinese</p>
+        </div>
+    </div>
+
+    <div class="clear">&nbsp;</div>
+
+    <div class="deweyhundreds">
+        <div class="deweyhundredsdescription">
+            <h1>500</h1>
+            <p>Math &amp; Science</p>
+        </div>
+        <div class="clear">&nbsp;</div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-scienceprojects.png" alt="Science Fair Projects">
+            <p class="deweytenstitle">500</p>
+            <p class="deweytensdescription">Science Fair Projects</p>
+        </div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-math.png" alt="Math">
+            <p class="deweytenstitle">510</p>
+            <p class="deweytensdescription">Math</p>
+        </div>        
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-astronomy.png" alt="Astronomy">
+            <p class="deweytenstitle">520</p>
+            <p class="deweytensdescription">Astronomy<br/>(Stars &amp Planets)</p>
+        </div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-physics.png" alt="Physics">
+            <p class="deweytenstitle">530</p>
+            <p class="deweytensdescription">Physics</p>
+        </div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-chemistry.png" alt="Chemistry">
+            <p class="deweytenstitle">540</p>
+            <p class="deweytensdescription">Chemistry</p>
+        </div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-earth.png" alt="Earth Sciences - Volcanoes, Weather, Rocks, and More">
+            <p class="deweytenstitle">550</p>
+            <p class="deweytensdescription">Earth Sciences<br>(Volcanoes, Storms)</p>
+        </div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-dinosaur.png" alt="Dinosaurs">
+            <p class="deweytenstitle">560</p>
+            <p class="deweytensdescription">Dinosaurs</p>
+        </div>        
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-habitat.png" alt="Habitats / Environments">
+            <p class="deweytenstitle">570</p>
+            <p class="deweytensdescription">Habitats</p>
+        </div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-plant.png" alt="Plants">
+            <p class="deweytenstitle">580</p>
+            <p class="deweytensdescription">Plants</p>
+        </div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-insects.png" alt="Insects">
+            <p class="deweytenstitle">595</p>
+            <p class="deweytensdescription">Insects</p>
+        </div>    
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-reptiles.png" alt="Reptiles - Snakes, Fish, Lizards">
+            <p class="deweytenstitle">597</p>
+            <p class="deweytensdescription">Snakes, Lizards &amp; Fish</p>
+        </div>    
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-bird.png" alt="birds">
+            <p class="deweytenstitle">598</p>
+            <p class="deweytensdescription">Birds</p>
+        </div>   
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-mammals.png" alt="Mammals">
+            <p class="deweytenstitle">599</p>
+            <p class="deweytensdescription">Mammals</p>
+        </div>         
+    </div>
+
+    <div class="clear">&nbsp;</div>
+
+    <div class="deweyhundreds">
+        <div class="deweyhundredsdescription">
+            <h1>600</h1>
+            <p>Technology</p>
+        </div>
+        <div class="clear">&nbsp;</div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-inventions.png" alt="Inventions">
+            <p class="deweytenstitle">600</p>
+            <p class="deweytensdescription">Inventions</p>
+        </div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-doctor.png" alt="The Human Body & Medical Science">
+            <p class="deweytenstitle">610</p>
+            <p class="deweytensdescription">Medical Science</p>
+        </div>        
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-car.png" alt="Transportation">
+            <p class="deweytenstitle">620</p>
+            <p class="deweytensdescription">Transportation</p>
+        </div>     
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-space.png" alt="Space Exploration">
+            <p class="deweytenstitle">629</p>
+            <p class="deweytensdescription">Space Exploration</p>
+        </div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-pets.png" alt="Pets">
+            <p class="deweytenstitle">636</p>
+            <p class="deweytensdescription">Pets</p>
+        </div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-cooking.png" alt="Cooking and Recipes">
+            <p class="deweytenstitle">641</p>
+            <p class="deweytensdescription">Cooking</p>
+        </div>
+    </div>
+
+    <div class="clear">&nbsp;</div>
+
+    <div class="deweyhundreds">
+        <div class="deweyhundredsdescription">
+            <h1>700</h1>
+            <p>Art &amp; Games</p>
+        </div>
+        <div class="clear">&nbsp;</div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-sculpture.png" alt="Sculpture, Origami">
+            <p class="deweytenstitle">730</p>
+            <p class="deweytensdescription">Sculpture &amp; Origami</p>
+        </div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-art.png" alt="Arts and Crafts">
+            <p class="deweytenstitle">740</p>
+            <p class="deweytensdescription">Arts &amp; Crafts</p>
+        </div>        
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-artists.png" alt="Famous Artists">
+            <p class="deweytenstitle">759</p>
+            <p class="deweytensdescription">Famous Artists</p>
+        </div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-music.png" alt="Music">
+            <p class="deweytenstitle">780</p>
+            <p class="deweytensdescription">Music</p>
+        </div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-game.png" alt="Games">
+            <p class="deweytenstitle">790</p>
+            <p class="deweytensdescription">Games</p>
+        </div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-magic.png" alt="Magic Tricks">
+            <p class="deweytenstitle">793</p>
+            <p class="deweytensdescription">Magic Tricks</p>
+        </div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-sports.png" alt="Sports">
+            <p class="deweytenstitle">796</p>
+            <p class="deweytensdescription">Sports</p>
+        </div>
+    </div>
+
+    <div class="clear">&nbsp;</div>
+
+    <div class="deweyhundreds">
+        <div class="deweyhundredsdescription">
+            <h1>800</h1>
+            <p>Literature</p>
+        </div>
+        <div class="clear">&nbsp;</div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-poetry.png" alt="Poetry">
+            <p class="deweytenstitle">811</p>
+            <p class="deweytensdescription">Poetry</p>
+        </div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-plays.png" alt="Plays, Scripts, Theatre">
+            <p class="deweytenstitle">812</p>
+            <p class="deweytensdescription">Plays</p>
+        </div>        
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-speeches.png" alt="Speeches">
+            <p class="deweytenstitle">815</p>
+            <p class="deweytensdescription">Speeches</p>
+        </div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-shakespeare.png" alt="William Shakespeare">
+            <p class="deweytenstitle">820</p>
+            <p class="deweytensdescription">Shakespeare</p>
+        </div>
+    </div>
+
+    <div class="clear">&nbsp;</div>
+
+    <div class="deweyhundreds">
+        <div class="deweyhundredsdescription">
+            <h1>900</h1>
+            <p>History &amp; Geography</p>
+        </div>
+        <div class="clear">&nbsp;</div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-pirate.png" alt="Pirates, Explorers">
+            <p class="deweytenstitle">910</p>
+            <p class="deweytensdescription">Explorers &amp; Pirates</p>
+        </div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-map.png" alt="Maps">
+            <p class="deweytenstitle">912</p>
+            <p class="deweytensdescription">Maps</p>
+        </div>        
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-archeology.png" alt="Archeology, Fossils">
+            <p class="deweytenstitle">930</p>
+            <p class="deweytensdescription">Archeology</p>
+        </div>
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-history-europe.png" alt="European History">
+            <p class="deweytenstitle">940</p>
+            <p class="deweytensdescription">European History</p>
+        </div>        
+        <div class="deweytens">
+            <img src="[%- kpac_img_path -%]/cat-history-us.png" alt="American History">
+            <p class="deweytenstitle">973</p>
+            <p class="deweytensdescription">US History</p>
+        </div>
+    </div>
+
+[% END %]
+
diff --git a/Open-ILS/web/css/skin/default/kpac/style.css b/Open-ILS/web/css/skin/default/kpac/style.css
index 12f4a4141f..98ae15939d 100755
--- a/Open-ILS/web/css/skin/default/kpac/style.css
+++ b/Open-ILS/web/css/skin/default/kpac/style.css
@@ -311,8 +311,8 @@ input[type=text], input[type=password], textarea {
 }
 
 .main_category_table td {
-	padding-right:13px;
-	padding-bottom:11px;
+	padding-right:75px;
+	padding-bottom:20px;
 }
 
 .main_category_table td a {
@@ -1029,34 +1029,56 @@ div.hr {
 
 
 .deweyhundreds {
-    border-top: 3px dotted #000;
-    height: 150px;
+    border:none;
     padding: 5px;
-    margin-top: 20px;
+    margin-top: 50px;
 }
 
 .deweyhundredsdescription {
-    float: left;
-    border:1px solid red;
-    height: 150px;
-    width: 200px;
-    text-align:center;
-    margin-top:5px;
+    border-bottom:3px #000 dotted;
+    width: 100%;
+    text-align:left;
+    font-size:x-large;
+    background-color:#c1e3f7;
+    color:#000;
+    height:60px;
+}
+
+.deweyhundredsdescription h1 {
+    float:left;
+    margin:5px;
+    padding:0px 0px 0px 10px;
+}
+
+.deweyhundredsdescription p {
+    float:left;
+    margin:5px;
+    padding:18px 0px 0px 0px;
 }
 
 .deweytens {
     float: left;
-    margin-left:10px; 
-    margin-top:5px;
-    border:1px solid blue;
+    margin-right:10px; 
+    margin-top:10px;
+    border:none;
     text-align:center;
-    height: 150px;
-    width: 150px;
+    height: 180px;
+    width: 168px;
 }
 
 .deweytenstitle {
     font-weight:bold;
+    font-size:x-large;
+    background-color:#0098f9;
+    color:#fff;
+    margin:0px;
 }
 
 .deweytensdescription {
+    font-weight:bold;
+    font-size:large;
+    background-color:#0098f9;
+    color:#fff;
+    margin:0px;
+    height:50px;
 }
diff --git a/Open-ILS/web/images/kpac/cat-archeology.png b/Open-ILS/web/images/kpac/cat-archeology.png
new file mode 100644
index 0000000000..b9381e0115
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-archeology.png differ
diff --git a/Open-ILS/web/images/kpac/cat-art.png b/Open-ILS/web/images/kpac/cat-art.png
new file mode 100644
index 0000000000..742a0d16dd
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-art.png differ
diff --git a/Open-ILS/web/images/kpac/cat-artists.png b/Open-ILS/web/images/kpac/cat-artists.png
new file mode 100644
index 0000000000..c58b937e5d
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-artists.png differ
diff --git a/Open-ILS/web/images/kpac/cat-astronomy.png b/Open-ILS/web/images/kpac/cat-astronomy.png
new file mode 100644
index 0000000000..90536cc69c
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-astronomy.png differ
diff --git a/Open-ILS/web/images/kpac/cat-bird.png b/Open-ILS/web/images/kpac/cat-bird.png
new file mode 100644
index 0000000000..2b895be328
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-bird.png differ
diff --git a/Open-ILS/web/images/kpac/cat-blank.png b/Open-ILS/web/images/kpac/cat-blank.png
new file mode 100644
index 0000000000..658c2aec69
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-blank.png differ
diff --git a/Open-ILS/web/images/kpac/cat-boat.png b/Open-ILS/web/images/kpac/cat-boat.png
new file mode 100644
index 0000000000..d5cafb64b0
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-boat.png differ
diff --git a/Open-ILS/web/images/kpac/cat-car.png b/Open-ILS/web/images/kpac/cat-car.png
new file mode 100644
index 0000000000..8f0f613208
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-car.png differ
diff --git a/Open-ILS/web/images/kpac/cat-chemistry.png b/Open-ILS/web/images/kpac/cat-chemistry.png
new file mode 100644
index 0000000000..5d56c8e498
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-chemistry.png differ
diff --git a/Open-ILS/web/images/kpac/cat-chinese.png b/Open-ILS/web/images/kpac/cat-chinese.png
new file mode 100644
index 0000000000..7b5c754770
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-chinese.png differ
diff --git a/Open-ILS/web/images/kpac/cat-church.png b/Open-ILS/web/images/kpac/cat-church.png
new file mode 100644
index 0000000000..97229d049d
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-church.png differ
diff --git a/Open-ILS/web/images/kpac/cat-computer.png b/Open-ILS/web/images/kpac/cat-computer.png
new file mode 100644
index 0000000000..49b1bebdf2
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-computer.png differ
diff --git a/Open-ILS/web/images/kpac/cat-cooking.png b/Open-ILS/web/images/kpac/cat-cooking.png
new file mode 100644
index 0000000000..ea32fe97b0
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-cooking.png differ
diff --git a/Open-ILS/web/images/kpac/cat-dictionary.png b/Open-ILS/web/images/kpac/cat-dictionary.png
new file mode 100644
index 0000000000..539ce40dcd
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-dictionary.png differ
diff --git a/Open-ILS/web/images/kpac/cat-doctor.png b/Open-ILS/web/images/kpac/cat-doctor.png
new file mode 100644
index 0000000000..e5c554fb18
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-doctor.png differ
diff --git a/Open-ILS/web/images/kpac/cat-dreams.png b/Open-ILS/web/images/kpac/cat-dreams.png
new file mode 100644
index 0000000000..59b381307d
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-dreams.png differ
diff --git a/Open-ILS/web/images/kpac/cat-earth.png b/Open-ILS/web/images/kpac/cat-earth.png
new file mode 100644
index 0000000000..042883d893
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-earth.png differ
diff --git a/Open-ILS/web/images/kpac/cat-encyclopedia.png b/Open-ILS/web/images/kpac/cat-encyclopedia.png
new file mode 100644
index 0000000000..34e3284542
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-encyclopedia.png differ
diff --git a/Open-ILS/web/images/kpac/cat-fairy.png b/Open-ILS/web/images/kpac/cat-fairy.png
new file mode 100644
index 0000000000..b05d3d6013
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-fairy.png differ
diff --git a/Open-ILS/web/images/kpac/cat-french.png b/Open-ILS/web/images/kpac/cat-french.png
new file mode 100644
index 0000000000..9bd6c445b2
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-french.png differ
diff --git a/Open-ILS/web/images/kpac/cat-game.png b/Open-ILS/web/images/kpac/cat-game.png
new file mode 100644
index 0000000000..4f06d841b6
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-game.png differ
diff --git a/Open-ILS/web/images/kpac/cat-ghost.png b/Open-ILS/web/images/kpac/cat-ghost.png
new file mode 100644
index 0000000000..0de944362c
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-ghost.png differ
diff --git a/Open-ILS/web/images/kpac/cat-habitat.png b/Open-ILS/web/images/kpac/cat-habitat.png
new file mode 100644
index 0000000000..f09c84c42e
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-habitat.png differ
diff --git a/Open-ILS/web/images/kpac/cat-history-europe.png b/Open-ILS/web/images/kpac/cat-history-europe.png
new file mode 100644
index 0000000000..d841fa0112
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-history-europe.png differ
diff --git a/Open-ILS/web/images/kpac/cat-history-us.png b/Open-ILS/web/images/kpac/cat-history-us.png
new file mode 100644
index 0000000000..f6d77cb24f
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-history-us.png differ
diff --git a/Open-ILS/web/images/kpac/cat-insects.png b/Open-ILS/web/images/kpac/cat-insects.png
new file mode 100644
index 0000000000..dce5622ac5
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-insects.png differ
diff --git a/Open-ILS/web/images/kpac/cat-inventions.png b/Open-ILS/web/images/kpac/cat-inventions.png
new file mode 100644
index 0000000000..f8f7415919
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-inventions.png differ
diff --git a/Open-ILS/web/images/kpac/cat-magic.png b/Open-ILS/web/images/kpac/cat-magic.png
new file mode 100644
index 0000000000..1bd9d6b236
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-magic.png differ
diff --git a/Open-ILS/web/images/kpac/cat-mammals.png b/Open-ILS/web/images/kpac/cat-mammals.png
new file mode 100644
index 0000000000..811a63ab6f
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-mammals.png differ
diff --git a/Open-ILS/web/images/kpac/cat-map.png b/Open-ILS/web/images/kpac/cat-map.png
new file mode 100644
index 0000000000..efdb7c5d89
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-map.png differ
diff --git a/Open-ILS/web/images/kpac/cat-math.png b/Open-ILS/web/images/kpac/cat-math.png
new file mode 100644
index 0000000000..1bc0894a61
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-math.png differ
diff --git a/Open-ILS/web/images/kpac/cat-military.png b/Open-ILS/web/images/kpac/cat-military.png
new file mode 100644
index 0000000000..8770880463
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-military.png differ
diff --git a/Open-ILS/web/images/kpac/cat-mlk.png b/Open-ILS/web/images/kpac/cat-mlk.png
index 9a142320ca..b1b8eb926a 100644
Binary files a/Open-ILS/web/images/kpac/cat-mlk.png and b/Open-ILS/web/images/kpac/cat-mlk.png differ
diff --git a/Open-ILS/web/images/kpac/cat-music.png b/Open-ILS/web/images/kpac/cat-music.png
new file mode 100644
index 0000000000..439938ee4d
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-music.png differ
diff --git a/Open-ILS/web/images/kpac/cat-myth.png b/Open-ILS/web/images/kpac/cat-myth.png
new file mode 100644
index 0000000000..634b70f25a
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-myth.png differ
diff --git a/Open-ILS/web/images/kpac/cat-pets.png b/Open-ILS/web/images/kpac/cat-pets.png
new file mode 100644
index 0000000000..f13a2f6c85
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-pets.png differ
diff --git a/Open-ILS/web/images/kpac/cat-physics.png b/Open-ILS/web/images/kpac/cat-physics.png
new file mode 100644
index 0000000000..23b3b31902
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-physics.png differ
diff --git a/Open-ILS/web/images/kpac/cat-pirate.png b/Open-ILS/web/images/kpac/cat-pirate.png
new file mode 100644
index 0000000000..d4765624c3
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-pirate.png differ
diff --git a/Open-ILS/web/images/kpac/cat-plant.png b/Open-ILS/web/images/kpac/cat-plant.png
new file mode 100644
index 0000000000..4ba73b97db
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-plant.png differ
diff --git a/Open-ILS/web/images/kpac/cat-plays.png b/Open-ILS/web/images/kpac/cat-plays.png
new file mode 100644
index 0000000000..d1f2789a38
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-plays.png differ
diff --git a/Open-ILS/web/images/kpac/cat-poetry.png b/Open-ILS/web/images/kpac/cat-poetry.png
new file mode 100644
index 0000000000..d74b04cd9e
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-poetry.png differ
diff --git a/Open-ILS/web/images/kpac/cat-reptiles.png b/Open-ILS/web/images/kpac/cat-reptiles.png
new file mode 100644
index 0000000000..fc20540f40
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-reptiles.png differ
diff --git a/Open-ILS/web/images/kpac/cat-scienceprojects.png b/Open-ILS/web/images/kpac/cat-scienceprojects.png
new file mode 100644
index 0000000000..9b71b9408f
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-scienceprojects.png differ
diff --git a/Open-ILS/web/images/kpac/cat-sculpture.png b/Open-ILS/web/images/kpac/cat-sculpture.png
new file mode 100644
index 0000000000..366d1bdb1c
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-sculpture.png differ
diff --git a/Open-ILS/web/images/kpac/cat-shakespeare.png b/Open-ILS/web/images/kpac/cat-shakespeare.png
new file mode 100644
index 0000000000..36233b327c
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-shakespeare.png differ
diff --git a/Open-ILS/web/images/kpac/cat-signlanguage.png b/Open-ILS/web/images/kpac/cat-signlanguage.png
new file mode 100644
index 0000000000..7a088a1191
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-signlanguage.png differ
diff --git a/Open-ILS/web/images/kpac/cat-space.png b/Open-ILS/web/images/kpac/cat-space.png
new file mode 100644
index 0000000000..2dd780b3be
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-space.png differ
diff --git a/Open-ILS/web/images/kpac/cat-spanish.png b/Open-ILS/web/images/kpac/cat-spanish.png
new file mode 100644
index 0000000000..635b46660d
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-spanish.png differ
diff --git a/Open-ILS/web/images/kpac/cat-speeches.png b/Open-ILS/web/images/kpac/cat-speeches.png
new file mode 100644
index 0000000000..b1b8eb926a
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-speeches.png differ
diff --git a/Open-ILS/web/images/kpac/cat-sports.png b/Open-ILS/web/images/kpac/cat-sports.png
new file mode 100644
index 0000000000..60efefb087
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-sports.png differ
diff --git a/Open-ILS/web/images/kpac/cat-ufo.png b/Open-ILS/web/images/kpac/cat-ufo.png
new file mode 100644
index 0000000000..1900ce6a1b
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-ufo.png differ
diff --git a/Open-ILS/web/images/kpac/cat-world.png b/Open-ILS/web/images/kpac/cat-world.png
new file mode 100644
index 0000000000..929d1b7cc6
Binary files /dev/null and b/Open-ILS/web/images/kpac/cat-world.png differ