made superficial design changes for fonts, etc.

itf/static/css/noel/inner-details.css

@@ -2,10 +2,10 @@
 {width:570px;
 height:100%; /*IS THIS REQUIRED??*/
 background-color:#FFF;
-color:#3b3b39;
+color:#3b3b39; /*was originally f7bd00*/
-font-size:14px;
+font-family:'Arial Regular', Arial, Helvetica, sans-serif;
+font-size:12px;
 line-height:16px;
-font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
 padding:20px;
 margin-top:20px;
 -moz-border-radius:8px; 

itf/static/css/noel/inner.css

@@ -9,7 +9,7 @@ margin-left:auto;
 position:relative;} 
 
 #leftColumn
-{width:300px;
+{width:296px;
 height:620px; /*SANJ to change height in JS according to screen*/
 background-color:#FFF;
 margin-top:-8px; /*had to give this because of shadow*/
@@ -22,7 +22,8 @@ border-radius:8px;
 box-shadow:2px 3px 20px #252425;  
 position:relative;
 float:left;
-padding-right:6px;}
+padding-right:6px;
+padding-left:4px;}
 
 #topText
 {font-size:24px;
@@ -109,9 +110,10 @@ border-top:1px solid #ececec;
 -webkit-box-shadow:-3px 0px 6px #e0dfdf;
 box-shadow:-3px 0px 6px #e0dfdf;
 background-color:#FFF;
+padding:1px 1px;
 color:#ffb80f;
 cursor:pointer;
-margin-right:6px;}
+margin-right:1px;}
 
 .innerSelected /*SANJ this is the extra class for the selected tabs*/
 {-moz-border-radius-topright:8px; 
@@ -121,7 +123,7 @@ border-top-right-radius:8px;
 -webkit-border-top-left-radius:8px; 
 border-top-left-radius:8px;
 border:1px solid #ececec;
-padding:2px 6px;
+padding:1px 1px;
 background-color:#f7bd00;
 color:#FFF;
 -moz-box-shadow:-3px -0px 6px #e0dfdf;
@@ -200,16 +202,20 @@ margin-right:18px;}
 }
 
 .tabListItem
-{text-overflow:ellipsis;
+{/*text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap;
-width:100%;}
+width:100%;*/}
 
 #listLeft ul
-{color:#898989; /*was originally f7bd00*/
+{color:#979797; /*was originally f7bd00*/
+font-family:'Arial Regular', Arial, Helvetica, sans-serif;
+font-size:14px;
+line-height:18px;
+font-weight:bold;
 list-style-image:url(/static/images/noel/disc.png);
 list-style-type:disc;
-list-style-position:inside;
+list-style-position:outside;
 padding-left:16px;
 overflow:hidden; /*this prevents the box shadow from sticking out on the right*/
 }
@@ -227,8 +233,6 @@ padding-bottom:6px;
 cursor:pointer;
 } 
 
-
-
 #listLeft ul li a, #listLeft ul li a:link, #listLeft ul li a:visited, #listLeft ul li a:active 
 {color:#898989;
 text-decoration:none;}

itf/static/css/noel/main.css

@@ -51,10 +51,10 @@ box-shadow:inset 2px 2px 6px #d7d7d7;}  /*placeholder input text supported by ht
 {outline:none;} /*to remove outline in webkit-browsers*/
 
 #homeIcon
-{display:block;
+{/*display:block;
 position:absolute;
 left:413px;
-top:69px;
+top:69px;*/
 cursor:pointer;}
 
 #navMenu 
@@ -63,7 +63,7 @@ font-size:16px;
 position:absolute;
 top:64px;
 right:0px;
-z-index:30;
+z-index:50;
 cursor:pointer;
 text-align:left;}
 	
@@ -101,7 +101,8 @@ text-align:left;}
 #navMenu li li 
 {width:180px;
 border-bottom:1px solid #e0e0e0;
-text-align:left;}
+text-align:left;
+box-shadow:1px 1px 6px #919191;}
 	
 #navMenu li li a 
 {padding:2px 10px;

itf/templates/noel/base.html

@@ -19,9 +19,9 @@
 		<form>
 			<input type="text" placeholder="search" name="field" id="search"/>
 		</form>      
-		<a href=""><img src="/static/images/noel/home.png" width="16" height="17" alt="home" id="homeIcon"></a>
 				
 		<ul id="navMenu">			
+        	<li><a href=""><img src="/static/images/noel/home.png" width="16" height="17" alt="home" id="homeIcon"></a></li>        
             {% for m in menus %}
             <li><a href="">{{ m.name }}</a>
                 <ul>