Sync'd the titles in the wysiwyg editor with the actual site styles,

and made them all different sizes (#408)

htdocs/theme/default/static/style/style.css

@@ -25,25 +25,36 @@ a:hover {
 
 h1, h2 {
 	color: #547c22;
-	font-size: 20px;
+	font-size: 22px;
 	font-weight: normal;	
 	margin: 0 0 5px 0;
 	padding: 0;
 	text-transform: capitalize;
 	border-bottom: 1px solid #819f18;
 }
+h2 {
+    font-size: 20px;
+}
+
 h3, h4 {
 	color: #819f18;
 	font-weight: bold;	
-	font-size: 15px;	
-	margin: 15px 0 0 0;
+	font-size: 17px;	
+	margin: 15px 0 0;
 	text-transform: capitalize;
 }
+h4 {
+    font-size: 15px;
+}
+
 h5, h6 {
 	color: #5c8727;
 	font-weight: bold;
-	font-size: 18px;
-	margin: 0;
+	font-size: 14px;
+	margin: 5px 0 0;
+}
+h6 {
+    font-size: 13px;
 }
 
 form {

htdocs/theme/default/static/style/tinymce.css

@@ -22,19 +22,34 @@ a:hover {
 
 h1, h2 {
 	color: #547c22 !important;
-	font-size: 20px !important;
+	font-size: 22px !important;
 	font-weight: normal !important;	
-	margin: 5px 0 5px 0 !important;
+	margin: 0 0 5px 0 !important;
+	padding: 0 !important;
 	text-transform: capitalize !important;
+	border-bottom: 1px solid #819f18 !important;
+}
+h2 {
+    font-size: 20px !important;
 }
 
-h3, h4, h5, h6 {
+h3, h4 {
 	color: #819f18 !important;
 	font-weight: bold !important;
-    font-size: 14px !important;
-	margin: 15px 0 0 0 !important;
+	font-size: 17px !important;
+	margin: 15px 0 0 !important;
 	text-transform: capitalize !important;
 }
+h4 {
+    font-size: 15px !important;
+}
+
 h5, h6 {
+	color: #5c8727 !important;
+	font-weight: bold !important;
+	font-size: 14px !important;
+	margin: 5px 0 0 !important;
+}
+h6 {
     font-size: 13px !important;
 }