Case Study: Widener University School of Law from Tables to Tableless 508 Compliance

Screen Shot 2013-06-05 at 9.17.09 PMThe Client & The Problem: In  2001 I was hired to be the fulltime webmaster at Widener Law. At the time, the school had a rudimentary non-compliant, screen-reader inaccessible, tables-based site. Additionally, maintaining the site content was tedious and time consuming.

The Solution: As a  one person web department, I singlehandedly drafted the new site’s Information Architecture (View wireframe for the menu and wireframe of the Home Page), I designed the site’s new graphic look and feel (see the design: Home Page  with design: Home Page with expanded accessible drop down menu, and finally the Law Library utilitarian home page), and using nothing more than BBEdit and Server Side Includes(.shtml files), I hand coded, built, and eventually launched a newly designed, standards compliant , table-less site.

 

Screen Shot 2013-06-06 at 8.47.49 PM

I coded the new site as Transitional XHTML 1.0 with Cascading Style Sheets (CSS) using .shtml to take advantage of shared files such as footers, headers and navigation acrross many site sections. This method of assembiling the site greatly minimized the time it took to edit content across multiple sections.

I fought  a few battles with regards to coding towards 508 compliance, as most of my colleagues did not understand why I was insistent on building in accessibility. However, instead of becoming combative, I took the approach of teaching my new colleagues about the benefits of accessibility beyond screen-reader friendliness:  the site would be easier to maintain and update,  it would have better search engine results, faster browsing speed, and it would be future proof.

Screen Shot 2013-06-05 at 9.19.22 PMSnippets of  code form the 2004 version of the site are available via the Wayback Machine  (Widener Law on Wayback Machine, circa 2007). I have pasted some code samples below (the .shtml code, and the css files below that). Although, some of the relative paths have changed during archiving, the essence of my hand as a coder remains. In looking back at this period, I am reminded at the many sleepless nights I lay awake figuring out how I would go about “hacking” the Cascading Style Sheets (CSS) to accomodate for browsers such as: Netscape5, Netscape 7, Internet Explorer 5.5 and 6.0. (Here is a great interactive chart of browser share from 2002 through 2009).

 

That new site remained in place until the end of 2007, at which point  the site had outgrown it’s current confines and it   was time to move into a Content Management System with workflow and staging functionality. I had some help in migrating the contents of the site into Sitecore CMS .

