a bunch of various improvements

LibGuide-banner.html

@@ -1,5 +1,4 @@
-<div id="bannercont">
-     <img id="bannerimage" src="http://lgimages.s3.amazonaws.com/data/headers/3762/Kingsborough_Community_College_.jpg">
+<div id="bannerwrap">
 	<div id="innerbannercont" class="hidden-sm hidden-xs">													           
 		<a href="http://www.kbcc.cuny.edu/Pages/webmail_portal.aspx" target="_blank">Webmail</a> |           
 		<a href="http://www.kbcc.cuny.edu/its/Pages/default.aspx" target="_blank"> IT Helpdesk</a> |           
@@ -9,4 +8,9 @@
 		<a href="http://www.kbcc.cuny.edu/kcclibrary/Pages/default.aspx" target="_blank">Library</a> |             
 		<a href="http://www.kbcc.cuny.edu/access-ability/Pages/welcome.aspx" target="_blank">Access-Ability Services</a>     
 	</div>
+
+	<div id="bannerleft"></div>
+	<div id="bannerx"></div>
+
 </div>
+<div id="spacer"></div>

LibGuide-home.html

@@ -31,9 +31,9 @@
                                 <div id="s-lg-hp-nav-bottom">
                                  <li>
                                     <ul class="nav nav-pills">
-                                        {{button_all_guides}}
                                         {{button_by_subject}}
                                         {{button_by_type}}                                
+                                        {{button_all_guides}}
                                      </ul>
                                  </li>
                                </div>

LibGuide.css

@@ -1,5 +1,10 @@
 <style>
 
+/* temporary rule to keep non-working links to librarians pages from displaying on the guides -> course guides page */
+.s-lg-guide-info-account {
+    display:none;
+}
+
 /* styling the header on the main page */
 #s-lg-hp-nav {     
     background:url(http://www1.kingsborough.edu/photo_album/kcc_campus_06/images/KG_Kibbee_3_jpg.jpg); /* does not seem to work well with .png files */ 
@@ -20,7 +25,7 @@
 
 #nav-title-spacer {
     height:42px; 
-    width:365px; 
+    width:400px; 
     padding:0px 0px 0px 20px; 
     margin-bottom:10px;
     background-color:rgba(0,0,0,0.65);
@@ -29,7 +34,7 @@
 
 /* makes the heading smaller on very small screens */
 
-@media (max-width: 420px) {
+@media (max-width: 455px) {
     h1 {
         font-size: 25px;
     }
@@ -69,7 +74,7 @@ a.label.label-info:hover {
     border:1px solid #003466;
 }
 
-.btn:hover {
+.btn-info:hover {
     background-color:#003466;
     border:1px solid #003466;
 }
@@ -79,26 +84,63 @@ a.label.label-info:hover {
     border:1px solid #ccc;
 }
 
-/* Making the Kingsborough banner */
+/* New CSS for the Kingsborough banner that was developed by Kwatei */
 
-#bannerimage {
+#bannerwrap {
+    top:10px;
     width:100%;
-    height: 125px;
+    height:100px;
+    position:relative;
+    margin:0px auto;
+    float:none;
+    clear:none;	
+}
+
+#bannerleft {
+    background:url(http://www2.kingsborough.edu/kcclibrary/Images/logoleft.png);
+    width:281px;
+    height:100px;
+    margin:0px auto;
+    position:relative;
+    float:left;
+    clear:none;
+}
+
+#bannerx {
+    height:100px;
+    background-image:url(http://www2.kingsborough.edu/kcclibrary/Images/logo_x.png);
+    background-repeat: repeat-x;
 }
 
 #innerbannercont {
-    color:gray;
-    position:absolute;
-    top: 10px;
-    right: 17px;
+    width:660px;
+    float:right;
+    clear:left;
+    height:33px;	
+    position:relative;
+    z-index:12;
+    font-size:12px;
+    text-align:right;
 }
 
-#innerbannercont a:link {
-    color:gray;
+#innerbannercont a {
+    color:#777;
+    text-decoration:none;
 }
 
-#innerbannercont a:visited {
-    color:gray;
+#spacer {
+    height:15px;
 }
 
+#s-lib-bc {
+   clear:both;
+}
+
+/* alternate fonts included to accommodate computers that do not have the defaults */
+
+body {
+    font-family: arial, sans-serif;
+}
+
+
 </style>