diff --git a/Scripts/customdoxygen.css b/Scripts/customdoxygen.css
index 9b3b63f1a..ce70919aa 100644
--- a/Scripts/customdoxygen.css
+++ b/Scripts/customdoxygen.css
@@ -1,7 +1,15 @@
 /* The standard CSS for doxygen 1.8.5 */
 
-body, table, div, p, dl {
-	font: 400 14px/22px Helvetica,sans-serif;
+
+body { 	
+	background:#FFF url(images/patterns/groovepaper.png) repeat; 
+	font-family: 'Helvetica', sans-serif; 
+	font-weight: 400; font-style: normal; 
+	font-size: 13px; 
+	line-height: 1; 
+	color: #252319; 
+	position: relative; 
+	-webkit-font-smoothing: antialiased; 
 }
 
 /* @group Heading Levels */
@@ -97,6 +105,7 @@ div.qindex, div.navtab{
 div.qindex, div.navpath {
 	width: 100%;
 	line-height: 140%;
+	background-color: #01414e;
 }
 
 div.navtab {
@@ -254,25 +263,6 @@ div.groupText {
 }
 
 
-
-body { 	background:#FFF url(images/patterns/groovepaper.png) repeat; font-family: 'Ubuntu', sans-serif; font-weight: 400; font-style: normal; font-size: 14px; line-height: 1; color: #252319; position: relative; -webkit-font-smoothing: antialiased; }
-
-div.item
-{
-	background:#FFF url(images/patterns/groovepaper.png) repeat;
-	width: 100%
-	height: 100%
-}
-
-
-div.top
-{
-	background:#FFF url(images/patterns/groovepaper.png) repeat;
-}
-
-
-
-
 div.contents {
 	margin-top: 10px;
 	margin-left: 12px;
@@ -857,12 +847,11 @@ table.fieldtable {
 	font-size: 13px;
 }
 
+
 .navpath ul
 {
 	font-size: 11px;
-	background-image:url('tab_b.png');
-	background-repeat:repeat-x;
-	background-position: 0 -5px;
+	background-color: #01414e;
 	height:30px;
 	line-height:30px;
 	color:#8AC0CB;
@@ -874,6 +863,7 @@ table.fieldtable {
 
 .navpath li
 {
+
 	list-style-type:none;
 	float:left;
 	padding-left:10px;
@@ -945,6 +935,7 @@ div.header
 	background-color: #e2f0f2;
 	margin:  0px;
 	border-bottom: 1px solid #C5E0E5;
+	color: #38372b
 }
 
 div.headertitle
diff --git a/Scripts/navtree.css b/Scripts/navtree.css
new file mode 100644
index 000000000..8896489f8
--- /dev/null
+++ b/Scripts/navtree.css
@@ -0,0 +1,141 @@
+#nav-tree .children_ul {
+  margin:0;
+  padding:4px;
+}
+
+#nav-tree ul {
+  list-style:none outside none;
+  margin:0px;
+  padding:0px;
+}
+
+#nav-tree li {
+  white-space:nowrap;
+  margin:0px;
+  padding:0px;
+}
+
+#nav-tree .plus {
+  margin:0px;
+}
+
+#nav-tree .selected {
+  background-image: url('tab_a.png');
+  background-repeat:repeat-x;
+  color: #fff;
+  text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);
+}
+
+#nav-tree img {
+  margin:0px;
+  padding:0px;
+  border:0px;
+  vertical-align: middle;
+}
+
+#nav-tree a {
+  text-decoration:none;
+  padding:0px;
+  margin:0px;
+  outline:none;
+}
+
+#nav-tree .label {
+  margin:0px;
+  padding:0px;
+  font: 12px 'Lucida Grande',Geneva,Helvetica,Arial,sans-serif;
+}
+
+#nav-tree .label a {
+  padding:2px;
+}
+
+#nav-tree .selected a {
+  text-decoration:none;
+  color:#fff;
+}
+
+#nav-tree .children_ul {
+  margin:0px;
+  padding:0px;
+}
+
+#nav-tree .item {
+  margin:0px;
+  padding:0px;
+}
+
+#nav-tree {
+  padding: 0px 0px;
+  background-color: #FAFAFF; 
+  font-size:14px;
+  overflow:auto;
+}
+
+#doc-content {
+  overflow:auto;
+  display:block;
+  padding:0px;
+  margin:0px;
+  -webkit-overflow-scrolling : touch; /* iOS 5+ */
+}
+
+#side-nav {
+  padding:0 6px 0 0;
+  margin: 0px;
+  display:block;
+  position: absolute;
+  left: 0px;
+  width: 250px;
+}
+
+.ui-resizable .ui-resizable-handle {
+  display:block;
+}
+
+.ui-resizable-e {
+  background:url("ftv2splitbar.png") repeat scroll right center transparent;
+  cursor:e-resize;
+  height:100%;
+  right:0;
+  top:0;
+  width:6px;
+}
+
+.ui-resizable-handle {
+  display:none;
+  font-size:0.1px;
+  position:absolute;
+  z-index:1;
+}
+
+#nav-tree-contents {
+  margin: 6px 0px 0px 0px;
+}
+
+#nav-tree {
+  background:#FFF url(images/patterns/groovepaper.png) repeat; 
+  -webkit-overflow-scrolling : touch; /* iOS 5+ */
+}
+
+#nav-sync {
+  position:absolute;
+  top:5px;
+  right:24px;
+  z-index:0;
+}
+
+#nav-sync img {
+  opacity:0.3;
+}
+
+#nav-sync img:hover {
+  opacity:0.9;
+}
+
+@media print
+{
+  #nav-tree { display: none; }
+  div.ui-resizable-handle { display: none; position: relative; }
+}
+
diff --git a/build.xml b/build.xml
index 989add8b0..c37204c3e 100644
--- a/build.xml
+++ b/build.xml
@@ -262,6 +262,7 @@
         <copy todir="${reports.dir}/api/images">
             <fileset dir="images"/>
         </copy>
+        <copy todir="${reports.dir}/api" file="Scripts/navtree.css" overwrite="yes"/>
 
     </target>
 
diff --git a/images/nav_h.png b/images/nav_h.png
new file mode 100644
index 000000000..8573a57ac
Binary files /dev/null and b/images/nav_h.png differ