2004 .shtml Sample


 
Widener School of Law, Wilmington, DE – Harrisburg, PA
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="admission, law school, Widener University School of Law, Widener Law, university, rolling admission, j.d., ll.m., juris doctor, Wilmington Delaware, Harrisburg Pennsylvania, law school, legal education institute, paralegal, legal education, educate, graduate programs, graduate admission, health law, corporate law,  pro bono, public service, law degree programs, transfer" />
<meta name="description" content="Widener University School of Law -  Two Great Campuses. Countless Paths to Success. Widener Law has two campuses: Wilmington, Delaware and Harrisburg, Pennsylvania." />
<meta http-equiv="imagetoolbar" content="no" />
<link href="/web/20070810090727cs_/http://www.law.widener.edu/css/2006newhome_css/newstyle.css" rel="stylesheet" type="text/css" />
<link href="/web/20070810090727cs_/http://www.law.widener.edu/css/2006newhome_css/horizontalnav.css" rel="stylesheet" type="text/css" />
<link href="/web/20070810090727cs_/http://www.law.widener.edu/css/2006newhome_css/promos2.css" rel="stylesheet" type="text/css" />
<link href="/web/20070810090727cs_/http://www.law.widener.edu/css/2006newhome_css/event_ads.css" rel="stylesheet" type="text/css" />
<link href="/web/20070810090727cs_/http://www.law.widener.edu/css/2006newhome_css/adsbox_new0706.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/web/20070810090727js_/http://www.law.widener.edu/js/2006newhome_js/preload.js"></script><script type="text/javascript" src="/web/20070810090727js_/http://www.law.widener.edu/js/2006newhome_js/quicklinks.js"></script>
<script type="text/javascript" src="/web/20070810090727js_/http://www.law.widener.edu/js/2006newhome_js/fadingslideshow_parta.js"></script><script type="text/javascript" src="/web/20070810090727js_/http://www.law.widener.edu/js/2006newhome_js/fadingslideshow_partb.js"></script>
<style type="text/css"><!--
/*\//*/ @import("http://www.law.widener.edu/css/2006newhome_css/IEMac.css"); /**/
--></style>
<!--&#91;if IE 5&#93;>

  
<link rel="stylesheet" type="text/css" href="/web/20070810090727/http://www.law.widener.edu/css/2006newhome_css/ie5.css" media="screen" />
<!&#91;endif&#93;-->
<!--&#91;if lte IE 5&#93;>

  
<link rel="stylesheet" type="text/css" href="/web/20070810090727/http://www.law.widener.edu/css/2006newhome_css/ie5.css" media="screen" />
<!&#91;endif&#93;-->
<!--&#91;if lte IE 6&#93;>

  
<link rel="stylesheet" type="text/css" href="/web/20070810090727/http://www.law.widener.edu/css/2006newhome_css/ie6.css" media="screen" />
<!&#91;endif&#93;-->
<!--&#91;if IE 7&#93;>

  
<link rel="stylesheet" type="text/css" href="/web/20070810090727/http://www.law.widener.edu/css/2006newhome_css/ie7.css" media="screen" />
<!&#91;endif&#93;-->
<!-- compliance patch for microsoft browsers -->
<!--&#91;if lt IE 7&#93;>
<script src="/web/20070810090727/http://www.law.widener.edu/js/2006newhome_js/ie7/ie7-standard-p.js" type="text/javascript">
</script>
<!&#91;endif&#93;-->
&nbsp;
&nbsp;
<!--//begin atlas tag//-->
<img style="display: none;" alt="" src="/web/20070810090727im_/http://switch.atdmt.com/action/04blaw_LawHomepage_1" width="1" height="1" />
<!--//end atlas tag//-->
<!-- //begin  Quicklinks Include// -->
<div id="quicklinks">
<!-- //begin JS Quicklinks links// -->
<div class="dropdown">
<form id="extralinks" action="/web/20070810090727/http://www.law.widener.edu/..." method="post" name="extralinks"><select name="navi" onchange="go()"><option value="">« More Links »</option><option value="http://www.law.widener.edu/faculty/index.shtml">Faculty</option><option value="http://www.law.widener.edu/news/in_the_news.shtml">»In the News</option><option value="http://www.law.widener.edu/faculty/index_de.shtml">»Full-time DE</option><option value="http://www.law.widener.edu/faculty/index_hb.shtml">»Full-time HB</option><option value="http://www.law.widener.edu/faculty/adjuncts_de.shtml">»Adjuncts DE</option><option value="http://www.law.widener.edu/faculty/adjuncts_hb.shtml&quot;">»Adjuncts HB</option><option value="http://www.law.widener.edu/Law-Library/new/services/faculty_clearinghouse_form.html">»Clearinghouse Form</option><option value="">  &#8212;&#8212;&#8212;  </option><option value="http://www.law.widener.edu/current/sba/">Student Bar Association</option><option value="http://www.law.widener.edu/current/sba/delaware/">»SBA Delaware</option><option value="http://www.law.widener.edu/current/sba/harrisburg/">»SBA Harrisburg</option><option value="">  &#8212;&#8212;&#8212;  </option><option value="http://www.law.widener.edu/current/moot_court/">Moot Court</option><option value="http://www.law.widener.edu/current/trial_advocacy/">Trial Advocacy</option><option value="">  &#8212;&#8212;&#8212;  </option><option value="http://www.law.widener.edu/financial_aid/index.shtml">Financial Aid</option><option value="http://www.law.widener.edu/departments/bursar/index.shtml">Tuition, Fees</option><option value="">  &#8212;&#8212;&#8212;  </option><option value="http://www.law.widener.edu/current/publications/index.shtml">Student Journals</option><option value="http://www.law.widener.edu/current/publications/index.shtml">»DJCL</option><option value="http://www.law.widener.edu/current/publications/wlj/index.shtml">»WLJ</option><option value="http://www.law.widener.edu/current/publications/wlr/index.shtml">»WLR</option><option value="">  &#8212;&#8212;&#8212;  </option><option value="http://www.law.widener.edu/departments/index.shtml">Departments</option><option value="http://www.law.widener.edu/departments/career_development/index.shtml">»Career Dev</option><option value="http://www.law.widener.edu/alumni/index.shtml">»Alumni</option><option value="">  &#8212;&#8212;&#8212;  </option><option value="http://www.law.widener.edu/about/visitors_center/index.shtml">Directions</option><option value="http://www.law.widener.edu/about/visitors_center/delaware/index.shtml">»Visit DE</option><option value="http://www.law.widener.edu/about/visitors_center/delaware/index.shtml">»Visit HB</option><option value="">  &#8212;&#8212;&#8212;  </option><option value="http://www.law.widener.edu/departments/campus_services/safety/index.shtml">Campus Safety</option><option value="http://www.law.widener.edu/departments/campus_services/safety/delaware/index.shtml">»Delaware</option><option value="http://www.law.widener.edu/departments/campus_services/safety/harrisburg/index.shtml">»Harrisburg</option><option value="">  &#8212;&#8212;&#8212;  </option><option value="http://blogs.law.widener.edu/weatheralerts/">Weather Alerts</option><option value="http://blogs.law.widener.edu/weatheralerts/newsItems/departments/delawareCampus">»Delaware</option><option value="http://blogs.law.widener.edu/weatheralerts/newsItems/departments/harrisburgCampus">»Harrisburg</option><option value="">  &#8212;&#8212;&#8212;  </option><option value="http://www.law.widener.edu/departments/its/index.shtml">ITS</option><option value="">  &#8212;&#8212;&#8212;  </option><option value="http://www.law.widener.edu/academics/index.shtml">Programs</option><option value="http://www.law.widener.edu/academics/delaware.shtml">»Delaware</option><option value="http://www.law.widener.edu/academics/harrisburg.shtml">»Harrisburg</option><option value="http://www.law.widener.edu/academics/clinics_externships/index.shtml">»Clinics &amp; Externships</option><option value="http://www.law.widener.edu/academics/summer/index.shtml">»Summer Abroad</option><option value="http://www.law.widener.edu/academics/graduate/index.shtml">»Graduate</option><option value="http://www.law.widener.edu/academics/cle/index.shtml">»CLE</option><option value="http://www.law.widener.edu/academics/bridge/index.shtml">»Bridge The Gap</option><option value="http://www.law.widener.edu/academics/bar_programs/index.shtml">»Bar</option><option value="http://www.law.widener.edu/academics/pi/">»Public Interest Law</option></select></form>
</div>
<!--//end JS Quicklinks// -->
</div>
<!--//end  Quicklinks include// -->
<div id="container">
<div id="header">
<div id="topnavbar">
<ul id="horizontalnav">
<li><a title="Apply online free" href="/web/20070810090727/http://www.law.widener.edu/admissions/">Apply Online <span style="color: #fe9e2c;">FREE</span></a><span class="ie5separator"> | </span></li>
<li><a title="Search this site" href="/web/20070810090727/http://www.law.widener.edu/search/">Search</a><span class="ie5separator"> | </span></li>
<li><a title="Contact us" href="/web/20070810090727/http://www.law.widener.edu/sitehelp/contact.shtml">Contact Us</a><span class="ie5separator"> | </span></li>
<li><a title="Law Library" href="/web/20070810090727/http://www.law.widener.edu/Law-Library/">Law Library</a><span class="ie5separator"> | </span></li>
<li><a title="Weather Alerts" href="/web/20070810090727/http://blogs.law.widener.edu/weatheralerts/">Weather Alerts</a><span class="ie5separator"> | </span></li>
<li><a title="Preparedness site" href="/web/20070810090727/http://www.widenerlawalerts.org/">widenerlawalerts.org</a><span class="ie5separator"> | </span></li>
<li><a title="WUmail" href="/web/20070810090727/https://wumail.widener.edu/">WUmail</a><span class="ie5separator"> | </span></li>
<li><a class="noborder" title="Campus Cruiser email and news portal" href="/web/20070810090727/http://prod.campuscruiser.com/widener/"><span style="color: lightgreen;">Campus</span><span style="color: lightblue;">Cruiser</span></a></li>
</ul>
</div>
<!--end topnavbar-->
</div>
<!--end header-->
<div id="content">
<!-- //begin three dropdown nav Include// -->
<div id="nav">
<ul>
<li class="tabone"><a title="Current students, Harrisburg Campus" href="/web/20070810090727/http://www.law.widener.edu/current/harrisburg.shtml">Harrisburg Campus »</a>
<ul>
<li><a title="Prospective students, Harrisburg campus" href="/web/20070810090727/http://www.law.widener.edu/prospective/harrisburg.shtml">Prospective Students</a></li>
<li><a title="Admissions" href="/web/20070810090727/http://www.law.widener.edu/admissions/">Admissions</a></li>
<li><a title="Current students, Harrisburg campus" href="/web/20070810090727/http://www.law.widener.edu/current/harrisburg.shtml">Current Students</a></li>
<li><a title="About Widener Harrisburg" href="/web/20070810090727/http://www.law.widener.edu/about/harrisburg.shtml">About Harrisburg</a></li>
<li><a title="Academics programs offered at the Harrisburg campus" href="/web/20070810090727/http://www.law.widener.edu/academics/harrisburg.shtml">Academic Programs</a></li>
<li><a title="Alumni main page" href="/web/20070810090727/http://www.law.widener.edu/alumni/">Alumni</a></li>
<li><a title="Harrisburg faculty" href="/web/20070810090727/http://www.law.widener.edu/faculty/index_hb.shtml">Faculty HB</a></li>
<li><a title="Dean's welcome message to Harrisburg students" href="/web/20070810090727/http://www.law.widener.edu/about/dean_hb.shtml">Dean&#8217;s Welcome</a></li>
<li><a title="Giving to Widener" href="/web/20070810090727/http://www.law.widener.edu/giving/index.shtml">Giving to Widener</a></li>
<li><a title="Harrisburg news and events" href="/web/20070810090727/http://www.law.widener.edu/news/index_hb.shtml">News &amp; Events</a></li>
<li><a title="Staff main page" href="/web/20070810090727/http://www.law.widener.edu/staff/index.shtml">Staff</a></li>
<li><a title="Career Development" href="/web/20070810090727/http://www.law.widener.edu/departments/career_development/index.shtml">Career Development</a></li>
</ul>
</li>
<li class="tabtwo"><a title="Current students,  Delaware Campus" href="/web/20070810090727/http://www.law.widener.edu/current/delaware.shtml">Delaware Campus »</a>
<ul>
<li><a title="what is this link about" href="/web/20070810090727/http://www.law.widener.edu/prospective/delaware.shtml">Prospective Students</a></li>
<li><a title="Admissions" href="/web/20070810090727/http://www.law.widener.edu/admissions/">Admissions</a></li>
<li><a title="Current students, Delaware campus" href="/web/20070810090727/http://www.law.widener.edu/current/delaware.shtml">Current Students</a></li>
<li><a title="About Widener Law Delaware" href="/web/20070810090727/http://www.law.widener.edu/about/delaware.shtml">About Delaware</a></li>
<li><a title="Academic programs offered at the Delaware campus" href="/web/20070810090727/http://www.law.widener.edu/academics/delaware.shtml">Academic Programs</a></li>
<li><a title="Alumni main page" href="/web/20070810090727/http://www.law.widener.edu/alumni/">Alumni</a></li>
<li><a title="Delaware faculty" href="/web/20070810090727/http://www.law.widener.edu/faculty/index_de.shtml">Faculty DE</a></li>
<li><a title="Dean's welcome message to Delaware students" href="/web/20070810090727/http://www.law.widener.edu/about/dean_de.shtml">Dean&#8217;s Welcome</a></li>
<li><a title="Giving to Widener" href="/web/20070810090727/http://www.law.widener.edu/giving/index.shtml">Giving to Widener</a></li>
<li><a title="Delaware news and events" href="/web/20070810090727/http://www.law.widener.edu/news/index_de.shtml">News &amp; Events</a></li>
<li><a title="Staff main page" href="/web/20070810090727/http://www.law.widener.edu/staff/index.shtml">Staff</a></li>
<li><a title="Career Development" href="/web/20070810090727/http://www.law.widener.edu/departments/career_development/index.shtml">Career Development</a></li>
</ul>
</li>
<li class="tabthree"><a title="Parlalegal/LNC, Legal Education Institute" href="/web/20070810090727/http://www.law.widener.edu/lei_lnc/index.shtml">Paralegal/LNC »</a>
<ul>
<li><a title="Paralegal/LNC, Legal Education Institute" href="/web/20070810090727/http://www.law.widener.edu/lei_lnc/index.shtml">LEI Home</a></li>
<li><a title="Admissions LEI" href="/web/20070810090727/http://www.law.widener.edu/lei_lnc/admissions.shtml">LEI Admissions</a></li>
<li><a title="Prospective students, LEI" href="/web/20070810090727/http://www.law.widener.edu/lei_lnc/student_services/prospective_students.shtml">Prospective LEI Students</a></li>
<li><a title="Current students, LEI" href="/web/20070810090727/http://www.law.widener.edu/lei_lnc/current/index.shtml">Current LEI Students</a></li>
<li><a title="Paralegal program" href="/web/20070810090727/http://www.law.widener.edu/lei_lnc/paralegal/index.shtml">Paralegal Program</a></li>
<li><a title="LNC program" href="/web/20070810090727/http://www.law.widener.edu/lei_lnc/lnc/index.shtml">LNC Program</a></li>
<li><a title="LEI faculty" href="/web/20070810090727/http://www.law.widener.edu/lei_lnc/faculty/index.shtml">LEI Faculty</a></li>
<li><a title="Dean's welcome to LEI students" href="/web/20070810090727/http://www.law.widener.edu/lei_lnc/about/dean_message.shtml">Dean&#8217;s Welcome</a></li>
<li><a title="Upcoming LEI events" href="/web/20070810090727/http://www.law.widener.edu/lei_lnc/current/events.shtml">LEI Events</a></li>
<li><a title="LEI Alumni" href="/web/20070810090727/http://www.law.widener.edu/lei_lnc/alumni/index.shtml">LEI Alumni</a></li>
<li><a title="Staff main page" href="/web/20070810090727/http://www.law.widener.edu/staff/index.shtml">For Staff</a></li>
<li><a title="Law Library" href="/web/20070810090727/http://www.law.widener.edu/Law-Library/">Law Library</a></li>
</ul>
</li>
</ul>
</div>
<!--end nav-->
<!-- //end  three dropdown nav Include// -->
<div id="innercontent">
<div id="mainphoto">
<!--//BEGIN FADE-IN SLIDESHOW//-->
<div id="SLIDESTEXT"></div>
<a href="javascript:SLIDES.hotlink()"><img style="filter: progid:DXImageTransform.Microsoft.Fade();" alt="Widener University School of Law" src="/web/20070810090727im_/http://www.law.widener.edu/i/home/2006newhome_images/homepagephotos/homepage-jointdegree.jpg" name="SLIDESIMG" border="0" /></a><script type="text/javascript" src="/web/20070810090727js_/http://www.law.widener.edu/js/2006newhome_js/fadingslideshow_partd.js"></script>
&nbsp;
<noscript>
<hr />
Since your web browser does not support JavaScript,
here is a non-JavaScript version of the image slideshow:
</noscript><!--//***END FADE-IN SLIDESHOW***//-->
</div>
<!--end mainphoto-->
<div id="rightcolumn">
<!-- //begin newsbox and newsitems Include// -->
<div class="newsboxie7" id="newsbox_version2">
<h2 class="shadow"><a title="Widener Law main news page" href="/web/20070810090727/http://www.law.widener.edu/news/index.shtml">News, Events &amp; Blogs</a></h2>
<!--// news stories //-->
<ul>
<ul><!--// 10//--></ul>
</ul>
<ul>
<ul>
<li class="arrow"><a title="Widener University Legal Education Institute Hosting Timeless Legal Issues Symposium " href="/web/20070810090727/http://www.law.widener.edu/news/articles/2007/de_080107.shtml"> <span class="campus">Delaware:</span> Widener Law Legal Education Institute Hosting Timeless Legal Issues Symposium </a></li>
</ul>
</ul>
<!--// 9//-->
<ul>
<li class="arrow"><a title="Delaware County Alumni Chapter Happy Hour Held" href="/web/20070810090727/http://www.law.widener.edu/alumni/news/articles/2007/alumni_070107.shtml"> <span class="campus">Alumni:</span> Delaware County Alumni Chapter Happy Hour Held</a></li>
</ul>
&nbsp;
<!--// 8//-->
<ul>
<li class="arrow"><a title="Widener Women's Network welcomes The Honorable Nitza I. Quinones Alejandro " href="/web/20070810090727/http://www.law.widener.edu/alumni/news/articles/2007/alumni_060207.shtml"> <span class="campus">Alumni:</span> WWN welcomes The Honorable Nitza I. Quinones Alejandro </a></li>
</ul>
&nbsp;
<!--//7//-->
<ul>
<li class="arrow"><a title="Widener Law professor to receive Pennsylvania Bar Association achievement award" href="/web/20070810090727/http://www.law.widener.edu/news/articles/2007/hb_060107.shtml"> <span class="campus">Harrisburg:</span> Widener Law professor to receive Pennsylvania Bar Association achievement award</a></li>
</ul>
&nbsp;
<!--// 6//-->
<ul>
<li class="arrow"><a title="Widener Law professor to chair ABA committee   " href="/web/20070810090727/http://www.law.widener.edu/news/articles/2007/de_060107.shtml"> <span class="campus">Delaware:</span> Widener Law professor to chair ABA committee </a></li>
</ul>
&nbsp;
<!--//5 //-->
<ul>
<li class="arrow"><a title="Graduates hear from Supreme Court Justice" href="/web/20070810090727/http://www.law.widener.edu/news/articles/2007/hb_grad07.shtml"> <span class="campus">Harrisburg:</span> Graduates hear from Supreme Court Justice</a></li>
</ul>
&nbsp;
<!--// 4//-->
<ul>
<li class="arrow"><a title="Federal judge addresses graduates  " href="/web/20070810090727/http://www.law.widener.edu/news/articles/2007/de_grad07.shtml"> <span class="campus">Delaware:</span> Federal judge addresses graduates</a></li>
</ul>
&nbsp;
<!--// 3//-->
<ul>
<li class="arrow"><a title="Widener Law professor invited to speak before Congressional committee " href="/web/20070810090727/http://www.law.widener.edu/news/articles/2007/de_050707.shtml"> <span class="campus">Delaware:</span> Widener Law professor invited to speak before Congressional committee</a></li>
</ul>
&nbsp;
<!--// 2//-->
<ul>
<li class="arrow"><a title="Widener Law hosts Delaware State Bar Association's first diversity retreat " href="/web/20070810090727/http://www.law.widener.edu/news/articles/2007/de_050407.shtml"> <span class="campus">Delaware:</span> Widener Law hosts Delaware State Bar Association&#8217;s first diversity retreat</a></li>
</ul>
&nbsp;
<!--//1//-->
<ul>
<li class="arrow"><a title="Conference explores issues of long-term care " href="/web/20070810090727/http://www.law.widener.edu/news/articles/2007/de_050307.shtml"> <span class="campus">Delaware:</span> Conference explores issues of long-term care </a></li>
</ul>
&nbsp;
&nbsp;
<a title="Widener Law main news page" href="/web/20070810090727/http://www.law.widener.edu/news/index.shtml">More News &amp; Blogs »</a>
</div>
<!--end newsbox--> <!-- //end  newsbox and newsitems Include// -->
</div>
<!--end rightcolumn--> <!-- //begin event buttons Include// -->
<div id="ads">
<div class="event_adwide fourwide"><a title="Widener Law and Jefferson announce partnership for dual degrees" href="/web/20070810090727/http://www.law.widener.edu/news/articles/2007/de_050507.shtml">Widener Law &amp; Jefferson to offer dual degrees</a>
<a title="Constitution Day 2007" href="/web/20070810090727/http://www.law.widener.edu/constitution/2007/">2007 Constitution Day Project Site</a></div>
<!--

