diff --git a/UNLexample.shtml b/UNLexample.shtml
index 7703b73c93704f0bda08aa92775d194c5d4af75d..2ecb2617cea8026f709863dba8071a9f0469ea4d 100644
--- a/UNLexample.shtml
+++ b/UNLexample.shtml
@@ -1,29 +1,32 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><!-- InstanceBegin template="/Templates/fixed.dwt" codeOutsideHTMLIsLocked="false" -->
+<!DOCTYPE html>
+<!--[if IEMobile 7 ]><html class="ie iem7"><![endif]-->
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"><![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]-->
+<!--[if (gte IE 9)|(gt IEMobile 7) ]><html class="ie" lang="en"><![endif]-->
+<!--[if !(IEMobile)|!(IE)]><!--><html lang="en"><!-- InstanceBegin template="/Templates/fixed.dwt" codeOutsideHTMLIsLocked="false" --><!--<![endif]-->
 <head>
+<!--#include virtual="/wdn/templates_3.1/includes/metanfavico.html" -->
 <!--
-	Membership and regular participation in the UNL Web Developer Network
-	is required to use the UNL templates. Visit the WDN site at 
-	http://wdn.unl.edu/. Click the WDN Registry link to log in and
-	register your unl.edu site.
-	All UNL template code is the property of the UNL Web Developer Network.
-	The code seen in a source code view is not, and may not be used as, a 
-	template. You may not use this code, a reverse-engineered version of 
-	this code, or its associated visual presentation in whole or in part to
-	create a derivative work.
-	This message may not be removed from any pages based on the UNL site template.
-	
-	$Id: fixed.dwt 536 2009-07-23 15:47:30Z bbieber2 $
+    Membership and regular participation in the UNL Web Developer Network
+    is required to use the UNL templates. Visit the WDN site at 
+    http://wdn.unl.edu/. Click the WDN Registry link to log in and
+    register your unl.edu site.
+    All UNL template code is the property of the UNL Web Developer Network.
+    The code seen in a source code view is not, and may not be used as, a 
+    template. You may not use this code, a reverse-engineered version of 
+    this code, or its associated visual presentation in whole or in part to
+    create a derivative work.
+    This message may not be removed from any pages based on the UNL site template.
+    
+    $Id$
 -->
-<link rel="stylesheet" type="text/css" media="screen" href="/wdn/templates_3.0/css/all.css" />
-<link rel="stylesheet" type="text/css" media="print" href="/wdn/templates_3.0/css/print.css" />
-<script type="text/javascript" src="/wdn/templates_3.0/scripts/all.js"></script>
-<!--#include virtual="/wdn/templates_3.0/includes/browserspecifics.html" -->
-<!--#include virtual="/wdn/templates_3.0/includes/metanfavico.html" -->
+<!--#include virtual="/wdn/templates_3.1/includes/scriptsandstyles.html" -->
 <!-- InstanceBeginEditable name="doctitle" -->
-<title>UNL | Department | New Page</title>
-<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="head" -->
+<title>Use a descriptive page title | Optional Site Title (use for context) | University of Nebraska&ndash;Lincoln</title>
+<!-- InstanceEndEditable -->
 
+<!-- InstanceBeginEditable name="head" -->
 <!-- Place optional header elements here -->
 
 <!-- tinymce stuff -->
