diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index d77b26aa..6e1bb5db 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -3,6 +3,7 @@ import "@churchapps/apphelper-website/dist/styles/pages.css";
 import "@/styles/member.css";
 import "@/styles/streaming.css";
 import "@/styles/buttons.css";
+import "@/styles/sidebar.css";
 import "@churchapps/apphelper-markdown/dist/components/markdownEditor/editor.css";
 import ClientLayout from "./ClientLayout";
 import { EnvironmentHelper } from "@/helpers/EnvironmentHelper";
diff --git a/src/styles/sidebar.css b/src/styles/sidebar.css
new file mode 100644
index 00000000..d8016b86
--- /dev/null
+++ b/src/styles/sidebar.css
@@ -0,0 +1,40 @@
+.sideNav ul {
+  padding-left: 0px;
+}
+
+.sideNav li {
+  list-style-type: none;
+  border-bottom: 1px solid #ccc;
+  padding:8px 10px;
+}
+
+.sideNav li a {
+  color:#333;
+}
+
+.sideNav li.active {
+  list-style-type: none;
+  border-bottom: 1px solid #3578CC;
+  padding:8px 10px;
+}
+
+.sideNav li.active a, .sideNav li a:hover {
+  color:#3578CC;
+}
+
+.sideNav .subhead {
+  margin-top:30px;
+  background-color:#DDE1FC;
+  padding-left:12px;
+  padding-top:5px;
+  padding-bottom: 5px;
+}
+
+.sideNav li span {
+  padding-top:5px;
+  overflow:visible;
+}
+
+#mainContent {
+  padding:24px;
+}