<div class="event_adwide fourwide">
        Widener Law HB on C-SPAN
<a href="rtsp://video.c-span.org/60days/ac102806.rm" title="Ruling on Intelligent Design and Judicial Independence">Intelligent Design &amp; Judicial Independence</a></div>

-->
<div class="event_adwide onewide"><a title="Delaware Orientation 2007 " href="/web/20070810090727/http://www.law.widener.edu/~delreg/de/orientation07-delaware.pdf">DE Student Orientation</a> | <a title="Delaware First Assignments" href="/web/20070810090727/http://www.law.widener.edu/academics/registrar/first_assignments/delaware.shtml">DE 1st Assignments</a>
<a title="Harrisburg Orientation 2007 " href="/web/20070810090727/http://www.law.widener.edu/~delreg/hb/orientation07-harrisburg.pdf">HB Orientation 8/12-16</a> | <a title="Harrisburg First Year Student Info 2007 " href="/web/20070810090727/http://www.law.widener.edu/~delreg/hb/first-years07.pdf">HB Intro to Law</a></div>
&nbsp;
<div class="event_adwidetall fivewide">New Books by Our Faculty: <a title="New Books by our Faculty" href="/web/20070810090727/http://www.law.widener.edu/faculty/books.shtml">Dernbach &amp; Wasson,
Daly, Strauss, Conaway, Kotler, Eggen</a></div>
</div>
<!--end div id ads --> <!-- //end  event buttons Include// -->
<div class="clear"></div>
&nbsp;
<div style="clear: both; height: 0px; overflow: hidden;"></div>
</div>
<!--end innercontent-->
</div>
<!--end content-->
<div id="footer">
<!-- //begin areas of interest promos Include// -->
<ul>
<ul>
<li id="promo1"><a title="Widener Law Stuent Blogs" href="/web/20070810090727/http://blogs.law.widener.edu/admissionsmain/">Widener Law Student Blogs<span class="popup">Find out what Widener Law is really like!</span></a></li>
</ul>
</ul>
&nbsp;
<ul>
<li id="promo2"><a title="International Programs, Summer Abroad" href="/web/20070810090727/http://www.law.widener.edu/go/summer">International Programs, Summer Abroad<span class="popup">Study law in Sydney, Nairobi, Geneva or Venice!</span></a></li>
</ul>
&nbsp;
&nbsp;
<ul>
<li id="promo3"><a title="Graduate Programs" href="/web/20070810090727/http://www.law.widener.edu/academics/graduate/">Graduate Programs<span class="popup">LL.M. degrees in Corporate Law or Health Law</span></a></li>
</ul>
&nbsp;
&nbsp;
<ul>
<li id="promo4"><a title="Journals and Publications" href="/web/20070810090727/http://www.law.widener.edu/current/publications/">Journals and Publications<span class="popup">Delaware and Harrisburg Law Reviews</span></a></li>
</ul>
&nbsp;
&nbsp;
<ul>
<li id="promo5"><a title="Clinics and Externships" href="/web/20070810090727/http://www.law.widener.edu/academics/clinics_externships/index.shtml">Clinics and Externships<span class="popup">Hands-on education in Delaware and Harrisburg</span></a></li>
</ul>
&nbsp;
&nbsp;
<ul>
<li id="promo6"><a title="Institutes" href="/web/20070810090727/http://www.law.widener.edu/academics/certificate/index.shtml">Institutes<span class="popup">Health, Business, Trial Advocacy, Law &amp; Government</span></a></li>
</ul>
&nbsp;
&nbsp;
<!-- //end  areas of interest promos Include// -->
<div class="clear"></div>
All images and content © 2007 Widener University School of Law
| <a accesskey="s" title="Search this site" href="/web/20070810090727/http://www.law.widener.edu/search/"> <span class="access" title="Access key for this field = s">Search</span> site (s)</a>  | <a accesskey="l" title="Helpful site information and an a to z site index" href="/web/20070810090727/http://www.law.widener.edu/sitehelp/"> <span class="access" title="Access key for this field = l">Site</span> help (l)</a>  | <a accesskey="y" title="Accessibility statement for this site" href="/web/20070810090727/http://www.law.widener.edu/about/site/accessibility.shtml"> <span class="access" title="Access key for this field = y">Access</span>ibility (y)</a> |   |  <!--///begin encoded email address//--> <a title="email the Law School Webmaster" href="mailto:webmaster@mail.widener.edu">Law School Webmaster</a> <!--///end encoded email address//-->  |
<a accesskey="w" title="Widener Law Library home page" href="/web/20070810090727/http://www.law.widener.edu/Law-Library/">Law Library (w)</a>  | <a accesskey="t" title="Contact a Law School department" href="/web/20070810090727/http://www.law.widener.edu/sitehelp/contact.shtml">Contact us (t)</a> |  <a accesskey="e" title="Check your Campus Cruiser email account" href="/web/20070810090727/http://prod.campuscruiser.com/widener/">Campus cruiser (e)</a> |  <a title="Widener University - Chester campus" href="/web/20070810090727/http://www.widener.edu/">Widener University</a>
Delaware Campus | 4601 Concord Pike  | Wilmington, DE 19803-0474 | 302-477-2100
Harrisburg Campus | 3800 Vartan Way | Harrisburg, PA 17106-9381 | 717-541-3900
</div>
<!--end footer-->
</div>
&nbsp;

