diff --git a/customindex/views/default/customindex/content.php b/customindex/views/default/customindex/content.php
index ea0f50c920c289976aff55cf70561692c63b2299..74f08650bcb4eac5214edbb2498528283cc484b4 100644
--- a/customindex/views/default/customindex/content.php
+++ b/customindex/views/default/customindex/content.php
@@ -24,97 +24,6 @@
 <script type="text/javascript" src="<?php echo $CONFIG->url ?>mod/customindex/witw_people.js"></script>
 <script type="text/javascript" src="<?php echo $CONFIG->url ?>mod/customindex/views/default/customindex/globesplash.js"></script>
 <?php echo '<script type="text/javascript">WDN.loadJS("'.$vars['url'] . 'mod/unl_theme/scripts/jquery.tools.min.js"); $(document).ready(function(){$("div.scrollable").scrollable()});</script>'; ?>
-<style type="text/css">
-/* 
-    root element for the scrollable. 
-    when scrolling occurs this element stays still. 
-*/ 
-div.scrollable { 
- 
-    /* required settings */ 
-    position:relative; 
-    overflow:hidden; 
-    width: 538px; 
-    height:90px; 
-} 
- 
-/* 
-    root element for scrollable items. Must be absolutely positioned 
-    and it should have a extremely large width to accomodate scrollable items. 
-    it's enough that you set width and height for the root element and 
-    not for this element. 
-*/ 
-div.scrollable div.items { 
-    /* this cannot be too large */ 
-    width:20000em; 
-    position:absolute; 
-} 
- 
-/* 
-    a single item. must be floated in horizontal scrolling. 
-    typically, this element is the one that *you* will style 
-    the most. 
-*/ 
-div.scrollable div.items div { 
-    float:left; 
-}
-
-
-/* this makes it possible to add next button beside scrollable */
-.scrollable {
-	float:left;	
-}
-
-/* prev, next, prevPage and nextPage buttons */
-a.browse {
-	background:url(<?php echo $CONFIG->url ?>mod/customindex/hori_large.png) no-repeat;
-	display:block;
-	width:30px;
-	height:30px;
-	float:left;
-	margin-top:20px;
-	cursor:pointer;
-	font-size:1px;
-}
-
-/* right */
-a.right 				{ background-position: 0 -30px; clear:right; margin-right: 27px;}
-a.right:hover 		{ background-position:-30px -30px; }
-a.right:active 	{ background-position:-60px -30px; } 
-
-
-/* left */
-a.left				{ margin-left: 5px; margin-right: 5px; } 
-a.left:hover  		{ background-position:-30px 0; }
-a.left:active  	{ background-position:-60px 0; }
-
-/* up and down */
-a.up, a.down		{ 
-	background:url(http://static.flowplayer.org/tools/img/scrollable/arrow/hori_large.png) no-repeat; 
-	float: none;
-	margin: 10px 50px;
-}
-
-/* up */
-a.up:hover  		{ background-position:-30px 0; }
-a.up:active  		{ background-position:-60px 0; }
-
-/* down */
-a.down 				{ background-position: 0 -30px; }
-a.down:hover  		{ background-position:-30px -30px; }
-a.down:active  	{ background-position:-60px -30px; } 
-
-
-/* disabled navigational button */
-a.disabled {
-	visibility:hidden !important;		
-} 	
-
-div.items a.active {
-	border: none;
-}
-
-</style>
 
 <!-- begin splash code from ucommcoleman/workspace/wdntempaltes/splash.shtml -->
 <div id="splashwrapper">  
@@ -248,7 +157,7 @@ div.items a.active {
 			                    	echo "'Attended UNL: " . $user->profile_attended_from . "-" . $user->profile_attended_to . "'";
 			                    else
 			                    	echo "''";
-		                    	echo ",'". str_replace("'","\'",htmlentities($user->map_explanation))."');return false;\" src=\"mod/profile/icon.php?username=" . $user->username . "&size=tiny\" /></div>";                         
+		                    	echo ",'". str_replace("'","\'",htmlentities($user->map_explanation))."');return false;\" src=\"mod/profile/icon.php?username=" . $user->username . "&amp;size=tiny\" /></div>";                         
 	                    	}
 		                    else{}
 	                    }
