f48d6722539eedb842d629cb7c8681ad88e1b685
donnak
  Wed Dec 28 23:39:25 2016 -0800
First pass at migration to new style sheet. Refs #18504

diff --git src/hg/htdocs/util.html src/hg/htdocs/util.html
index 7903b55..256f6f7 100755
--- src/hg/htdocs/util.html
+++ src/hg/htdocs/util.html
@@ -1,104 +1,37 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
-<HTML>
-<HEAD>
-	<META HTTP-EQUIV="Content-Type" CONTENT="text/html;CHARSET=iso-8859-1">
-	<TITLE>UCSC Genome Browser: Utilities</TITLE>
-	<LINK REL="STYLESHEET" HREF="style/HGStyle.css">
-</HEAD>
-<BODY BGCOLOR="FFF9D2" LINK="0000CC" VLINK="#330066" ALINK="#330066">
-<A NAME="TOP"></A>
+<!DOCTYPE html>
+<!--#set var="TITLE" value="UCSC Genome Browser: Utilities" -->
+<!--#include virtual="/gbPageStart.html"-->
+
+<h1>UCSC Genome Browser Utilities</h1>
+<p>
+The following tools and utilities created by the UCSC Genome Bioinformatics Group are availble for 
+public use:</p>
+<ul>
+  <li>
+  <a href="cgi-bin/hgLiftOver">Batch Coordinate Conversion (liftOver)</a> - converts genome 
+  coordinates and genome annotation files between assemblies. The current version supports both 
+  forward and reverse conversions, as well as conversions between selected species.</li>
+  <li>
+  <a href="http://users.soe.ucsc.edu/~kent/dnaDust/dnadust.html">DNA Duster</a> - removes formatting
+  characters and other non-sequence-related characters from an input sequence. Offers several 
+  configuration options for the output format, including translated protein. </li>
+  <li>
+  <a href="http://users.soe.ucsc.edu/~kent/protDust/protDust.html">Protein Duster</a> -  removes 
+  formatting characters and other non-sequence-related characters from an input sequence. Offers 
+  several configuration options for the output format. </li>
+  <li>
+  <a href="cgi-bin/phyloPng">Phylogenetic Tree PNG Maker</a> - creates a PNG image from the 
+  phylogenetic tree specification given. Offers several configuration options for branch lengths, 
+  normalized lengths, branch labels, legend etc.</li>
+  <li>
+  <a href="http://hgdownload.cse.ucsc.edu/downloads.html#source_downloads">Executable and Source 
+  Code Downloads</a> - executable and source code downloads of the Genome Browser, Blat and 
+  liftOver. </li>
+</ul>
 
-<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH="100%"><TR><TH COLSPAN=2 ALIGN="left"><IMG SRC="images/title.jpg"></TH></TR>
-
-<TR><TD COLSPAN=2 HEIGHT=40><!--#include virtual="./cgi-bin/hgMenubar"--></TD></TR>
-<!--Content Tables------------------------------------------------------->
-    <TR><TD COLSPAN=2 CELLPADDING=10>	
-  	<!--outer table is for border purposes-->
-  	<TABLE WIDTH="100%" BGCOLOR="#888888" BORDER="0" CELLSPACING="0" CELLPADDING="1">
-	    <TR><TD>	
-    	    	<TABLE BGCOLOR="fffee8" WIDTH="100%"  BORDER="0" CELLSPACING="0" CELLPADDING="0">
-		    <TR><TD>	
-			<TABLE BGCOLOR="D9E4F8" BACKGROUND="images/hr.gif" WIDTH=100%>
-			    <TR><TD>
-			    <FONT SIZE="4"><b>&nbsp; UCSC Genome Browser Utilities</b></FONT>
-			    </TD></TR>
-			</TABLE>
-			<TABLE BGCOLOR="fffee8" WIDTH="100%" CELLPADDING=0>
-			    <TR><TH HEIGHT=10></TH></TR>
-			    <TR><TD WIDTH=10>&nbsp;</TD>
-				<TD>
- 	    			<P>
-				This page contains links to tools and utilities
-				created by the UCSC Genome Bioinformatics Group.
-				<P>
-				<UL>
-				<LI><A HREF="cgi-bin/hgLiftOver">Batch Coordinate Conversion (liftOver)</A> - 
-				converts genome coordinates and genome annotation 
-				files between assemblies. The current version 
-				supports both forward and reverse conversions,
-			 	as well as conversions between selected
-				species.
-
- 				<LI><A HREF="http://users.soe.ucsc.edu/~kent/dnaDust/dnadust.html">DNA Duster</A> - 
-                                removes formatting characters and other 
-                                non-sequence-related characters from an input 
-                                sequence. Offers several configuration options 
-                                for the output format, including translated 
-                                protein. 
-
-
-				<LI><A HREF="http://users.soe.ucsc.edu/~kent/protDust/protDust.html">Protein Duster</A> -  
-				removes formatting characters and other 
-				non-sequence-related characters from an input 
-				sequence. Offers several configuration options
-				for the output format. 
-				
-				<LI><A HREF="cgi-bin/phyloPng">Phylogenetic Tree 
-                                PNG Maker</A> - creates a PNG image from the 
-                                phylogenetic tree specification given.
-				Offers several configuration options for branch 
-                                lengths, normalized lengths, branch labels, 
-                                legend etc.
-
-				<LI><A HREF="http://hgdownload.cse.ucsc.edu/downloads.html#source_downloads">Executable and Source Code Downloads</A> 
-				- executable and source code downloads of the Genome Browser, 
-				Blat and liftOver. 
-				</UL>
-				</TD>
-    				<TD WIDTH=15></TD>
-			    </TR>
-			</TABLE>
-    			<BR>
-		    </TD></TR>
-		</TABLE>
-	    </TD></TR>
-	</TABLE>
-
-<!--Content Tables------------------------------------------------------->
 <!--Commented out until training materials are available
-    <TR><TD COLSPAN=2 CELLPADDING=10>	
-  	<TABLE WIDTH="100%" BGCOLOR="#888888" BORDER="0" CELLSPACING="0" CELLPADDING="1">
-	    <TR><TD>	
-    		<TABLE BGCOLOR="fffee8" WIDTH="100%"  BORDER="0" CELLSPACING="0" CELLPADDING="0">
-		    <TR><TD>	
-			<TABLE BGCOLOR="D9E4F8" BACKGROUND="images/hr.gif" WIDTH=100%>
-			    <TR><TD>
-			    <FONT SIZE="3"><b>&nbsp; UCSC Genome Browser Educational Materials</b></FONT>
-			    </TD></TR>
-			</TABLE>
-			<TABLE BGCOLOR="fffee8" WIDTH="100%" CELLPADDING=0>
-			    <TR><TH HEIGHT=10></TH></TR>
-			    <TR><TD WIDTH=10>&nbsp;</TD><TD>
-     				<P>
-			    </TD>
-			    <TD WIDTH=15></TD>
-			</TR></TABLE>
-		    <br></TD></TR>
-		</TABLE>
-	    </TD></TR>
-	</TABLE>
+<h2>UCSC Genome Browser Educational Materials</h2>
 -->
-    </TD></TR>
-</TABLE>
-</BODY></HTML>
+
+<!--#include virtual="/gbPageEnd.html"-->