I used five separate .css files.

<link rel="stylesheet" type="text/css" href="http://www.law.widener.edu/css/2006newhome_css/newstyle.css" />
<link rel="stylesheet" type="text/css" href="http://www.law.widener.edu/css/2006newhome_css/horizontalnav.css" />
<link rel="stylesheet" type="text/css" href="http://www.law.widener.edu/css/2006newhome_css/promos2.css" />
<link rel="stylesheet" type="text/css" href="http://www.law.widener.edu/css/2006newhome_css/event_ads.css" />
 <link rel="stylesheet" type="text/css" href="http://www.law.widener.edu/css/2006newhome_css/adsbox_new0706.css" />

newstyle.css


<pre id="line1">/*
     FILE ARCHIVED ON 22:09:37 Jul 11, 2007 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:16:11 Jun 11, 2013.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
  /*************************************************
    BODY AND HEADER 
    **************************************************/

#header {

  clear: both;
  text-align: center;
  padding: 0px;
  margin: 0px;
border: 0 none;  
  background: 0 none;
  color: #fff;
}

  body {
      margin: 0;
      padding: 0;
      background: #036 url("/web/20070711220937/http://www.law.widener.edu/i/home/2006newhome_images/2006_new_homeBGv2.gif");
    background-position: -50px -6px;
  background-repeat: no-repeat;
      font-size: 100.01%;
      font-family: "Trebuchet MS", arial, sans-serif;
      text-align: center;
      }

    /*************************************************
    MAIN CONTAINER and OTHER CONTAINERS
    **************************************************/
    #container {
      width: 85%;
    /*float:left;*/
    /*min-width: 750px;*/
    max-width: 850px;
    min-width: 800px;

    margin: 80px 55px;
      border: 0 none;
      background:0 none;
  /*background: #036 url("/web/20070711220937/http://www.law.widener.edu/i/home/2006newhome_images/2006_new_homeBG.gif");
    background-position: -250px -104px;
  background-repeat: no-repeat;
    padding: 0px;*/

      }

  #mainphoto {

  float:left;
  margin-top:-1px;/*make sure use same margin as rightcol*/
  margin-right:3px;
  margin-bottom:3px;
  margin-left:3px;
  padding:0px;

  background: 0 none;

  height: 261px;
  width: 443px;

}
  #content {
  float: left;

    border: 0 none;

      background: 0 none;

      margin:0px;
      padding:0px;
      width: 100%;

      }

#innercontent 
{
float: left;
border: 1px solid #fff;
background:  url("/web/20070711220937/http://www.law.widener.edu/i/home/2006newhome_images/2006_new_homeinnerBG.gif");
background-position: -1px -24px;
background-repeat: no-repeat;
      /*background: 0 none;ie mac sees this*/

      margin:0px;
      padding-left:20px;
      /*padding-bottom: 10%;*/
      padding-bottom: 5%;
      width: 95%;

    clear:both;

      }

#rightcolumn {/*This holds the newsitems*/
  float: left;
  width: auto;

  height: 259px;
  margin-top:-262px;
  margin-right:0px;
  margin-bottom:3px;
  margin-left: 448px;
  padding:0px;
  /*border-top: 1px solid #fff;
  border-right: 0 none;
  border-bottom: 1px solid #fff;
  border-left: 0 none;*/
  border: 0 none;
  /*border: 1px solid red;*/
  color: #fff;
  line-height: 1.5em;
  /*background-color: #6699cc;*/
  /*background-color: #036;*/
  background: 0 none;
  clear: both;
}

#rightcolumn p {
  margin: 0px;
  font-size: 90%;
}

#rightcolumn a {
  display: block;

  padding-bottom: 4px;
  margin-bottom: 0px;
  border-bottom: 0 none;
}

