changes for home and inner - arrows, etc.

itf/static/css/noel/home.css

@@ -140,8 +140,10 @@ margin-right:6px;
 font-weight:bold;}
 
 #contentTab 
-{padding:6px 26px 10px 6px;
-clear:both;}
+{padding:6px 18px 10px 6px;
+clear:both;
+height:172px;
+overflow:hidden;} /*we may need to do some JAVASCRIPT for this*/
 
 #contentTab ul li span
 {color:#0024ff;}
@@ -155,14 +157,14 @@ color:#929292;}
 
 #triangleNext
 {position:absolute;
-left:22px;
+left:20px;
 bottom:10px;
 cursor:pointer;}
 
 #trianglePrevious
 {position:absolute;
 bottom:10px;
-right:22px;
+right:20px;
 cursor:pointer;}
 
 #slider
@@ -180,13 +182,13 @@ position:relative;}
 {position:absolute;
 top:49%;
 z-index:5;
-left:10px;}
+left:12px;} /*need to increase size for sliding purposes*/
 
 #arrowRight
 {position:absolute;
 top:49%;
 z-index:5;
-right:10px;}
+right:8px;}
 
 
 #sliderTabs /*at 800 res, we have different probs in different browsers with the tabs, ok to give position absolute to the ul?*/

itf/static/css/noel/inner.css

@@ -155,7 +155,7 @@ color:#f7bd00;
 position:absolute;
 right:8px;
 top:-14px;
-cursor:pointer;} /*unicode not showing in IE*/
+cursor:pointer;} 
 
 #triangleDown
 {font-size:10px;
@@ -207,13 +207,14 @@ float:left;}
 .twitter-share-button
 {padding-top:35px;
 margin-left:164px;
+margin-right:20px;
 float:left;}/*WHAT'S HAPPENING IN SAFARI, doesn't show until you hover?? hard to custmoise these ones, on hover*/
 
 #fb
 {width:62px;
 font-size:12px;
 color:#fff;
-padding-top:36px;
+padding-top:35px;
 float:left;}
 
 #fb a
@@ -226,7 +227,7 @@ border-radius:3px;
 }/*problem customising these*/
 
 #download
-{padding-top:38px;
+{padding-top:39px;
 cursor:pointer;
 margin-left:4px;
 clear:both;}

itf/templates/noel/bestpractices.html

@@ -55,8 +55,8 @@
             	<li><a href=""><span>Name of Play</span></a></li>
   	        </ul>
         
-      		<div id="triangleUp">&#x25B2</div>
-        	<div id="triangleDown">&#x25BC</div>
+      		<div id="triangleUp">&#x25B2;</div>
+        	<div id="triangleDown">&#x25BC;</div>
                 
         </div>
 

itf/templates/noel/index.html

@@ -64,8 +64,8 @@
     	</div>
     
     <div id="slider">
-    	<img src="/static/images/noel/arrow-left.png" width="28" height="42" alt="arrow-left" id="arrowLeft">
- 		<img src="/static/images/noel/arrow-right.png" width="28" height="42" alt="arrow-right" id="arrowRight">     
+    	<img src="/static/images/noel/arrow-lft.png" width="27" height="39" alt="arrow-left" id="arrowLeft">
+ 		<img src="/static/images/noel/arrow-rt.png" width="27" height="39" alt="arrow-right" id="arrowRight">     
   <ul id="sliderTabs">
     {% for b in boxes %}
         <li class="tab" style="background-image:url('{{b.image.url}}');background-position:0px {{b.imageTop}}px;">