@@ -346,7 +255,7 @@ div.items a.active {
 					allowfullscreen: "true",
 					quality: "best",
 					wmode: "transparent",
-					file: "http://ucomm.unl.edu/av/video/pyotm/PutYourselfOnTheMap.mp4&",
+					file: "http://ucomm.unl.edu/av/video/pyotm/PutYourselfOnTheMap.mp4",
 					image: "mod/customindex/videoStill.jpg",
 					autostart: false,
 					skin: "http://www.unl.edu/ucomm/templatedependents/templatesharedcode/scripts/components/mediaplayer/UNLVideoSkin.swf"
@@ -441,7 +350,7 @@ div.items a.active {
 					$row3 = mysql_fetch_array( $result3 );
 					
 					if (!filtrado($row3['name'] . '' . $row2['description'])){
-						echo '<img style="clear:left;float:left" src="mod/profile/icondirect.php?username=' . $row3["username"] . '&size=small" />';
+						echo '<img style="clear:left;float:left" alt="Profile Icon" src="mod/profile/icondirect.php?username=' . $row3["username"] . '&amp;size=small" />';
 						echo '<div class="index_item" style="overflow:hidden;float:left;max-width:';
 							if (isloggedin()) {echo('400px;');}else{echo('162px;');}
 						echo 'border:1px solid #dbdbdb; margin-left:14px; min-height:45px; -moz-border-radius:3px;">';
diff --git a/customindex/views/default/customindex/css.php b/customindex/views/default/customindex/css.php
index 376d60093542c4f744fb9b9866491e1f87878bbc..0d539496fe7a772b8870c5029242c24932f3c3c9 100644
--- a/customindex/views/default/customindex/css.php
+++ b/customindex/views/default/customindex/css.php
@@ -249,3 +249,92 @@ span.name{font-size:1.1em;padding-top:0px;}
 span.title{font-size:0.85em;font-style:italic;}
 span.location{font-size:0.75em;color:#3A8103;}
 
+
+/* 
+    root element for the scrollable. 
+    when scrolling occurs this element stays still. 
+*/ 
+div.scrollable { 
+ 
+    /* required settings */ 
+    position:relative; 
+    overflow:hidden; 
+    width: 538px; 
+    height:90px; 
+} 
+ 
+/* 
+    root element for scrollable items. Must be absolutely positioned 
+    and it should have a extremely large width to accomodate scrollable items. 
+    it's enough that you set width and height for the root element and 
+    not for this element. 
+*/ 
+div.scrollable div.items { 
+    /* this cannot be too large */ 
+    width:20000em; 
+    position:absolute; 
+} 
+ 
+/* 
+    a single item. must be floated in horizontal scrolling. 
+    typically, this element is the one that *you* will style 
+    the most. 
+*/ 
+div.scrollable div.items div { 
+    float:left; 
+}
+
+
+/* this makes it possible to add next button beside scrollable */
+.scrollable {
+	float:left;	
+}
+
+/* prev, next, prevPage and nextPage buttons */
+a.browse {
+	background:url(<?php echo $CONFIG->url ?>mod/customindex/hori_large.png) no-repeat;
+	display:block;
+	width:30px;
+	height:30px;
+	float:left;
+	margin-top:20px;
+	cursor:pointer;
+	font-size:1px;
+}
+
+/* right */
+a.right 				{ background-position: 0 -30px; clear:right; margin-right: 27px;}
+a.right:hover 		{ background-position:-30px -30px; }
+a.right:active 	{ background-position:-60px -30px; } 
+
+
+/* left */
+a.left				{ margin-left: 5px; margin-right: 5px; } 
+a.left:hover  		{ background-position:-30px 0; }
+a.left:active  	{ background-position:-60px 0; }
+
+/* up and down */
+a.up, a.down		{ 
+	background:url(http://static.flowplayer.org/tools/img/scrollable/arrow/hori_large.png) no-repeat; 
+	float: none;
+	margin: 10px 50px;
+}
+
+/* up */
+a.up:hover  		{ background-position:-30px 0; }
+a.up:active  		{ background-position:-60px 0; }
+
+/* down */
+a.down 				{ background-position: 0 -30px; }
+a.down:hover  		{ background-position:-30px -30px; }
+a.down:active  	{ background-position:-60px -30px; } 
+
+
+/* disabled navigational button */
+a.disabled {
+	visibility:hidden !important;		
+} 	
+
+div.items a.active {
+	border: none;
+}
\ No newline at end of file