#topnavbar {float:right;
margin: 0px;
padding: 0px;
border: 0 none;
background: 0 none;

}
#topnavbar img.noborder {border: 0 none;}
    /*************************************************
    MAIN NAVIGATION (DROP DOWN MENU)
    **************************************************/
    #nav {
      font-size: 1.0em;
      line-height: 0.9em;
      text-align: left;
      float: left;
      width: auto;
      margin-top: 10px;
      /*margin: 0 auto;*/
      padding: 0px;
      background: 0 none;
      list-style-type: none;
      /*border-bottom: 1px solid #fff;*/
      border-bottom: 0px solid #fff;
      /*border: 0 none;*/

      }

  #nav ul {

      float: left;
      width: 100%;
      margin: 0;
      padding: 0px;
      background: 0 none;
      /*background: #036;*/
      list-style-type: none;
      /*border: 1px solid #fff;*/
      border:0 none;
      }

      #nav a {
      display: block;

      margin: 0 0px 0 0;
      padding: 3px 0 3px 10px;
      text-decoration: none;  
      color: #fff;
      /*border: 1px solid #fff;*/
      border: 0 none;
      }
      #nav a:hover {
      text-decoration: none;
      color: #6699cc;

      }
      #nav li {
      float: left;
      margin: 0;
      padding: 0;
      width: auto;
      border-top: 1px solid #fff;
      border-left: 2px solid #fff;
      border-right: 1px dotted #fff;

      background: #036;
      font-size: .9em;
        font-weight: normal;

      }
      #nav li.tabone {
      border: 1px solid #fff;
      border-bottom: 0 none;
      border-right: 0 none;
    background: 0 none;
    /*background: url("");
    background-position: 0px -3px;
  background-repeat: no-repeat;*/
  font-weight: normal;
      font-size: 1.1em;
      padding: 8px;

      }

      #nav li.tabtwo {
    border: 1px solid #fff;
      border-bottom: 0 none;
      border-right: 0 none;
    background: 0 none;
    /*background: url("");
    background-position: -295px -3px;
  background-repeat: no-repeat;*/
      font-weight: normal;
      font-size: 1.1em;
          padding: 8px;

      }

      #nav li.tabthree {
      border: 1px solid #fff;
      border-bottom: 0 none;
      background: 0 none;
      /*
    background: url("");
    background-position: -425px -3px;
  background-repeat: no-repeat;*/
      font-weight: normal;
      font-size: 1.1em;
        padding: 8px;

      }

      #nav li ul {

      position: absolute;
      left: -999em;
      height: auto;
      width: 14.4em;
      border-width: 1px;
      margin: 0;

      }

      #nav li li {
      padding-right: 1em;
      width: auto;
      /*filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity: 0.9;*/

      }

      #nav li ul a {
      width: 10em;

      }
      #nav li ul a:hover {font-weight: bold;}

      #nav li:hover ul {
      left: auto;
      margin-top:-3px;/*need to move this element up to prevent menus from dissappearing upon hover*/
      }

    /*************************************************
  TEXT ELEMENTS
    **************************************************/      
      #title {
  float: left;
  font-size: 14pt;
  font-weight: bold;
  padding: 0 0 0 10px;
}

  /*************************************************
CLEARING and HIDING ELEMENTS
    **************************************************/    
.clear
{
  clear: both;
  padding-bottom: 10px;  /* for Gecko-based browsers */
  margin-bottom: -1px;  /* for Gecko-based browsers */
}

#nav li ul a.hidetext {
      display: none;
      }
.hide{display: none;}
.noborder { border: 0 none;}
.ie5separator
{display: none;
margin: 0;
padding:0;}/*this only for ie5 to display separators between links, hide from other browsers*/

/*this removes focus dotted lines in gecko browsers- see article http://sonspring.com/journal/removing-dotted-links*/
a
{
outline: none;
}

/*
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-table;}*/

  /*************************************************
FOOTER
    **************************************************/  
#footer {
  clear: both;
  color: #fff;
  background:0 none;
  font-size: 0.8em;
  text-align: center;
  padding-top: 10px;
  margin:0;
  border: 0 none;
line-height: 1.2em;

}
#footer p{color: #fff;/*border: 1px solid yellow;*/ border: 0 none; padding: 10px;}

#footer a {
  text-decoration: underline;
  color: #fff;
}

#footer a:hover {
  color: #ccc;
  text-decoration: none;
}

/*************************************************
NEWS ITEMS
    **************************************************/  
#newsbox {
  font-family:  arial, verdana, sans-serif;
/*border: 1px solid #fff;*/
/*border: 0 none;*/
margin: 0;
padding: 4px;
width: 95%;
/*background-color: #069;*/
background:   url("/web/20070711220937/http://www.law.widener.edu/i/home/2006newhome_images/2006_new_homeinnerBG.gif");
background-position: 0px 0px;
background-repeat: no-repeat;
clear: both;}

#newsbox h2 {font-family: "Trebuchet MS", arial, sans-serif;
font-size: 101%;
font-weight: bold;
background: 0 none;

border: 1px solid #fff;
padding: 2px;
}
#newsbox h2 a {
color: #fff;
text-decoration: none;
background: #fe9e2c;
border: 1px solid #fff;
padding: 1px;
}
#newsbox h2 a:hover {
color: #fff;
text-decoration: underline;
background: #fe9e2c;

border: 1px solid #ccc;
padding: 1px;
}

#newsbox p { font-weight: bold; }

#newsbox p a {

margin: 0px;
font-size: 89%;
 font-weight: bold; 
color: #fff;
text-decoration: none;
/*background: #fe9e2c;*/
background: #036;
text-align: right;
/*border: 1px solid #fff;*/
border: 1px solid #036;
padding: 0px 3px 0px 0px;
}
#newsbox p a:hover {
 font-weight: bold; 
color: #fff;
text-decoration: underline;
/*border: 1px solid #ccc;*/
border-top: 1px solid #fe9e2c;
border-bottom: 1px solid #fe9e2c;

}
.campus {font-weight: bold; color: #fff; text-transform: uppercase; font-size: 84%;}

  ul#newslist
{
margin-left: 0;
padding-left: 10px;/*moves text to left to accomodate bullet*/
list-style: none;
text-align: left;
color: #fff;
/*border: 1px solid red;*/
border: 0 none;
clear: both;

}

/*ul#newslist:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }*/

ul#newslist li
{
font-size: 0.8em;
font-weight:normal;
line-height: 1.2em;

padding-left: 20px;
/*border-bottom: 1px solid #fff;*/

}

ul#newslist li.book1
{background-image: url("/web/20070711220937/http://www.law.widener.edu/i/home/2006newhome_images/book_bullets/eggen_bullet.jpg");
background-repeat: no-repeat;
background-position: 0 .3em;
padding-left: 52px;
padding-bottom: 52px;
}
ul#newslist li.book2
{background-image: url("/web/20070711220937/http://www.law.widener.edu/i/home/2006newhome_images/book_bullets/conaway_bullet.jpg");
background-repeat: no-repeat;
background-position: 0 .3em;
padding-left: 52px;
padding-bottom: 52px;

}
ul#newslist li.book3
{background-image: url("/web/20070711220937/http://www.law.widener.edu/i/home/2006newhome_images/book_bullets/strauss_bullet.jpg");
background-repeat: no-repeat;
background-position: 0 .3em;
padding-left: 52px;
padding-bottom: 52px;
}
ul#newslist li.book4
{background-image: url("/web/20070711220937/http://www.law.widener.edu/i/home/2006newhome_images/book_bullets/kotler_bullet.jpg");
background-repeat: no-repeat;
background-position: 0 .3em;
padding-left: 52px;
padding-bottom: 52px;
}

ul#newslist li.arrow
{background-image: url("/web/20070711220937/http://www.law.widener.edu/i/home/2006newhome_images/arrowdouble_orange.gif");
background-repeat: no-repeat;
background-position: 0 .3em;
}
ul#newslist li.hb
{
background-image: url("/web/20070711220937/http://www.law.widener.edu/i/home/2006newhome_images/arrowdouble_orange.gif");
background-repeat: no-repeat;
background-position: 0 .3em;
}
ul#newslist li.arrow:hover
{background-image: url("/web/20070711220937/http://www.law.widener.edu/i/home/2006newhome_images/arrowdouble_yellow.gif");
background-repeat: no-repeat;
background-position: 0 .3em;
}
ul#newslist li.hb:hover
{
background-image: url("/web/20070711220937/http://www.law.widener.edu/i/home/2006newhome_images/arrowdouble_yellow.gif");
background-repeat: no-repeat;
background-position: 0 .3em;
}
ul#newslist li a, #newslist li.arrow a, #newslist li.hb a,
ul#newslist li a:visited, #newslist li.arrow a:visited, #newslist li.hb a:visited
{
color: #fff;
text-decoration: none;

}
ul#newslist li a:hover, #newslist li.arrow a:hover, #newslist li.hb a:hover
{
color: #fff;
text-decoration: underline;
color: #ccc;

}

  /*************************************************
FORMS
    **************************************************/  

    #quicklinks {/*position: absolute;
    top: 38px;
    left: 620px;*/
    position: relative;
    top: 30px;
    right: -280px;
    padding: 0px;
    border: 0 none;
  margin: 0;}

    option, select {
    font-size: 0.9em;
      font-family: "Trebuchet MS", arial, sans-serif;
      color: #036;
      background-color: #fff;
      padding:0;
      margin: 0;
      border:1px solid #fff;}
  select {

      font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
  border-top:0 none;
  border-bottom: 1px solid #fff;
   border-left: 0 none;
    border-right: 0 none; }

  option{

  font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border-top:0 none;
  border-bottom: 1px solid #fff;
   border-left: 0 none;
    border-right: 0 none;}</pre>

horizontalnav.css


<pre id="line1">/*
     FILE ARCHIVED ON 22:09:29 Jul 11, 2007 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:16:11 Jun 11, 2013.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
 ul#horizontalnav { font-family: "Trebuchet MS", arial, sans-serif;
 font-size: /*.78em */ .78em  ;
      line-height: 2.1em;
      text-align:right;
      /*Helps IEMac 5 render list correctly, instead of using floats which makes list bug out*/

      }

