diff --git a/css/application.css b/css/application.css
index 148d864540..3df13aa5a0 100644
--- a/css/application.css
+++ b/css/application.css
@@ -974,12 +974,14 @@ div.course-wrapper section.course-content ol.vert-mod > li {
 div.course-wrapper.closed section.course-index {
   width: 3.077%;
   padding-left: 4px; }
-  div.course-wrapper.closed section.course-index div#open_close_accordion a {
-    background-image: url("/static/images/slide-right-icon.png"); }
-  div.course-wrapper.closed section.course-index div#open_close_accordion h2 {
-    visibility: hidden;
-    width: 10px;
+  div.course-wrapper.closed section.course-index div#open_close_accordion {
     padding: 0; }
+    div.course-wrapper.closed section.course-index div#open_close_accordion a {
+      background-image: url("/static/images/slide-right-icon.png"); }
+    div.course-wrapper.closed section.course-index div#open_close_accordion h2 {
+      visibility: hidden;
+      width: 10px;
+      padding: 0; }
   div.course-wrapper.closed section.course-index div#accordion {
     visibility: hidden;
     width: 10px;
diff --git a/css/marketing.css b/css/marketing.css
index 472da9925b..e30ea874ea 100644
--- a/css/marketing.css
+++ b/css/marketing.css
@@ -143,8 +143,12 @@ input, select {
 
 .subpage > div, section.copyright > div, section.tos > div, section.privacy-policy > div, section.honor-code > div {
   padding-left: 34.171%; }
+  @media screen and (max-width: 940px) {
+    .subpage > div, section.copyright > div, section.tos > div, section.privacy-policy > div, section.honor-code > div {
+      padding-left: 0; } }
   .subpage > div p, section.copyright > div p, section.tos > div p, section.privacy-policy > div p, section.honor-code > div p {
-    margin-bottom: 25.888px; }
+    margin-bottom: 25.888px;
+    line-height: 25.888px; }
   .subpage > div h1, section.copyright > div h1, section.tos > div h1, section.privacy-policy > div h1, section.honor-code > div h1 {
     margin-bottom: 12.944px; }
   .subpage > div h2, section.copyright > div h2, section.tos > div h2, section.privacy-policy > div h2, section.honor-code > div h2 {
@@ -154,7 +158,12 @@ input, select {
   .subpage > div ul, section.copyright > div ul, section.tos > div ul, section.privacy-policy > div ul, section.honor-code > div ul {
     list-style: disc outside none; }
     .subpage > div ul li, section.copyright > div ul li, section.tos > div ul li, section.privacy-policy > div ul li, section.honor-code > div ul li {
-      list-style: disc outside none; }
+      list-style: disc outside none;
+      line-height: 25.888px; }
+  .subpage > div dl, section.copyright > div dl, section.tos > div dl, section.privacy-policy > div dl, section.honor-code > div dl {
+    margin-bottom: 25.888px; }
+    .subpage > div dl dd, section.copyright > div dl dd, section.tos > div dl dd, section.privacy-policy > div dl dd, section.honor-code > div dl dd {
+      margin-bottom: 12.944px; }
 
 .clearfix:after, .subpage:after, section.copyright:after, section.tos:after, section.privacy-policy:after, section.honor-code:after, header.announcement div section:after, section.index-content:after, section.index-content section:after, section.index-content section.about section:after, footer:after, div.leanModal_box#enroll ol:after {
   content: ".";
@@ -164,11 +173,6 @@ input, select {
   visibility: hidden; }
 
 .button, header.announcement div section.course section a, section.index-content section.course a, section.index-content section.staff a, section.index-content section.about-course section.cta a.enroll {
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  -ms-border-radius: 3px;
-  -o-border-radius: 3px;
-  border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
@@ -202,14 +206,21 @@ input, select {
   -o-transition-delay: 0;
   transition-delay: 0;
   background-color: #993333;
+  border: 1px solid #732626;
   color: #fff;
   margin: 25.888px 0 12.944px;
   padding: 6.472px 12.944px;
   text-decoration: none;
   font-style: normal;
+  -webkit-box-shadow: inset 0 1px 0 #b83d3d;
+  -moz-box-shadow: inset 0 1px 0 #b83d3d;
+  -ms-box-shadow: inset 0 1px 0 #b83d3d;
+  -o-box-shadow: inset 0 1px 0 #b83d3d;
+  box-shadow: inset 0 1px 0 #b83d3d;
   -webkit-font-smoothing: antialiased; }
   .button:hover, header.announcement div section.course section a:hover, section.index-content section.course a:hover, section.index-content section.staff a:hover, section.index-content section.about-course section.cta a.enroll:hover {
-    background-color: #732626; }
+    background-color: #732626;
+    border-color: #4d1919; }
   .button span, header.announcement div section.course section a span, section.index-content section.course a span, section.index-content section.staff a span, section.index-content section.about-course section.cta a.enroll span {
     font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
     font-style: italic; }
@@ -363,12 +374,19 @@ header.announcement {
         margin-left: 0;
         padding: 0; }
         header.announcement div section.course section a {
+          -webkit-box-shadow: inset 0 1px 0 #732626, 0 1px 0 #ac3939;
+          -moz-box-shadow: inset 0 1px 0 #732626, 0 1px 0 #ac3939;
+          -ms-box-shadow: inset 0 1px 0 #732626, 0 1px 0 #ac3939;
+          -o-box-shadow: inset 0 1px 0 #732626, 0 1px 0 #ac3939;
+          box-shadow: inset 0 1px 0 #732626, 0 1px 0 #ac3939;
           background-color: #4d1919;
           display: block;
           padding: 12.944px 25.888px;
+          border-color: #260d0d;
           text-align: center; }
           header.announcement div section.course section a:hover {
-            background-color: #732626; }
+            background-color: #732626;
+            border-color: #4d1919; }
       header.announcement div section.course p {
         width: 48.092%;
         line-height: 25.888px;
@@ -527,10 +545,17 @@ section.index-content section {
           section.index-content section.about-course section.requirements p:nth-child(odd) {
             margin-right: 0; }
       section.index-content section.about-course section.cta {
-        width: 100%; }
+        width: 100%;
+        text-align: center; }
         section.index-content section.about-course section.cta a.enroll {
-          padding: 12.944px 25.888px;
-          display: block;
+          padding: 12.944px 51.776px;
+          display: -moz-inline-box;
+          -moz-box-orient: vertical;
+          display: inline-block;
+          vertical-align: baseline;
+          zoom: 1;
+          *display: inline;
+          *vertical-align: auto;
           text-align: center;
           font: 800 18px "Open Sans", Helvetica, Arial, sans-serif; }
 
@@ -627,12 +652,26 @@ div.leanModal_box {
   border: none;
   background: #fff;
   padding: 51.776px; }
+  div.leanModal_box a.modal_close {
+    position: absolute;
+    top: 12px;
+    right: 12px;
+    display: block;
+    width: 14px;
+    height: 14px;
+    z-index: 2;
+    color: #aaa;
+    font-style: normal; }
+    div.leanModal_box a.modal_close:hover {
+      text-decoration: none;
+      color: #993333; }
   div.leanModal_box h1 {
     font-size: 24px;
     margin-top: 0;
     padding-bottom: 25.888px;
     border-bottom: 1px solid #eee;
-    margin-bottom: 25.888px; }
+    margin-bottom: 25.888px;
+    text-align: left; }
   div.leanModal_box#enroll {
     max-width: 600px; }
     div.leanModal_box#enroll ol li.terms, div.leanModal_box#enroll ol li.honor-code {
@@ -655,13 +694,15 @@ div.leanModal_box {
     text-align: left; }
     div.leanModal_box form div#enroll_error, div.leanModal_box form div#login_error, div.leanModal_box form div#pwd_error {
       -webkit-font-smoothing: antialiased;
-      background-color: #F50200;
+      background-color: #333333;
+      border: black;
       color: #fff;
+      text-shadow: 0 1px 0 #1a1a1a;
+      font-family: "Open sans";
       font-weight: bold;
       letter-spacing: 1px;
-      margin-bottom: 25.888px;
-      padding: 5.178px;
-      text-transform: uppercase; }
+      margin: -25.888px -25.888px 25.888px;
+      padding: 12.944px; }
       div.leanModal_box form div#enroll_error:empty, div.leanModal_box form div#login_error:empty, div.leanModal_box form div#pwd_error:empty {
         padding: 0; }
     div.leanModal_box form ol {
@@ -751,6 +792,14 @@ div.leanModal_box {
 
 div#login {
   min-width: 400px; }
+  div#login header {
+    border-bottom: 1px solid #ddd;
+    margin-bottom: 25.888px;
+    padding-bottom: 25.888px; }
+    div#login header h1 {
+      border-bottom: 0;
+      padding-bottom: 0;
+      margin-bottom: 6.472px; }
   div#login ol li {
     width: auto;
     float: none; }
@@ -773,3 +822,39 @@ div#feedback_div form ol li {
   width: 100%; }
   div#feedback_div form ol li textarea#feedback_message {
     height: 100px; }
+
+div#calculator_div {
+  max-width: 500px; }
+  div#calculator_div form {
+    padding-bottom: 25.888px;
+    margin-bottom: 25.888px;
+    border-bottom: 1px solid #ddd; }
+    div#calculator_div form input#calculator_input {
+      width: 400px; }
+    div#calculator_div form input#calculator_button {
+      background: 0;
+      color: #993333;
+      border: 0;
+      -webkit-box-shadow: none;
+      -moz-box-shadow: none;
+      -ms-box-shadow: none;
+      -o-box-shadow: none;
+      box-shadow: none;
+      padding: 0;
+      text-shadow: none; }
+      div#calculator_div form input#calculator_button:hover {
+        color: #333; }
+    div#calculator_div form input#calculator_output {
+      border: 0;
+      background: 0;
+      padding: 9.061px;
+      width: 60px;
+      font-size: 24px;
+      font-weight: bold; }
+  div#calculator_div dl dt {
+    float: left;
+    clear: both;
+    padding-right: 12.944px;
+    font-weight: bold; }
+  div#calculator_div dl dd {
+    float: left; }