diff --git a/index.html b/index.html
index 92f6814..0f9a448 100644
--- a/index.html
+++ b/index.html
@@ -1,14 +1,17 @@
 <html style="height: 100%;">
   <head>
-   <title>WebStrayer v.1 - Nicholas Pease</title>
+   <title>WebStrayer v.2 - Nicholas Pease</title>
     <script src="script.js"></script>
+    <link rel="stylesheet" type="text/css" href="style.css">
     <link rel="icon" type="image/png" href="https://i.imgur.com/O4AeOvI.png">
   </head>
-  <body onload="changePDF('chapter1')" style="background-color: #585858;">
+  <body onload="changePDF('chapter 1')">
     <table width="100%" height="100%">
       <tr width="100%" height="100%">
-      <td width="10%">
-        <a href="javascript:changePDF('chapter1')">Chapter 1</a><br>
+      <td width="10%" id="toc" class="collapsable">
+        <h2><div id="chapter_name">Chapter 1</div></h2>
+        Table of Contents:
+        <a href="javascript:changePDF('chapter 1')">Chapter 1</a><br>
         <a href="javascript:changePDF('chapter 2')">Chapter 2</a><br>
         <a href="javascript:changePDF('chapter 3')">Chapter 3</a><br>
         <a href="javascript:changePDF('chapter 4')">Chapter 4</a><br>
@@ -32,8 +35,7 @@
         <a href="javascript:changePDF('chapter 22')">Chapter 22</a><br>
         <a href="javascript:changePDF('chapter 23')">Chapter 23</a><br>
         </td>
-      <td width="90%" height="100%">
-        <h1><div id="chapter_name" style="text-transform: capitalize;">Chapter 1</div></h1>
+      <td width="90%" height="100%" id="pdfcell">
         <div id="pdfcontainer" height="100%" width="100%">
           
         </div>
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..78d50ca
--- /dev/null
+++ b/style.css
@@ -0,0 +1,5 @@
+body {background-color: white;color: black;}
+td {border: solid 1px white;}
+#chapter_name {text-transform: capitalize;}
+#toc {background-color: white;border: solid 1px black; color: black;}
+#pdfcell {background-color: #525659;border: solid 1px black;}
\ No newline at end of file