ul#horizontalnav a
{
font-weight: bolder;
text-decoration: none;
}

ul#horizontalnav, ul#horizontalnav ul, ul#horizontalnav li
{
margin: 0px;
padding: 0px;
list-style-type: none;

}

ul#horizontalnav li { 

display: inline;
list-style-type: none;

}

ul#horizontalnav li a
{
color: #ffffff;
background: 0 none;
padding: 3px;
border: 2px #ffffff outset;
border-top: 0 none;
border-left: 0 none;
border-bottom: 0 none;
}
ul#horizontalnav li a.noborder
{

border: 0 none;
}

ul#horizontalnav li a:hover
{
color: #ccc;

background: 0 none;
text-decoration: underline;
}

ul#horizontalnav li a:active
{
color: #cccccc;
background-color: #003366;
border: 2px #ffffff inset;
border-top: 0 none;
border-left: 0 none;
border-bottom: 0 none;
text-decoration: underline;
}

ul#subhorizontalnav { display: none; }
ul#subhorizontalnav li { float: none; }

ul#subhorizontalnav li a
{
padding: 0px;
margin: 0px;
}

ul#horizontalnav li:hover ul#subhorizontalnav
{
display: block;
position: absolute;
font-size: .9em;
padding-top: 5px;
}

ul#horizontalnav li:hover ul#subhorizontalnav li a
{
display: block;
width: 10em;
border: none;
padding: 2px;
}

ul#horizontalnav li:hover ul#subhorizontalnav li a:before { content: " &gt;&gt; "; }</pre>

<pre id="line1">/*
     FILE ARCHIVED ON 22:08:58 Jul 11, 2007 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:16:11 Jun 11, 2013.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
-------  HOME PAGE PROMOS WITH PURE CSS POPUP TEXT  -----------------------------------------------   */

  #homePromos {

  float: left;
  /*border: 2px solid red;this border for testing*/
    border: 0 none;
    /* border: 0px solid #036;
    position: relative;*/
    width: 99%;/*prevents footer text from creeping up above rightcolumn*/
    height: 1%;
    /*padding: 0px 0px 0px 35px;/*trying to center under main area*/
    padding: 0px;
    margin: 20px 0px 0px 40px;

    list-style: none;

    }
    #homePromos ul{ text-align: center;}

    #homePromos li {
    float: left; 
    text-indent: -1600px;
    }

    #homePromos li#promo1 {
    display: block;  width: 102px; height: 101px; margin: 0; 
    padding: 0; text-decoration: none; margin-right: 15px;
    background: url("/web/20070711220858/http://www.law.widener.edu/i/home/2006newhome_images/promos/blogs-promo-100px.gif") 0 0 no-repeat; /*applynow_promo100px.gif*/
    border-bottom: none;
    }
    #homePromos #promo1 a {
    display: block; width: 102px; height: 101px; margin: 0; 
    padding: 0; text-decoration: none;
    background: url("/web/20070711220858/http://www.law.widener.edu/i/home/2006newhome_images/promos/blogs-promo-100px.gif") 0 0px no-repeat; /*applynow_promo100px.gif*/
    border-bottom: none;
    }

    #homePromos #promo1 a span.popup {font-weight: bold; text-indent: -140px;display: none;
  padding: 5px;
  color: #fff;
  font-size: 0.9em;
  width: 400px;
  margin-top: -40px;} 

    #homePromos #promo1 a:hover {
    background: url("/web/20070711220858/http://www.law.widener.edu/i/home/2006newhome_images/promos/blogs-promo-100px.gif") 0 0 no-repeat; /*applynow_promo-hover100px.gif*/
    text-decoration: none;
  border: none;
  /* see http://www.quirksmode.org/css/ie6_purecsspopups.html
  two solutions to the bug: the background and the border declarations. If you copy Meyer's page and remove his 
  div#links a:hover styles, you'll find that the popups won't work in IE 6 Windows.*/

    }

      #homePromos #promo1 a:hover span.popup {display: block;}

    #homePromos #promo1 a:active {
    background: url("/web/20070711220858/http://www.law.widener.edu/i/home/2006newhome_images/promos/blogs-promo-100px.gif") 0 0 no-repeat;   /*applynow_promo-hover100px.gif*/
    }
/*
    #homePromos #promo1 a:visited {
    background: url("/web/20070711220858/http://www.law.widener.edu/css/images/promos/promos-techstudent.gif") 0 -41px no-repeat;
    }

*/    #homePromos li#promo2 {
    display: block;  width: 102px; height: 101px; margin: 0; 
    padding: 0; text-decoration: none; margin-right: 15px;
    background: url("/web/20070711220858/http://www.law.widener.edu/i/home/2006newhome_images/promos/summer_promo100px.gif") 0 0 no-repeat; 
    border-bottom: none;
    }
    #homePromos #promo2 a {
    display: block; width: 102px; height: 101px; margin: 0; 
    padding: 0; text-decoration: none;
    background: url("/web/20070711220858/http://www.law.widener.edu/i/home/2006newhome_images/promos/summer_promo100px.gif") 0 0px no-repeat; 
    border-bottom: none;
    }
    #homePromos #promo2 a span.popup {font-weight: bold; text-indent: -210px;display: none;
  padding: 5px;
  color: #fff;
  font-size: 0.9em;
  width: 400px;
  margin-top: -40px;}
    #homePromos #promo2 a:hover {
    background: url("/web/20070711220858/http://www.law.widener.edu/i/home/2006newhome_images/promos/summer_promo-hover100px.gif") 0 0 no-repeat;
    text-decoration: none;
  border: none;
  /* see http://www.quirksmode.org/css/ie6_purecsspopups.html
  two solutions to the bug: the background and the border declarations. If you copy Meyer's page and remove his 
  div#links a:hover styles, you'll find that the popups won't work in IE 6 Windows.*/
    }
#homePromos #promo2 a:hover span.popup {display: block;}
    #homePromos #promo2 a:active {
    background: url("/web/20070711220858/http://www.law.widener.edu/i/home/2006newhome_images/promos/summer_promo-hover100px.gif") 0 0 no-repeat;
    }
/*
    #homePromos #promo2 a:visited {
    background: url("/web/20070711220858/http://www.law.widener.edu/css/images/promos/promos-bus.gif") 0 -41px no-repeat;
    }

*/    #homePromos li#promo3 {
    display: block;  width: 102px; height: 101px; margin: 0; 
  padding: 0; text-decoration: none; margin-right: 15px;
    background: url("/web/20070711220858/http://www.law.widener.edu/i/home/2006newhome_images/promos/graduate_promo100px.gif") 0 0 no-repeat; 
    border-bottom: none;
    }
    #homePromos #promo3 a {
    display: block; width: 102px; height: 101px; margin: 0; 
    padding: 0; text-decoration: none;
    background: url("/web/20070711220858/http://www.law.widener.edu/i/home/2006newhome_images/promos/graduate_promo100px.gif") 0 0px no-repeat; 
    border-bottom: none;
    }
    #homePromos #promo3 a span.popup {font-weight: bold; text-indent: -210px; display: none;
  padding: 5px;
  color: #fff;
  font-size: 0.9em;
  width: 400px;
  margin-top: -40px;}
    #homePromos #promo3 a:hover {
    background: url("/web/20070711220858/http://www.law.widener.edu/i/home/2006newhome_images/promos/graduate_promo-hover100px.gif") 0 0 no-repeat;
    text-decoration: none;
  border: none;
  /* see http://www.quirksmode.org/css/ie6_purecsspopups.html
  two solutions to the bug: the background and the border declarations. If you copy Meyer's page and remove his 
  div#links a:hover styles, you'll find that the popups won't work in IE 6 Windows.*/
    }
    #homePromos #promo3 a:hover span.popup {display: block;}
    #homePromos #promo3 a:active {
    background: url("/web/20070711220858/http://www.law.widener.edu/i/home/2006newhome_images/promos/graduate_promo-hover100px.gif") 0 0 no-repeat;
    }
/*
    #homePromos #promo3 a:visited {
    background: url("/web/20070711220858/http://www.law.widener.edu/css/images/promos/promosSPAM2.gif") 0 -41px no-repeat;
    }

*/

    #homePromos li#promo4 {
    display: block;  width: 102px; height: 101px; margin: 0; 
  padding: 0; text-decoration: none; margin-right: 15px;
    background: url("/web/20070711220858/http://www.law.widener.edu/i/home/2006newhome_images/promos/journals_promo100px.gif") 0 0 no-repeat; 
    border-bottom: none;
    }
    #homePromos #promo4 a {
    display: block; width: 102px; height: 101px; margin: 0; 
    padding: 0; text-decoration: none;
    background: url("/web/20070711220858/http://www.law.widener.edu/i/home/2006newhome_images/promos/journals_promo100px.gif") 0 0px no-repeat; 
    border-bottom: none;
    }
    #homePromos #promo4 a span.popup {font-weight: bold; font-weight: bold;;text-indent: -230px;display: none;
  padding: 5px;
  color: #fff;
  font-size: 0.9em;
  width: 400px;
  margin-top: -40px;}
    #homePromos #promo4 a:hover {
    background: url("/web/20070711220858/http://www.law.widener.edu/i/home/2006newhome_images/promos/journals_promo-hover100px.gif") 0 0 no-repeat;
    text-decoration: none;
  border: none;
  /* see http://www.quirksmode.org/css/ie6_purecsspopups.html
  two solutions to the bug: the background and the border declarations. If you copy Meyer's page and remove his 
  div#links a:hover styles, you'll find that the popups won't work in IE 6 Windows.*/
    }

