aligning of next previous buttons

gazetteer/static/css/main.css

@@ -90,8 +90,9 @@ height:68%;
 
 .nav
 {height:4%;
-width:100%;
-margin-bottom:2%;}
+width:98%;
+margin-bottom:2%;
+margin:0 auto;}
 
 .nav ul
 {padding-top: 4px;
@@ -113,7 +114,7 @@ cursor:pointer;}
 color:#FFF;}
 
 .nav ul li a:hover
-{color:#5B80B2;}
+{color:#036;}
 
 
 .mapListSection
@@ -257,8 +258,12 @@ font-weight:bold;}
 .last
 {float:right;}
 
+.prevNext
+{width:150px;
+margin:0 auto;}}
+
 .next, .previous
-{margin-left: 92px;
+{/*margin-left: 92px;*/
 font-weight: bold;
 font-size: 10px;
 color: #999;

gazetteer/templates/search.html

@@ -62,8 +62,10 @@
         
         <div class="firstLast">
             <div class="first">First </div>
+            <div class="prevNext">
             <div class="previous"> Previous </div>
             <div class="next"> Next </div>
+            </div>
             <div class="last"> Last</div>
         </div>