@@ -73,37 +76,61 @@ WDN.loadJS("jquery.tinymce.js",function () {
 
 
 <!-- InstanceEndEditable -->
+<!-- TemplateParam name="class" type="text" value="fixed" -->
 </head>
 <body class="fixed">
-<p class="skipnav"> <a class="skipnav" href="#maincontent">Skip Navigation</a> </p>
-<div id="wdn_wrapper">
-	<div id="header"> <a href="http://www.unl.edu/" title="UNL website"><img src="/wdn/templates_3.0/images/logo.png" alt="UNL graphic identifier" id="logo" /></a>
-		<h1>University of Nebraska&ndash;Lincoln</h1>
-		<!--#include virtual="/wdn/templates_3.0/includes/wdnTools.html" -->
-	</div>
-	<div id="wdn_navigation_bar">
-		<div id="breadcrumbs">
-			<!-- WDN: see glossary item 'breadcrumbs' -->
-			<!-- InstanceBeginEditable name="breadcrumbs" -->
-			<ul>
-				<li><a href="http://www.unl.edu/" title="University of Nebraska&ndash;Lincoln">UNL</a></li>
-				<li>Department</li>
-			</ul>
-			<!-- InstanceEndEditable --></div>
-		<div id="wdn_navigation_wrapper">
-			<div id="navigation"><!-- InstanceBeginEditable name="navlinks" -->
-				<ul><li><a href="http://unl.edu/">Home</a></li></ul>
-				<!-- InstanceEndEditable --></div>
-		</div>
-	</div>
-	<div id="wdn_content_wrapper">
-		<div id="titlegraphic"><!-- InstanceBeginEditable name="titlegraphic" -->
-			<h1><a href="#">TinyMCE Example</a></h1>
-			<!-- InstanceEndEditable --></div>
-		<div id="pagetitle"><!-- InstanceBeginEditable name="pagetitle" --><h2><a href="#">My Page Title</a></h2><!-- InstanceEndEditable --></div>
-		<div id="maincontent">
-			<!--THIS IS THE MAIN CONTENT AREA; WDN: see glossary item 'main content area' -->
-			<!-- InstanceBeginEditable name="maincontentarea" -->
+    <nav class="skipnav">
+        <a class="skipnav" href="#maincontent">Skip Navigation</a>
+    </nav>
+    <div id="wdn_wrapper">
+        <header id="header" role="banner">
+            <a id="logo" href="http://www.unl.edu/" title="UNL website">UNL</a>
+            <span id="wdn_institution_title">University of Nebraska&ndash;Lincoln</span>
+            <span id="wdn_site_title">
+<!-- InstanceBeginEditable name="titlegraphic" -->
+The Title of My Site
+<!-- InstanceEndEditable -->
+</span>
+            <!--#include virtual="/wdn/templates_3.1/includes/idm.html" -->
+            <!--#include virtual="/wdn/templates_3.1/includes/wdnTools.html" -->
+        </header>
+        <div id="wdn_navigation_bar">
+            <nav id="breadcrumbs">
+                <!-- WDN: see glossary item 'breadcrumbs' -->
+                <h3 class="wdn_list_descriptor hidden">Breadcrumbs</h3>
+                
+<!-- InstanceBeginEditable name="breadcrumbs" -->
+                <ul>
+                    <li><a href="http://www.unl.edu/" title="University of Nebraska&ndash;Lincoln">UNL</a></li>
+                    <li class="selected"><a href="#" title="Site Title">Site Title</a></li>
+                    <li>Page Title</li>
+                </ul>
+                
+<!-- InstanceEndEditable -->
+            </nav>
+            <div id="wdn_navigation_wrapper">
+                <nav id="navigation" role="navigation">
+                    <h3 class="wdn_list_descriptor hidden">Navigation</h3>
+                    
+<!-- InstanceBeginEditable name="navlinks" -->
+                    <ul><li><a href="http://www.unl.edu/" title="UNL homepage">UNL</a></li></ul>
+                    
+<!-- InstanceEndEditable -->
+                </nav>
+            </div>
+        </div>
+        <div id="wdn_content_wrapper">
+            <div id="pagetitle">
+                
+<!-- InstanceBeginEditable name="pagetitle" -->
+                <h1>This is your page title. It's now an &lt;h1&gt;, baby!</h1>
+                
+<!-- InstanceEndEditable -->
+            </div>
+            <div id="maincontent" role="main">
+                <!--THIS IS THE MAIN CONTENT AREA; WDN: see glossary item 'main content area' -->
+                
+<!-- InstanceBeginEditable name="maincontentarea" -->
 			
 			
 
@@ -120,7 +147,7 @@ WDN.loadJS("jquery.tinymce.js",function () {
 		<div>
 			<textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 80%" class="tinymce">
 				&lt;h3&gt;Headline H3&lt;/h3&gt;
-				&lt;div class="three_col left"&gt;
+				&lt;div class="grid9 first"&gt;
 				&lt;p&gt;
 					This is some <a href="http://wdn.unl.edu/">example text</a> that you can edit inside the &lt;strong&gt;TinyMCE editor&lt;/strong&gt;.
 				&lt;/p&gt;
@@ -129,7 +156,7 @@ WDN.loadJS("jquery.tinymce.js",function () {
 				&lt;/p&gt;
 				&lt;/div&gt;
 				
-				&lt;div class="col right"&gt;
+				&lt;div class="grid3"&gt;
 				&lt;div class="zenbox"&gt;&lt;h3&gt;zenbox title&lt;/h3&gt;this is text in a zenbox&lt;/div&gt;
 				&lt;/div&gt;
 			</textarea>
@@ -154,34 +181,50 @@ WDN.loadJS("jquery.tinymce.js",function () {
 	</div>
 </form>
 
-			<!-- InstanceEndEditable -->
-			<div class="clear"></div>
-			<!--#include virtual="/wdn/templates_3.0/includes/noscript.html" -->
-			<!--THIS IS THE END OF THE MAIN CONTENT AREA.-->
-		</div>
-		<div id="footer">
-			<div id="footer_floater"></div>
-			<div class="footer_col">
-				<!--#include virtual="/wdn/templates_3.0/includes/feedback.html" -->
-			</div>
-			<div class="footer_col"><!-- InstanceBeginEditable name="leftcollinks" -->
-				<h3>Related Links</h3>
-				<!-- InstanceEndEditable --></div>
-			<div class="footer_col"><!-- InstanceBeginEditable name="contactinfo" -->
-				<h3>Contacting Us</h3>
-			<!-- InstanceEndEditable --></div>
-			<div class="footer_col">
-				<!--#include virtual="/wdn/templates_3.0/includes/socialmediashare.html" -->
-			</div>
-			<!-- InstanceBeginEditable name="optionalfooter" --> <!-- InstanceEndEditable -->
-			<div id="wdn_copyright"><!-- InstanceBeginEditable name="footercontent" -->
-				Copyright 2010
-				<!-- InstanceEndEditable -->
-				<!--#include virtual="/wdn/templates_3.0/includes/wdn.html" -->
-				| <a href="http://validator.unl.edu/check/referer">W3C</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3">CSS</a> <a href="http://www.unl.edu/" title="UNL Home" id="wdn_unl_wordmark"><img src="/wdn/templates_3.0/css/footer/images/wordmark.png" alt="UNL's wordmark" /></a> </div>
-		</div>
-	</div>
-	<div id="wdn_wrapper_footer"> </div>
+<!-- InstanceEndEditable -->
+                <div class="clear"></div>
+                <!--#include virtual="/wdn/templates_3.1/includes/noscript.html" -->
+                <!--THIS IS THE END OF THE MAIN CONTENT AREA.-->
+            </div>
+        </div>
+        <footer id="footer">
+            <div id="footer_floater"></div>
+            <div class="footer_col" id="wdn_footer_feedback">
+                <!--#include virtual="/wdn/templates_3.1/includes/feedback.html" -->
+            </div>
+            <div class="footer_col" id="wdn_footer_related">
+                
+<!-- InstanceBeginEditable name="leftcollinks" -->
+              <h3>Related Links</h3>
+                
+<!-- InstanceEndEditable -->
 </div>
+            <div class="footer_col" id="wdn_footer_contact">
+                
+<!-- InstanceBeginEditable name="contactinfo" -->
+              <h3>Contact Us</h3>
+                
+<!-- InstanceEndEditable -->
+</div>
+            <div class="footer_col" id="wdn_footer_share">
+                <!--#include virtual="/wdn/templates_3.1/includes/socialmediashare.html" -->
+            </div>
+            
+<!-- InstanceBeginEditable name="optionalfooter" -->
+            
+<!-- InstanceEndEditable -->
+            <div id="wdn_copyright">
+                <div>
+                    
+<!-- InstanceBeginEditable name="footercontent" -->
+                    &copy; 2012
+                    
+<!-- InstanceEndEditable -->
+                    <!--#include virtual="/wdn/templates_3.1/includes/wdn.html" -->
+                </div>
+                <!--#include virtual="/wdn/templates_3.1/includes/logos.html" -->
+            </div>
+        </footer>
+    </div>
 </body>
-<!-- InstanceEnd --></html>
+</html>
diff --git a/plugins/unl/editor_plugin.js b/plugins/unl/editor_plugin.js
index 7bf9c74a60044779b22c2f695efbb8e70126f329..04b1b4b9e252cde754d3d1153e4400ba16e4d7cc 100644
--- a/plugins/unl/editor_plugin.js
+++ b/plugins/unl/editor_plugin.js
@@ -43,9 +43,11 @@ Unl.hasParentNodeWithClass = function(childNode, parentClass) {
 
 			//'div[style]/[*]';
 			ed.onBeforeSetContent.add(function(ed, o) {
-				ed.dom.loadCSS("/wdn/templates_3.0/css/all.css");
+				ed.dom.loadCSS("/wdn/templates_3.1/css/compressed/base.css");
+				ed.dom.loadCSS("/wdn/templates_3.1/css/compressed/combined_widths.css");
 				ed.getBody().className += ' fixed';
 				ed.getBody().id = 'maincontent';
+				ed.getBody().style.background = '#ffffff';
 			});
 
 			/*ed.onPostProcess.add(function(ed, o) {