#homePromos #promo4 a:hover span.popup {display: block;}

    #homePromos #promo4 a:active {
    background: url("/web/20070711220858/http://www.law.widener.edu/i/home/2006newhome_images/promos/journals_promo-hover100px.gif") 0 0 no-repeat;
    }
/*
    #homePromos #promo4 a:visited {
    background: url("/web/20070711220858/http://www.law.widener.edu/css/images/promos/xxxx") 0 -41px no-repeat;
    }

*/

#homePromos li#promo5 {
    display: block;  width: 102px; height: 101px; margin: 0; 
  padding: 0; text-decoration: none; margin-right: 15px;
    background: url("/web/20070711220858/http://www.law.widener.edu/i/home/2006newhome_images/promos/clinics_promo100px.gif") 0 0 no-repeat; 
    border-bottom: none;
    }
    #homePromos #promo5 a {
    display: block; width: 102px; height: 101px; margin: 0; 
    padding: 0; text-decoration: none;
    background: url("/web/20070711220858/http://www.law.widener.edu/i/home/2006newhome_images/promos/clinics_promo100px.gif") 0 0px no-repeat; 
    border-bottom: none;
    }
    #homePromos #promo5 a span.popup {font-weight: bold; text-indent: -210px;display: none;
  padding: 5px;
  color: #fff;
  font-size: 0.9em;
  width: 400px;
  margin-top: -40px;}
    #homePromos #promo5 a:hover {
    background: url("/web/20070711220858/http://www.law.widener.edu/i/home/2006newhome_images/promos/clinics_promo-hover100px.gif") 0 0 no-repeat;
    text-decoration: none;
  border: none;
  /* see http://www.quirksmode.org/css/ie6_purecsspopups.html
  two solutions to the bug: the background and the border declarations. If you copy Meyer's page and remove his 
  div#links a:hover styles, you'll find that the popups won't work in IE 6 Windows.*/
    }

#homePromos #promo5 a:hover span.popup {display: block;}

    #homePromos #promo5 a:active {
    background: url("/web/20070711220858/http://www.law.widener.edu/i/home/2006newhome_images/promos/clinics_promo-hover100px.gif") 0 0 no-repeat;
    }
/*
    #homePromos #promo5 a:visited {
    background: url("/web/20070711220858/http://www.law.widener.edu/css/images/promos/xxxx") 0 -41px no-repeat;
    }

*/

#homePromos li#promo6 {
    display: block;  width: 102px; height: 101px; margin: 0; 
  padding: 0; text-decoration: none; margin-right: 15px;
    background: url("/web/20070711220858/http://www.law.widener.edu/i/home/2006newhome_images/promos/institutes_promo100px.gif") 0 0 no-repeat; 
    border-bottom: none;
    }
    #homePromos #promo6 a {
    display: block; width: 102px; height: 101px; margin: 0; 
    padding: 0; text-decoration: none;
    background: url("/web/20070711220858/http://www.law.widener.edu/i/home/2006newhome_images/promos/institutes_promo100px.gif") 0 0px no-repeat; 
    border-bottom: none;
    }
    #homePromos #promo6 a span.popup {font-weight: bold; text-indent: -210px;display: none;
  padding: 5px;
  color: #fff;
  font-size: 0.9em;
  width: 400px;
  margin-top: -40px;}
    #homePromos #promo6 a:hover {
    background: url("/web/20070711220858/http://www.law.widener.edu/i/home/2006newhome_images/promos/institutes_promo-hover100px.gif") 0 0 no-repeat;
    text-decoration: none;
  border: none;
  /* see http://www.quirksmode.org/css/ie6_purecsspopups.html
  two solutions to the bug: the background and the border declarations. If you copy Meyer's page and remove his 
  div#links a:hover styles, you'll find that the popups won't work in IE 6 Windows.*/
    }
    #homePromos #promo6 a:hover span.popup {display: block;}

    #homePromos #promo6 a:active {
    background: url("/web/20070711220858/http://www.law.widener.edu/i/home/2006newhome_images/promos/institutes_promo-hover100px.gif") 0 0 no-repeat;
    }
/*
    #homePromos #promo6 a:visited {
    background: url("/web/20070711220858/http://www.law.widener.edu/css/images/promos/xxxx") 0 -41px no-repeat;
    }

*/</pre>

adsbox_new0706.cs


<pre id="line1">/*
     FILE ARCHIVED ON 22:09:18 Jul 11, 2007 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:16:11 Jun 11, 2013.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*************************************************    
ADS
**************************************************/  
/*#event_spotlights { padding: 0px; margin:0px; border: 1px solid red; height: 1%; float: left; width: 445px;}*/

.event_ad {
float:left;
text-align:left;
  font:  "Trebuchet MS", Verdana, Arial, Sans-Serif;
  font-weight: 800;
  border: 0 none;
  color: #fff;
  margin: 8px 3px 3px 3px;
  padding: 17px;
  width: 182px;
  height: 17px;

}
.one {

  margin: 8px 3px 3px 3px;
  background: transparent url("/web/20070711220918/http://www.law.widener.edu/i/home/2006newhome_images/event_ads/commencement_ad.jpg") no-repeat;

}
.two {

  margin: 8px 3px 3px 3px;
  background: transparent url("/web/20070711220918/http://www.law.widener.edu/i/home/2006newhome_images/event_ads/commencement_ad.jpg") no-repeat;

}
.three { margin: 65px 3px 3px -441px; background: transparent url("/web/20070711220918/http://www.law.widener.edu/i/home/2006newhome_images/event_ads/event_ad2.jpg") no-repeat;}
.four  {margin: 65px 3px 3px -219px; background: transparent url("/web/20070711220918/http://www.law.widener.edu/i/home/2006newhome_images/event_ads/event_ad3.jpg") no-repeat;}

.event_ad_hide {
float:left;
display: none;
margin: 8px 3px 3px 3px;
  padding: 17px;
  width: 182px;
  height: 17px;
}
.event_ad a {
white-space: nowrap;
font-weight: 800;
font: 130% "Trebuchet MS", Arial, Sans-Serif;
letter-spacing: -1px;
line-height: 90%;
color: #fff;
  background: transparent; 
  text-decoration: none;

}
.event_ad a:hover {
white-space: nowrap;
font-weight: 800;
  color: #036;
  background: 0 none; 
  text-decoration: none;

}</pre>

promos2.css


