Cant center my navigation text at the bottom of the page

I am trying to center the navigation text as the bottom of my page but I can't seem to do it without centering all the rest of my content. I am not sure how to isolate the navigation text. I tried highlighting the text and making a new rule, I tried both ID and class but it did not center the text. If I use html I can center the text but it also centers the rest of the content. Do I have to place the text in a div?  Also beneather the navigation text is a rule (horizontal line) and a copyright line that I also want to center as well. I plan on reusing this grouping of navigation text, horizontal rule, and copyright text on all my pages as a footer. I have included the html & css code below. Thanks Dan
    HOME   
PRODUCTS
REQUEST QUOTE
CONTACT US
PROCESS EQUIPMENT
Pumps   
Air Diaphragm Centrifugal Drum Gear Hose Magnetic Drive Metering Peristaltic Piston Vertical   
Mixers   
Direct Drive Gear Drive C-Clamp Mount Drum Mount Fixed Top Mount Side Mount   
Filters   
Bag Cartridge Centrifuge
Indexing Media           Gravity Filter   Vacuum FIlter   Sludge FIlter   Pressure Filter   Sludge Filter          Oil Skimmers Oil-Water Separators   
Tanks   
Carboys & Totes Rectangular Cylindrical Cone Bottom Cylindrical Flat Bottom Vertical Bulk Storage   
Piping / Hose   
PVC Pipe & Fittings CPVC Pipe & Fittings Polypro Pipe & Fittings PE Pipe & Fittings Kynar Pipe & Fittings Sanitary Hose, Gaskets & Fittings   
Immersion Heaters   
Electric Immersion Steam Coil   
Process Controls   
pH & ORP Probes Conductivity Probes Flowmeters Level Sensors Pressure Transducers Process Controllers VFD's Power Monitors   
ENGINEERED SYSTEMS
Chemical Feed Skids
Evaporators   
Burt Process Equipment Filtertech   
Filtration Systems
Fume Scrubbers
pH Neutralization
RODI Water Systerms
Transfer Sumps
UL Control Panels
Vacuum Distillation
Wastewater Treatment   
Burt Process Equipment Filtertech   
Water Reclaim (LEEDS)
Content for  id "sidebar" Goes Here Engineered Solutions to your fluid handing requirements.
Chemtech Process Equipment (CPE) provides fluid handling equipment to a wide range of industries which include pharmaceutical, biotechnology, microelectronics, metal finishing,  chemical  processing and general manufacturing. CPE offers turnkey engineered products such as transfer sumps, wastewater treatment, coolant filration, oil-water separation, water reclamation (LEEDS), pH neutralization, deionized water (RODI), and custom fabricated tanks and vessels. CPE’s product line includes pumps, tanks, mixers, filters, evaporators, magnetic separators, centrifuges, oil skimmers, flowmeters, level, pH, ORP, and conductivity measurement, heaters, plastic pipe, valves and fittings, sanitary hose, and gaskets to name a few. Feel free to review our product line and contact us if you have any questions or applications to discuss.   HOME | PRODUCTS | REQUEST QUOTE | CONTACT US
© 2011 Chemtech Process Equipment, All Rights Reserved, Designed and Developed By Graphics Advantage.
@charset "utf-8"; body { background-image: url(../Images/logo-background.jpg); background-repeat: repeat; background-attachment: fixed; } #container { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; background-color: #FFF; width: 960px; margin-right: auto; margin-left: auto; } #header { background-image: url(../Images/header.jpg); width: 960px; height: 310px; } #navigation_bar { height: 31px; width: 960px; } #sidebar { float: left; width: auto; } h4 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; } h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #F00; } /* Ajatix Pure CSS Menu Copyright (C) 2010 Ajatix. All rights reserved. http://www.ajatix.com Unregistered copy. Any usage except for the purpose of evaluation is strictly prohibited. */ .AJXMenuNQIdcZB {position:relative;z-index:100;width:100%;min-width:600px;height:31px;background:#4c97c3 url(ajxmenu_files/menu-bg.jpg) center right;text-align:center;} * html .AJXMenuNQIdcZB .ajxmw1 {float:left;height: 1px;border-left:600px solid #fff;} * html .AJXMenuNQIdcZB .ajxmw2 {position:relative;margin-left:-600px;height:1px;background:#4c97c3 url(ajxmenu_files/menu-bg.jpg) center right;} .AJXMenuNQIdcZB ul {position:relative;display:inline-block;margin:0;padding:0;list-style-type:none;} * html .AJXMenuNQIdcZB ul {display:inline;} *+html .AJXMenuNQIdcZB ul {display:inline;} .AJXMenuNQIdcZB li {float:left;margin:0;} .AJXMenuNQIdcZB a {display:block;float:left;height:31px;white-space:nowrap;padding:0 0 0 14px;font:12px/31px Arial,Helvetica,sans-serif;text-decoration:none;text-align:left;color:#ffffff;background: #4c97c3 url(ajxmenu_files/top.jpg) no-repeat top left;} .AJXMenuNQIdcZB a b {display:block;padding:0 14px 0 0;font-weight:normal;background:url(ajxmenu_files/top.jpg) no-repeat top right;} .AJXMenuNQIdcZB li:hover a,.AJXMenuNQIdcZB a:hover {text-decoration:underline;color:#ff0000;background:#65b0dc url(ajxmenu_files/top-mo.jpg) no-repeat bottom left;} .AJXMenuNQIdcZB li:hover a b,.AJXMenuNQIdcZB a:hover b {background:url(ajxmenu_files/top-mo.jpg) no-repeat bottom right;} .AJXMenuNQIdcZB br {clear:both;height:0;font-size: 1px;line-height: 0px;} /* Ajatix Pure CSS Menu Copyright (C) 2010 Ajatix. All rights reserved. http://www.ajatix.com Unregistered copy. Any usage except for the purpose of evaluation is strictly prohibited. */ .AJXMenuEHWBGHC {position:relative;z-index:100;width:180px;} .AJXMenuEHWBGHC ul {position:relative;float:left;margin:0;padding:0;list-style-type:none;background:#4c97c3; } .AJXMenuEHWBGHC li {float:left;width:180px;margin:0;} .AJXMenuEHWBGHC li:hover,.AJXMenuEHWBGHC li a:hover {position:relative;} .AJXMenuEHWBGHC h1 {display:block;width:166px;height:31px;white-space:nowrap;overflow:hidden;padding:0 0 0 14px;margin:0;font:12px/31px Verdana,Arial,Helvetica,sans-serif;text-decoration:none;text-align:center;color:#ffffff;b ackground:#4c97c3 url(verticalmenu_files/heading.jpg) no-repeat top left;} .AJXMenuEHWBGHC h1 b {display:block;padding:0 28px 0 0;background:url(verticalmenu_files/heading.jpg) no-repeat top right;} .AJXMenuEHWBGHC a {display:block;width:166px;height:31px;white-space:nowrap;padding:0 0 0 14px;font:12px/31px Verdana,Arial,Helvetica,sans-serif;text-decoration:none;text-align:left;color:#ffffff;bac kground:#4c97c3 url(verticalmenu_files/top.jpg) no-repeat top left;} .AJXMenuEHWBGHC a b {display:block;padding:0 28px 0 0;font-weight:normal;background:url(verticalmenu_files/top.jpg) no-repeat top right;} .AJXMenuEHWBGHC li:hover a,.AJXMenuEHWBGHC a:hover {text-decoration:underline;color:#ff0000;background:#65b0dc url(verticalmenu_files/top-mo.jpg) no-repeat bottom left;} .AJXMenuEHWBGHC li:hover a b,.AJXMenuEHWBGHC a:hover b {background:url(verticalmenu_files/top-mo.jpg) no-repeat bottom right;} .AJXMenuEHWBGHC a.ajxsub {background:#4c97c3 url(verticalmenu_files/top-sub.jpg) no-repeat top left;} .AJXMenuEHWBGHC a.ajxsub b {background:url(verticalmenu_files/top-sub.jpg) no-repeat top right;} .AJXMenuEHWBGHC li:hover a.ajxsub,.AJXMenuEHWBGHC a.ajxsub:hover {background:#65b0dc url(verticalmenu_files/top-sub-mo.jpg) no-repeat bottom left;} .AJXMenuEHWBGHC li:hover a.ajxsub b,.AJXMenuEHWBGHC a.ajxsub:hover b {background:url(verticalmenu_files/top-sub-mo.jpg) no-repeat bottom right;} .AJXMenuEHWBGHC ul ul {position:absolute;left:-9999px;top:-9999px;width:190px;height:auto;background:#4c97c3;} .AJXMenuEHWBGHC table {margin-top:-1px;border-collapse:collapse;} .AJXMenuEHWBGHC ul :hover ul {left:180px;top:0px;} .AJXMenuEHWBGHC li li {width:190px;padding:0} .AJXMenuEHWBGHC ul ul a,.AJXMenuEHWBGHC ul :hover ul a,.AJXMenuEHWBGHC ul :hover ul :hover ul a {margin:0;width:176px;height:31px;padding:0 0 0 14px;font:12px/31px Verdana,Arial,Helvetica,sans-serif;text-decoration:none;color:#ffffff;background:#4c97c3 url(verticalmenu_files/top.jpg) no-repeat top left;} .AJXMenuEHWBGHC ul :hover ul a b,.AJXMenuEHWBGHC ul :hover ul :hover ul a b,.AJXMenuEHWBGHC a.ajxsub:hover a b,.AJXMenuEHWBGHC a.ajxsub:hover a.ajxsub:hover a b {display:block;padding:0 28px 0 0;font-weight:normal;background:url(verticalmenu_files/top.jpg) no-repeat top right;} .AJXMenuEHWBGHC ul ul :hover a,.AJXMenuEHWBGHC ul ul a:hover,.AJXMenuEHWBGHC ul ul :hover ul :hover a,.AJXMenuEHWBGHC ul ul :hover ul a:hover {background:#65b0dc url(verticalmenu_files/top-mo.jpg) no-repeat bottom left;} .AJXMenuEHWBGHC ul ul :hover a b,.AJXMenuEHWBGHC ul ul :hover ul :hover a b,.AJXMenuEHWBGHC a:hover a:hover b,.AJXMenuEHWBGHC a:hover a:hover a:hover b {background:url(verticalmenu_files/top-mo.jpg) no-repeat bottom right;} .AJXMenuEHWBGHC ul ul a.ajxsub,.AJXMenuEHWBGHC ul :hover ul a.ajxsub {width:176px;padding:0 0 0 14px;background:#4c97c3 url(verticalmenu_files/top-sub.jpg) no-repeat top left;} .AJXMenuEHWBGHC ul :hover ul a.ajxsub b {padding:0 28px 0 0;background:url(verticalmenu_files/top-sub.jpg) no-repeat top right;} .AJXMenuEHWBGHC ul ul :hover a.ajxsub,.AJXMenuEHWBGHC ul ul a.ajxsub:hover  {background:#65b0dc url(verticalmenu_files/top-sub-mo.jpg) no-repeat bottom left;} .AJXMenuEHWBGHC ul ul :hover a.ajxsub b,.AJXMenuEHWBGHC ul :hover ul a.ajxsub:hover b {background:url(verticalmenu_files/top-sub-mo.jpg) no-repeat bottom right;} .AJXMenuEHWBGHC ul :hover ul ul {position:absolute;left:-9999px;top:-9999px;} .AJXMenuEHWBGHC ul :hover ul :hover ul {left:190px;top:0px;} .AJXMenuEHWBGHC br {clear:both;height:0;font-size: 1px;line-height: 0px;}