/*
FILE ARCHIVED ON 22:09:18 Jul 11, 2007 AND RETRIEVED FROM THE
INTERNET ARCHIVE ON 14:16:11 Jun 11, 2013.
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
SECTION 108(a)(3)).
*/
/*************************************************
ADS
**************************************************/
/*#event_spotlights { padding: 0px; margin:0px; border: 1px solid red; height: 1%; float: left; width: 445px;}*/
.event_ad {
float:left;
text-align:left;
font: &#8220;Trebuchet MS&#8221;, Verdana, Arial, Sans-Serif;
font-weight: 800;
border: 0 none;
color: #fff;
margin: 8px 3px 3px 3px;
padding: 17px;
width: 182px;
height: 17px;
}
.one {
margin: 8px 3px 3px 3px;
background: transparent url(&#8220;/web/20070711220918/http://www.law.widener.edu/i/home/2006newhome_images/event_ads/commencement_ad.jpg&#8221;) no-repeat;
}
.two {
margin: 8px 3px 3px 3px;
background: transparent url(&#8220;/web/20070711220918/http://www.law.widener.edu/i/home/2006newhome_images/event_ads/commencement_ad.jpg&#8221;) no-repeat;
}
.three { margin: 65px 3px 3px -441px; background: transparent url(&#8220;/web/20070711220918/http://www.law.widener.edu/i/home/2006newhome_images/event_ads/event_ad2.jpg&#8221;) no-repeat;}
.four {margin: 65px 3px 3px -219px; background: transparent url(&#8220;/web/20070711220918/http://www.law.widener.edu/i/home/2006newhome_images/event_ads/event_ad3.jpg&#8221;) no-repeat;}
.event_ad_hide {
float:left;
display: none;
margin: 8px 3px 3px 3px;
padding: 17px;
width: 182px;
height: 17px;
}
.event_ad a {
white-space: nowrap;
font-weight: 800;
font: 130% &#8220;Trebuchet MS&#8221;, Arial, Sans-Serif;
letter-spacing: -1px;
line-height: 90%;
color: #fff;
background: transparent;
text-decoration: none;
}
.event_ad a:hover {
white-space: nowrap;
font-weight: 800;
color: #036;
background: 0 none;
text-decoration: none;
}

event_ads.css


/*
FILE ARCHIVED ON 22:10:10 Jul 11, 2007 AND RETRIEVED FROM THE
INTERNET ARCHIVE ON 14:16:12 Jun 11, 2013.
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
SECTION 108(a)(3)).
*/
/*************************************************
ADS
**************************************************/
.onewide {
margin: 8px 3px 3px 3px;
background: transparent url(&#8220;/web/20070711221010/http://www.law.widener.edu/i/home/2006newhome_images/event_ads/graduation_ad_420px.jpg&#8221;) no-repeat;
/*http://www.law.widener.edu/i/home/2006newhome_images/event_ads/420px_smileycouple-ad.jpg*/
}/*SMILEY COUPLE AD IS NAME FOR LAW SCHOOL BUILDING AD*/
.twowide {
margin: 8px 3px 3px 3px;
background: transparent url(&#8220;/web/20070711221010/http://www.law.widener.edu/i/home/2006newhome_images/event_ads/diversity_ad_420px.jpg&#8221;) no-repeat;
} /*http://www.law.widener.edu/i/home/2006newhome_images/event_ads/diversity_ad_420px.jpg*/
.threewide { margin: 8px 3px 3px 3px; background: transparent url(&#8220;/web/20070711221010/http://www.law.widener.edu/i/home/2006newhome_images/event_ads/420px-girlgrass.jpg&#8221;) no-repeat;}
.fourwide {margin: 8px 3px 3px 3px; background: transparent url(&#8220;/web/20070711221010/http://www.law.widener.edu/i/home/2006newhome_images/event_ads/jeff+wid-event_ad.jpg&#8221;) no-repeat;}
/*.fourwide {margin: 8px 3px 3px 3px; background: transparent url(&#8220;/web/20070711221010/http://www.law.widener.edu/i/home/2006newhome_images/event_ads/cspan_ad420x51.jpg&#8221;) no-repeat;}
.fourwide {margin: 8px 3px 3px 3px; background: transparent url(&#8220;/web/20070711221010/http://www.law.widener.edu/i/home/2006newhome_images/event_ads/constitution_ad_420x100.jpg&#8221;) no-repeat;}*/
.fivewide {margin: 8px 3px 3px 3px; background: transparent url(&#8220;/web/20070711221010/http://www.law.widener.edu/i/home/2006newhome_images/event_ads/book_ad_420x100.jpg&#8221;) no-repeat;}
.sixewide {margin: 8px 3px 3px 3px; background: transparent url(&#8220;/web/20070711221010/http://www.law.widener.edu/i/home/2006newhome_images/event_ads/book_ad_420x100.jpg&#8221;) no-repeat;}
.sevenewide {margin: 8px 3px 3px 3px; background: transparent url(&#8220;/web/20070711221010/http://www.law.widener.edu/i/home/2006newhome_images/event_ads/book_ad_420x100.jpg&#8221;) no-repeat;}
/*div#ads span.fixforie5 p {display: inline; padding-top: -20px; line-height: 0px; }*/
div#ads {float:left;
position: relative;
text-align: left;
/*border: 1px solid green; */
width: 430px;
height: 1%;
margin-top: 2px;
margin-left: 10px;
margin-bottom: -20px;
/*padding-left: 30px;
padding-top: -20px;*/
padding: 0px 0px 0px 0px;
}
/*style for 51px-tall ads*/
div#ads .event_adwide, .event_adwide
{
float:left;
text-align:left;
font-size: 13px;
font-family: &#8220;Trebuchet MS&#8221;, Verdana, Arial, Sans-Serif;
font-weight: 600;
border: 0 none;
/*border: 1px solid yellow;*/
color: #fff;
margin: 3px 3px 3px 3px;
padding: 5px 8px 2px 85px;
width: 418px;
height: 51px;
}
/*style for 100px-tall ads*/
div#ads .event_adwidetall, .event_adwidetall
{
float:left;
text-align:left;
font-size: 11px;
font-family: &#8220;Trebuchet MS&#8221;, Verdana, Arial, Sans-Serif;
font-weight: 600;
border: 0 none;
/*border: 1px solid yellow;*/
color: #fff;
margin: 3px 3px 3px 3px;
padding: 5px 8px 2px 85px;
width: 418px;
height: 101px;
}
/*style for 51px-tall ads*/
.event_adwide a {
font-weight: 600;
/*font-size: 90%;*/
font-size: 11px;
font-family: &#8220;Trebuchet MS&#8221;, Verdana, Arial, Sans-Serif;
line-height: 12px;
color: #fff;
background: transparent;
text-decoration: none;
}
.event_adwide a:hover {
font-size: 11px;
font-weight: 600;
color: #ccc;
background: 0 none;
text-decoration: underline;
}
.event_adwide a, a:link, a:visited, a:hover, a:active {border: 0 none;}
/*style for 100px-tall ads*/
.event_adwidetall a {
font-weight: 600;
font-size: 11px;
font-family: &#8220;Trebuchet MS&#8221;, Verdana, Arial, Sans-Serif;
line-height: 12px;
color: #fff;
background: transparent;
text-decoration: none;
}
.event_adwidetall a:hover {
font-size: 11px;
font-weight: 600;
color: #ccc;
background: 0 none;
text-decoration: underline;
}
.event_adwidetall a, a:link, a:visited, a:hover, a:active {border: 0 none;}
div#ads .event_small
{
background: transparent url(&#8220;/web/20070711221010/http://www.law.widener.edu/i/home/2006newhome_images/event_ads/gavelbg_ad.jpg&#8221;) no-repeat;
float:right;
text-align:left;
font-size: 11px;
font-family: &#8220;Trebuchet MS&#8221;, Verdana, Arial, Sans-Serif;
font-weight: 600;
/*border: 0 none;*/
border: 1px solid yellow;
color: #fff;
margin: -230px 3px 3px 3px;
padding: 17px;
width: 80px;
height: 140px;
}
/* div#ads .event_ad
{
position: relative;
text-align:left;
font: &#8220;Trebuchet MS&#8221;, Verdana, Arial, Sans-Serif;
font-weight: 800;
border: 0 none;
color: #fff;
margin: 8px 3px 3px 3px;
padding: 17px;
width: 182px;
height: 17px;
}*/
/*.event_ad a, a:link, a:visited, a:hover, a:active {border: 0 none;}*/
/*************************************************
SPOTLIGHT BOOKS OR OTHER ITEMS
**************************************************/
div#spotlight_container {
font-family: arial, verdana, sans-serif;
/*border: 1px solid #fff;*/
/*border: 0 none;*/
margin: 0px;
padding: 0px ;
/*width: 95%;*/
/*background-color: #069;*/
background: transparent;
clear: both;
}
/*************************************************
NEWS ITEMS
**************************************************/
#newsbox_version2 {
font-family: arial, verdana, sans-serif;
/*border: 1px solid #fff;*/
/*border: 0 none;*/
margin: 0px;
padding: 4px ;
width: 95%;
/*background-color: #069;*/
background: url(&#8220;/web/20070711221010/http://www.law.widener.edu/i/home/2006newhome_images/2006_new_homeinnerBG.gif&#8221;);
background-position: 0px 0px;
background-repeat: no-repeat;
clear: both;}
#newsbox_version2 h2 {font-family: &#8220;Trebuchet MS&#8221;, arial, sans-serif;
font-size: 101%;
font-weight: bold;
background: 0 none;
/*border: 1px solid #fff;*/
padding: 2px;
}
#newsbox_version2 h2 a {
color: #fff;
text-decoration: none;
background: #fe9e2c;
border: 1px solid #fff;
padding: 1px;
}
#newsbox_version2 h2 a:hover {
color: #fff;
text-decoration: underline;
background: #fe9e2c;
border: 1px solid #ccc;
padding: 1px;
}
#newsbox_version2 p { font-weight: bold; }
#newsbox_version2 p a {
margin: 0px;
font-size: 89%;
font-weight: bold;
color: #fff;
text-decoration: none;
background:transparent;
text-align: right;
border:0 none;
padding: 0px 3px 0px 0px;
}
#newsbox_version2 p a:hover {
font-weight: bold;
color: #fff;
text-decoration: underline;
/*border: 1px solid #ccc;*/
border: 0 none;
}