Copy & paste the following code into a new, blank HTML document.  The code is well commented so you can follow along.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Chemtech Process Equipment</title>
<style type="text/css">
html {font-size:100%; overflow-y:scroll}
/**LAYOUT**/
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000;
background: #CCC url(../Images/logo-background.jpg) no-repeat fixed;
#wrapper {
background-color: #FFF;
border:1px solid #000;
width: 960px;
margin:0 auto; /*with width, centered on screen*/
overflow:hidden; /*for float containment*/
#header {
background: #000 url(../Images/header.jpg);
min-height: 310px;
#navigation_bar {
min-height: 31px;
#sidebar {
float: left;
width: 250px;
border-right: 3px solid #CCC;
#content {
padding:2%;
overflow: hidden; /*for inside float containment*/
border-top: 3px solid #CCC;
#footer {
clear:both; /*clear the sidebar float*/
text-align: center;
width: 100%;
/**RE-USABLE CLASSES**/
.left {text-align:left}
.center {text-align:center}
.right {text-align:right}
/**floats, clearing**/
.floatLt, .floatRt {
width:17.8%;
min-height:100px;
background:#FFCCCC;
border-left:1px dotted red;
padding:1%;
.floatLt {float:left;}
.floatRt {float:right;}
/**after floats are no longer needed, clear them with this class**/
.clearing {
clear:both;
display:block;
visibility:hidden;
/**TEXT STYLES**/
h1 {font-size: 24px;color: #F00;}
h2 {font-size:20px;}
h3 {font-size:18px; margin-bottom:0}
h4 {font-size: 12px;}
p {font-size:14px; margin-top:0; line-height:1.5;}
#footer h4 {
margin-top:0;
padding-top:12px;
text-align:center;
border-top: 1px solid #333;}
#footer p {margin-bottom:0}
</style>
</head>
<body>
<div id="wrapper">
<div id="header">#header</div>
<div id="navigation_bar">
<!-- AJXFILE:CSS/ajxmenu.css -->
<div class="AJXMenuNQIdcZB">
<div class="ajxmw1">
<div class="ajxmw2">
<ul>
<li><a href="#" title="Home">HOME</a></li>
<li><a href="#" title="Products">PRODUCTS</a></li>
<li><a href="#" title="Request Quote">REQUEST QUOTE</a></li>
<li><a href="#" title="Contact Us">CONTACT US</a></li>
</ul>
<!--end ajax1 --></div>
<!--end ajax2 --></div>
<!--end ajaxMenu --></div>
<!--end navigation_bar --></div>
<!--begin sidebar -->
<div id="sidebar">
<!-- begin AJXFILE:CSS/verticalmenu.css -->
<div class="AJXMenuEHWBGHC">
<ul>
<li><h1>PROCESS EQUIPMENT</h1></li>
<li><a class="ajxsub" href="#" title="Pumps">Pumps
<!--[if gt IE 6]><![endif] --></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#" title="Air Diaphragm">Air Diaphragm</a></li>
<li><a href="#" title="Centrifugal">Centrifugal</a></li>
<li><a href="#" title="Drum">Drum</a></li>
<li><a href="#" title="Gear">Gear</a></li>
<li><a href="#" title="Hose">Hose</a></li>
<li><a href="#" title="Magnetic Drive">Magnetic Drive</a></li>
<li><a href="#" title="Metering">Metering</a></li>
<li><a href="#" title="Peristaltic">Peristaltic</a></li>
<li><a href="#" title="Piston">Piston</a></li>
<li><a href="#" title="Vertical">Vertical</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="ajxsub" href="#" title="Mixers">Mixers
<!--[if gt IE 6]><![endif] --></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#" title="Direct Drive">Direct Drive</a></li>
<li><a href="#" title="Gear Drive">Gear Drive</a></li>
<li><a href="#" title="C-Clamp Mount">C-Clamp Mount</a></li>
<li><a href="#" title="Drum Mount">Drum Mount</a></li>
<li><a href="#" title="Fixed Top Mount">Fixed Top Mount</a></li>
<li><a href="#" title="Side Mount">Side Mount</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="ajxsub" href="#" title="Filters">Filters
<!--[if gt IE 6]><![endif] --></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#" title="Bag">Bag</a></li>
<li><a href="#" title="Cartridge">Cartridge</a></li>
<li><a href="#" title="Centrifuge">Centrifuge</a></li>
<li><a class="ajxsub" href="#" title="Indexing Media">Indexing Media
<!--[if gt IE 6]><![endif] --></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#" title="Gravity FIlter">Gravity Filter</a></li>
<li><a href="#" title="Vacuum FIlter">Vacuum FIlter</a></li>
<li><a href="#" title="Sludge Filter">Sludge FIlter</a></li>
<li><a href="#" title="Pressure Filter">Pressure Filter</a></li>
<li><a href="#" title="Sludge Filter">Sludge Filter</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#" title="Oil Skimmers">Oil Skimmers</a></li>
<li><a href="#" title="Oil-Water Separators">Oil-Water Separators</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="ajxsub" href="#" title="Tanks">Tanks
<!--[if gt IE 6]><![endif] --></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#" title="Carboys &amp; Totes">Carboys &amp; Totes</a></li>
<li><a href="#" title="Rectangular">Rectangular </a></li>
<li><a href="#" title="Cylindrical Cone Bottom">Cylindrical Cone Bottom</a></li>
<li><a href="#" title="Cylindrical Flat Bottom">Cylindrical Flat Bottom</a></li>
<li><a href="#" title="Vertical Bulk Storage">Vertical Bulk Storage</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="ajxsub" href="#" title="Piping/Hose">Piping / Hose
<!--[if gt IE 6]><![endif] --></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#" title="PVC Pipe &amp; Fittings">PVC Pipe &amp; Fittings</a></li>
<li><a href="#" title="CPVC Pipe &amp; Fittings">CPVC Pipe &amp; Fittings</a></li>
<li><a href="#" title="Polypro Pipe &amp; Fittings">Polypro Pipe &amp; Fittings</a></li>
<li><a href="#" title="PE Pipe &amp; Fittings">PE Pipe &amp; Fittings</a></li>
<li><a href="#" title="Kynar Pipe &amp; Fittings">Kynar Pipe &amp; Fittings</a></li>
<li><a href="#" title="Sanitary Hose, Gaskets &amp; Fittings">Sanitary Hose, Gaskets &amp; Fittings</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="ajxsub" href="#" title="Immersion Heaters">Immersion Heaters
<!--[if gt IE 6]><![endif] --></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#" title="Electric Immersion">Electric Immersion</a></li>
<li><a href="#" title="Steam Coil">Steam Coil</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="ajxsub" href="#" title="Process Controls">Process Controls
<!--[if gt IE 6]><![endif] --></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#" title="pH &amp; ORP Probes">pH &amp; ORP Probes</a></li>
<li><a href="#" title="Conductivity Probes">Conductivity Probes</a></li>
<li><a href="#" title="Flowmeters">Flowmeters</a></li>
<li><a href="#" title="Level Sensors">Level Sensors</a></li>
<li><a href="#" title="Pressure Transducers">Pressure Transducers</a></li>
<li><a href="#" title="Process Controllers">Process Controllers</a></li>
<li><a href="#" title="VFD's">VFD's</a></li>
<li><a href="#" title="Power Monitors">Power Monitors</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><h1>ENGINEERED SYSTEMS</h1></li>
<li><a href="#" title="Chemical Feed Skids">Chemical Feed Skids</a></li>
<li><a class="ajxsub" href="#" title="Evaporators">Evaporators
<!--[if gt IE 6]><![endif] --></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#" title="Burt Process Equipment">Burt Process Equipment</a></li>
<li><a href="#" title="Filtertech">Filtertech</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#" title="Filtration Systems">Filtration Systems</a></li>
<li><a href="#" title="Fume Scrubbers">Fume Scrubbers</a></li>
<li><a href="#" title="pH Neutralization">pH Neutralization</a></li>
<li><a href="#" title="RODI Water Systems">RODI Water Systerms</a></li>
<li><a href="#" title="Transfer Sumps">Transfer Sumps</a></li>
<li><a href="#" title="UL Control Panels">UL Control Panels</a></li>
<li><a href="#" title="Vacuum Distillation">Vacuum Distillation</a></li>
<li><a class="ajxsub" href="#" title="Wastewater Treatment">Wastewater Treatment
<!--[if gt IE 6]><![endif] --></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#" title="Burt Process Equipment">Burt Process Equipment</a></li>
<li><a href="#" title="Filtertech">Filtertech</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#" title="Water Reclaim (LEEDS)">Water Reclaim (LEEDS)</a></li>
</ul>
<!--end ajaxmenu --></div>
<!--end sidebar--></div>
<!--begin #content-->
<div id="content">
<!--floated elements come first in markup, this image is floated right-->
<img style="float:right" src="Images/aro-pump-ad.jpg" alt="aro pump ad" width="200" height="200"/>
<h1>Engineered Solutions to your fluid handing requirements</h1>
<p>Chemtech Process Equipment (CPE) provides fluid handling equipment to a wide range of industries which include pharmaceutical, biotechnology, microelectronics, metal finishing,  chemical   processing and general manufacturing.</p>
<p>CPE offers turnkey engineered products such as transfer sumps, wastewater treatment, coolant filration, oil-water separation, water reclamation (LEEDS), pH neutralization, deionized water (RODI), and custom fabricated tanks and vessels.</p>
<p>CPE’s product line includes pumps, tanks, mixers, filters, evaporators, magnetic separators, centrifuges, oil skimmers, flowmeters, level, pH, ORP, and conductivity measurement, heaters, plastic pipe, valves and fittings, sanitary hose, and gaskets to name a few. Feel free to review our product line and contact us if you have any questions or applications to discuss.</p>
<!--clear float with a p, br, or hr tag and clearing class-->
<hr class="clearing" />
<!--begin floated boxes -->
<div class="floatLt">
.floatLt
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
</div>
<div class="floatLt">
.floatLt
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
</div>
<div class="floatLt">
.floatLt
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
</div>
<div class="floatLt">
.floatLt
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
</div>
<div class="floatRt">
.floatRt
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
</div>
<!--end floats with a clearing class-->
<hr class="clearing" />
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tellus est, pulvinar vitae cursus id, porttitor ac arcu. Nulla non lorem neque. Phasellus semper tincidunt orci, consectetur porta justo egestas eget. Vestibulum venenatis, lorem eu egestas sagittis, lacus lectus accumsan risus, quis tempor ligula nulla in elit. Nulla facilisi. Sed ac massa sit amet erat facilisis dignissim ut in nisi. Aliquam non sodales quam. Ut faucibus molestie orci, nec cursus velit elementum ut. Suspendisse porttitor ultricies nisi, sit amet cursus tortor gravida non. Donec blandit libero sed lacus tristique vestibulum. Nunc laoreet placerat eros quis interdum. Praesent elit mauris, ultricies non faucibus ac, lobortis quis dui. Aliquam sed quam orci. Suspendisse lobortis, purus sed suscipit ornare, purus ligula molestie sem; id venenatis sapien eros ullamcorper enim.</p>
<!--begin floated boxes -->
<div class="floatLt">
.floatLt
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
</div>
<div class="floatLt">
.floatLt
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
</div>
<div class="floatLt">
.floatLt
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
</div>
<div class="floatLt">
.floatLt
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
</div>
<div class="floatRt">
.floatRt
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
</div>
<!--end floats with a clearing class-->
<hr class="clearing" />
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tellus est, pulvinar vitae cursus id, porttitor ac arcu. Nulla non lorem neque. Phasellus semper tincidunt orci, consectetur porta justo egestas eget. Vestibulum venenatis, lorem eu egestas sagittis, lacus lectus accumsan risus, quis tempor ligula nulla in elit. Nulla facilisi. Sed ac massa sit amet erat facilisis dignissim ut in nisi. Aliquam non sodales quam. Ut faucibus molestie orci, nec cursus velit elementum ut. Suspendisse porttitor ultricies nisi, sit amet cursus tortor gravida non. Donec blandit libero sed lacus tristique vestibulum. Nunc laoreet placerat eros quis interdum. Praesent elit mauris, ultricies non faucibus ac, lobortis quis dui. Aliquam sed quam orci. Suspendisse lobortis, purus sed suscipit ornare, purus ligula molestie sem; id venenatis sapien eros ullamcorper enim.</p>
<!--end #content --></div>
<!--begin #footer -->
<div id="footer">
<p>HOME | PRODUCTS | REQUEST QUOTE | CONTACT US</p>
<h4>© 2012 Chemtech Process Equipment, All Rights Reserved, Designed and Developed By Graphics Advantage. <img src="Images/GA-logo.jpg" alt="#" width="46" height="40" /></h4>
<!--end #footer --></div>
<!--end #wrapper --></div>
</body>
</html>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists 
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

  • How do you make the title bar display different text than the page title?

    I'm looking for a way for the title bar display of my web page to be different than the text in the actual nav bar created by iWeb. For instance, I'd like the nav bar to just say Home for my main page, but in the title bar in the browser say "blah blah blah."
    I know there has to be a way to do this. iWeb has actually done it on one page already, but I can't figure out how. I think it picked up the title bar text from the first text box in the page. For instance, the page name in the navigation bar is "blahs for today" but the browser title bar when you open that page says "blah blah," which happens to be the first line of text on the page. The page title in iWeb.app, though, is "blahs for today." But if I look at the source code it lists title as "blah blah."
    I'm guessing I might be able to work around by making an invisible text box with the text that I want in the title bar as the very first thing on the page, and hope iWeb makes that the title bar text. I'd rather have a more correct way of doing it.
    Is there a way of doing this in the source code without having to change a lot of stuff?
    Thanks for any help.

    Richard Kirkman1 wrote:
    I think it picked up the title bar text from the first text box in the page. (...) I'm guessing I might be able to work around by making an invisible text box with the text that I want in the title bar...
    Richard ~ The key is the default Title box that iWeb creates for every new page — it's that which you need to edit, not another text box you've created. And to make the text in that Title box invisible, see here.

  • In a document with several sections, in section VIII and IX one cannot select the text of the page foot nor set the pointer in it; so, one cannot write nor change the page foot text. Please help!

    in a document with several sections, in section VIII and IX one cannot select the text of the page foot nor set the pointer in it; so, one cannot write nor change the page foot text. Please help!

    Question already asked and answered several times.
    It's a bug striking in long documents.
    Select a word somewhere higher in the page then use the arrows to reach the wanted insertion point.
    Yvan KOENIG (VALLAURIS, France) mardi 23 août 2011 15:44:24
    iMac 21”5, i7, 2.8 GHz, 4 Gbytes, 1 Tbytes, mac OS X 10.6.8 and 10.7.0
    My iDisk is : <http://public.me.com/koenigyvan>
    Please :
    Search for questions similar to your own
    before submitting them to the community
    To be the AW6 successor, iWork MUST integrate a TRUE DB, not a list organizer !

  • I have been unable to print from FF to Brother HL-1440. print generate pages w/odd bits of text from the page, and sometimes one image. If I want to print off the web, I have to print PDF. Older versions of FF print fine.

    I have been unable to print from FF to Brother HL-1440. print generate pages w/odd bits of text from the page, and sometimes one image. If I want to print off the web, I have to print PDF. Older versions of FF print fine.

    I downloaded OpenOffice and am able to print documents (in particular, the same document I created in MS Word). I guess MS Word is to blame. I believe the issue is concluded, but I'd welcome any comments about the Active Directory, as I might have a problem
    with OpenOffice in the future regarding that.

  • Moving Instruction text to the page footer

    Hi,
    How to show a instruction text at the page footer.
    Note: As of now I have put the instruction text as 'Page Status' and it appears as the first line int he page body.
    Thanks,
    Gowtam

    Gowtam ,
    Putting Moving Instruction text to the page footer can be accomplished by using RawTextbean. In that u can use html code which makes the text move.
    --Mukul                                                                                                                                                                                                                                                                                                                                                                                                                                           

  • How do I highlight selected text in the Pages, Keynotes?

    How do I highlight selected text in the Pages, Keynotes?

    To answer your question foor your iOS Device using Pages or Keynote for iOS: You can't highlight as you might in many note taking apps for iPad, etc.
    The best you can do at this point is to change the selected text's color by selecting the text > Style Menu (wrench) > Tap on the Font > Tap on the Color Box to reveal choices.
    If you would like to join the chorus of folks wishing such a feature were in Pages and Keynote, you can leave feedback for the people at Apple:
    http://www.apple.com/feedback/

  • Cant click on Sync apps. all the page is grey. I tried restrictions apps on and off but the same.

    Cant click on Sync apps. all the page is grey. I tried restrictions apps on and off but the same.

    Have you reset the iPad by holding down on the sleep and home buttons at the same time for about 10 seconds until the Apple logo appears on the screen? If that doesn't resolve this, you can try resetting all settings. Settings>General>Reset>Reset All Settings. You will not lose any data, but all device settings will have to be entered again.
    If that doesn't fix it, your next step might be to backup then erase all content and settings or restore the iPad to factory settings. See how if goes if you reset all settings first.

  • How can I center a 'Jump Menu' on the page?

    Help!
    I have created a 'Jump Menu' to serve as the navigation for my website.
    However, I cannot seem to center it on my page?!
    Does the Jump Menu need to be contained within a div tag, in order for me position it precisely? At the moment it is contained within a 'Form' (I think), and not a div tag.
    I have attached a relevant screengrab.
    When I do try and center a div, I set the margins to auto in the CSS correct? e.g margin: 0 auto;
    This does not always seem to work, am I doing something wrong? Sorry, I am very new to this.
    Many thanks in advance,
    J

    Presumably you have some space on the web where you plan this website to finally be viewed by everyone?
    Upload your broken page there and give us the website address.

  • Center a horizontal UL on the page

    Hello,
    Here's the situation:
    I've got a dynamic width page (100% wide) layout.
    I created a horizontal menu using CSS on an unordered list
    < UL >. The List items are set to float: left. Is there a way
    to get the UL to be centered on the page?
    If the width of the UL were fixed, I would simply set the
    margins to auto, but I can't figure out how to do this on a 100%
    width layout. It always comes out left aligned.
    Free virtual hugs to anyone who has a solution!
    Jonny

    Murray,
    It works fine, check out this link, I've tested it for you
    Vertical Menu Test ..
    Dev_all
    quote:
    Originally posted by:
    Newsgroup User
    I am skeptical.
    > margin: 1em 0;
    > padding: 0px 0.5em;
    These two elements are going to blow your plan to
    smithereens.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "dev_all" <[email protected]> wrote in
    message
    news:efeohg$37r$[email protected]..
    >
    quote:
    Originally posted by:
    Jonny M
    > Ignore that non-breaking space. I just had it there to
    prevent wrapping.
    >
    > Each
    is floated left so that it is a horizontal menu and not a
    > vertical
    > one.
    >
    > o okay, i didnt read it right.. .but try this:
    >
    > you will have to change the style according to your
    preference but this
    > should
    > create a vertical menu with evenly spaced, and centered
    links.
    >
    > #footerNav {
    > width: 99%;
    > > background: #WHATEVER none;
    > }
    >
    > #footerNav ul {
    > margin: 0;
    > padding: 0;
    > list-style: none;
    > }
    >
    > #footerNav li {
    > margin: 0;
    > padding: 0;
    > float: left;
    > width: 24%;
    > /* This will evenly space your links. Obviously 24% is
    for four links, if
    > you
    > have five links change it to 19% etc.. */
    > text-align: center;
    >

  • How to center a flash menu on the page?

    I need help if someone can help me:
    I already have the code to work a rotating menu in iweb. Already published and works fine but taking a huge problem that I can not solve:
    It is not centered. Depending on the monitor rotating menu gets a different position. All factors of the page are centered but not this one.
    How can I solve?
    Sorry for the trouble

    Here is the code.
    I think everything s ok but somehow it does not work right.
    Is there anything missing?
    <center> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0, 0,0" width="900" height="225">
      <param name="movie" value="slide.swf" />
      <param name="quality" value="high" />
      <param name="allowFullScreen" value="false" />
      <param name="allowScriptAccess" value="always" />
      <param name="wmode" value="transparent">
      <embed src="slide.swf"
             quality="high"
             type="application/x-shockwave-flash"
             WMODE="transparent"
             width="900"
             height="225"
             allowFullScreen="false"
             pluginspage="http://www.macromedia.com/go/getflashplayer"
             allowScriptAccess="always" />
    </object></center>
    Thanks

  • MacBook with 10.6.6 using Firefox 3.6.13. Parts of many websites not loading properly, from banking to Google searches. I'll see some of the text on the page, but most is missing.

    Example: I do a Google search using the word 'Firefox' and see most of the Google upper left corner details but no info or URLs actually load so no searching can be done.
    If I copy and paste a chunk of the page, I do see the text that should be visible, but is not.
    Is there a way of sharing screen grabs? Easier than describing this.

    No I'm not using NoScript, but I'm pleased to report that the problem got resolved by deleting the original bookmark, logging in again, opening Google calendar, then bookmarking it again.

  • Navigation Control for the pages

    I have an issue with having all the toolbar objects open for user to use them, as when user (for example) goes back to the previous page (by clicks on the "Go back" button), some exceptions will raise, etc.
    Is there a way to remove the toolbar from the pages and take the control of navigation within the pages?
    Thanks in advance,
    \Med.

    Hi shilps,
    My problem got solved. Thanks,
    thanks,
    raj MV

  • EPUB 3 - block of text overlapping the page

    Hi.
    I'm trying to complete an Epub (school book).
    The challenge is, for exercises, to have the answer ready to be displayed when you hit a button (or the question iself).
    I could do it, using java and the 'display:none' / 'display:inline' toggle.
    BUT, if this text comes to the end of a chapter and a new page has to be created and it is not; we the loose either a portion of the answer, or portion of normal text.
    That leads to question 1: is there a way to allow the chapter expands to one (or more) page(s) dynamically (and be reduced as well, of course, when needed).
    OR (second challenge and question 2): is there a way to have this answer coming as a popup, a box of text on top of the current page.
    I could do make this work in a 'normal' browser (z-index:200), but nothing happens on the Ipad, OR the blocks is displayed ... at the very beginning of the file (start of chapter; possibly several pages ahead ...), depending of value for 'position', either 'relative', or 'absolute'.
    All this is Epub3, of course, read with IBooks.
    Thanks for your valuable help !
    Joel

    Moving the center raises the first line of text... that would work, if all my text could fit in the lower half of a frame...
    The problem is that I cannot start with text anywhere in the top half of a the frame--that I know of.
    Similarly, if I enter text that falls onto two lines, the first line is centere vertically, while the second sits below it. If I want both lines centeres, I have to MOVE the center of the frame. It doesn;t make sense to me that there is not a way to vertically center EVREYTHING I type.

  • If I highlight text in a pdf, all the text on the page disappears when I next open the saved document. How to retrieve my text?

    When I use the highlight tool in a pdf document and then save the document, the next time I open the document the highlight is still there, but the whole page does not contain any text anymore. Totally blank. How do I retrieve my text?

    Well, you need a PDF viewer – and that would be Adobe Reader.
    Those parameters only work for web-served documents, not for local ones.

  • Dynamic Text in the Page Header

    Hi Gurus,
         I have a small requirement i.e., changing the text of title on page header UI element based on condition. if create then create data else if it is display then display the info some thing like that.
       Kindly can some help me regarding this....
    Regard
    Sankar

    Hi Sankar,
    Create on eattribute of type String and bind to title property of page header,
    and your WDDOINIT or any event write code to set title for PG header,
    You are using different buttons, use this code in your buttons and change text.
    DATA lo_el_context TYPE REF TO if_wd_context_element.
      DATA ls_context TYPE wd_this->Element_context.
      DATA lv_pg TYPE wd_this->Element_context-pg.
    * get element via lead selection
      lo_el_context = wd_context->get_element( ).
      data pg1 type string.
      pg1 = 'selected the record'.
      lv_pg = Pg1.
    * set single attribute
      lo_el_context->set_attribute(
        name =  `PG`
        value = lv_pg ).
    In button 1..
    lv_pg = 'Enter the entries'.
    * set single attribute
      lo_el_context->set_attribute(
        name =  `PG`
        value = lv_pg ).
    Cheers,
    Kris.

Maybe you are looking for