How to hyperlink a Word to a part of the bottom of the page

I have a full page of information

above, I have two words: Dentistry and orthodontics. Dental information is at the top of the page and the information in orthodontics

bottom of the page.

How can I link the word orthodontics so when I click it, it will take me to the place where orthodontics starts on the page.

SOruce code and CSS follow below:

Source code:

< strong > < / strong > <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > ""

<!--

Design by Free CSS Templates

http://www.freecsstemplates.org

Distributed for free under Creative Commons Attribution 2.5 License

Name: distillate

Description: A two-column design, width fixed with dark color scheme.

Version: 1.0

Exit the: 20100427

->

" < html xmlns =" http://www.w3.org/1999/xhtml ">

< head >

< name meta = "keywords" content = "" / > "

< name meta = "description" content = "" / > "

< meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"

< title > distillate by Free CSS Templates < /title >

< link href = "style.css" rel = "stylesheet" type = "text/css" media = "screen" / > "

"< script type =" text/javascript"src="jquery/jquery-1.4.2.min.js "> < / script >

"< script type =" text/javascript"src="jquery/jquery.gallerax-0.2.js "> < / script >

< style type = "text/css" >

{body

background-image:URL(images/grey%20background.jpg);

background-repeat: repeat;

}

< / style >

< / head >

< body >

< div id = "header-wrapper" >

< div id = "header" >

< div id = "logo" >

< img src = "images/smile" again thanks black / >

< / div >

< / div >

< / div >

< div id = "page" >

< div id = "page-bgtop" >

< div id = "page-bgbtm" >

< div id = "content" >

< div >

< div id = 'Gallery' > < / div >

< script type = "text/javascript" >

< /script >

<!--end-->

< / div >

< div class = "post" >

< h2 class = "title" > < a href = "#" > < center > Services: < / center > < /a > < / h2 >

< class p = 'meta' > < / p >

< div class = "entry" >

< p > Dentistry: Invisalign < h2 >: < / h2 > < / p >

< Center > < img src="images/Invisalign-vs-Braces-300x212.jpg"/ > < / center >

< p > < / p >

< p > is another option of treatment for people who are looking for discreet orthodontic treatment. Instead of brackets glued to tooth, dental care is drawn by a series of dental plastic trays designed to move teeth in additional movements over the weeks. The clear plastic trays are virtually invisible and are difficult to detect. With Invisalign, there is no irritation of the gums, and they can be removed for aesthetic reasons for small periods of time.

Invisalign is a solution for patients who do not need a severe orthodontic treatment and is not a solution for everyone. In some cases, patients may require additional treatment if they have more dental malocclusions. Please schedule a consultation today if you want to know if you are a candidate for Invisalign.  < /p >

Dental implants < h2 >: < / h2 > < / p >

< center >

< p > < img src = "images/Dental Implants.jpeg" / > < / p >

< p > < / p >

< /Center >

< p > for patients who have missing teeth, dental implants might be the best treatment available. Dental implants are similar to natural teeth. If you have healthy gums and BONE, a dental implant can be placed in your jaw. Once the tissue grew around the implant, a strong, artificial tooth designed to match your existing teeth can be attached to the implant. The replacement tooth will be and operate similar to a natural tooth.

Endodontics (root canal),

is a treatment of the pulp of a tooth which results in the elimination of infection and protection of the tooth of the future microbial invasion

Common reasons for a root Canal treatment include:

-The decay has reached the nerve,

-A cracked or chipped tooth can result in the need for a root canal, if the crack exposes a nerve

-traumatic causes of nerve to separate from the tooth.

With the removal of the nerves and blood supply of the tooth, it is preferable that the tooth is equipped with a Crown that increases the prognosis of the tooth.

Fillings of color tooth < /p > < h2 >: < / h2 >

< Center > < img src="images/Toothcoloredfilling.jpeg"/ > < / center >

< p > < / p >

< p > the same material used to create the facets in porcelain crowns and bridges is also used for most common treatments such as cavity fillings. because the tooth fillings are made of similar materials in the texture and color to your natural teeth, teeth with white fillings are virtually identical to surrounding teeth. < /p >

Dental veneers < h2 >: < / h2 >

< Center > < img src="images/veeners3.jpeg"/ > < / center >

< p > < / p >

< p > veneers are thin, artificial shells of tooth in porcelain or RESIN teeth, custom color suitable to stick to the front of your existing teeth. Veneers are safe and relatively simple to apply and it can be used to correct stained, chipped, cracked, poorly aligned and discolored teeth.

Veneers can also add the tooth length, width, color and aesthetic form.  Veneers can reshape your smile in as little as two appointments.

< /p >

Crowns of < h2 >: < / h2 >

< Center > < img src="images/Crowns.jpeg"/ > < / center >

< p > < / p >

< p > the teeth that are severely weakened by caries or trauma may require treatment more than trim base. Chipped, cracked, weakened, or decaying teeth can be strengthened with crowns, which cover the whole tooth (CAP).

Now done with porcelain or other materials of color of the teeth, crowns or bridges may be as nice aesthetically because they are functionally.

< /p >

Bridges of < h2 >: < / h2 >

< center >

< p > < img src="images/Bridges.jpeg"/ > < /p > < / center >

< p > when one or more teeth are missing, the remaining teeth can move out of their normal position.  The adjacent teeth to space or the opposite jaw will often drift or tilt.  These teeth are often more susceptible to decay or gum disease, because they are more difficult to clean around.

All this movement and drift will lead to changes in the bite, which can put stress on the muscles, the jaws and teeth.  In the end, your ability to chew comfortably and your appearance may be affected.

A non-removable bridge can restore your teeth to normal function by replacing missing teeth.  It will improve the health of your mouth while keeping the surrounding teeth in position and can also help to maintain the structure of your face and your jaw. < /p >

< P > < /p > dental implants

< /Center >

< /p >

< / div >

< / div >

< / div >

< h3 > <!-end #content->

< / h3 >

< div id = "sidebar" >

< ul >

< div style = "" clear: both; "> < / div >"

< li >

< h2 > smile! < / h2 >

< p > we love to see our patients smile! < /p >

< /li >

< li >

Categories of < h2 > < / h2 >

< ul >

< li > < a href = "index.html" > home < /a > < /li >

< li > < a href = "about.html" > about us < /a > < /li > "

< li > < a href = "services.html" > Services ""

-Dentistry < /a > < /li >

< li > < a href = "location.html" > < /a > < /li > office location ""

< li > < a href = "contact.html" > contact us < /a > < /li >

< /ul >

< /li >

< li >

< h2 > < / h2 >

< /li >

< li >

< h2 > doctor guernazi Aswaad < / h2 >

< ul >

< li > < img src = "images/DrTallal jpeg.jpg" / > < /li >

< /ul >

< /li >

< /li >

< /ul >

< / div >

<!-end #sidebar->

< div style = "" clear: both; "> < / div >"

< / div >

< / div >

< / div >

<!-end #page->

< div id = "footer" >

< p > Copyright (c) 2011 Sitename.com. All rights reserved. "Design by < a href ="http://www.freecsstemplates.org/"> Free CSS Templates < /a >." < /p >

< / div >

<!-end #footer->

< / body >

< / html >

CSS:

/*

Design by Free CSS Templates

http://www.freecsstemplates.org

Distributed for free under Creative Commons Attribution 2.5 License

*/

{body

margin: 0;

padding: 0;

background:;

do-family: Georgia, "Times New Roman", Times, serif;

do-size: 12px;

one

color: #787878;

color: #FFF;

}

H1, h2, h3 {}

margin: 0;

padding: 0;

make-weight: normal;

Color: #000;

}

H1 {}

do-size: 2em;

}

H2 {}

font size: 2.4em;

color: #FFF;

}

H3 {}

font size: 1.6em;

color: #FFF;

}

p, ul, ol {}

margin-top: 0;

line-height: 180%;

do-size: 12px;

color: #FFF;

}

UL, ol {}

}

a {}

text-decoration: none;

color: #CCC;

}

a: hover {}

color: #FFC019;

}

{#wrapper}

Width: 960px;

margin: 0 auto;

padding: 0;

}

/ * Header * /.

{#header-wrapper}

height: 90px;

Background: #000;

border-bottom: 5px solid #F7811D;

do-size: 10px;

}

#header {}

Width: 940px;

height: 40px;

margin: 0 auto;

}

/ * Logo * /.

#logo {}

float: left;

margin: 0;

padding-top: 18px;

Color: #000000;

}

#logo h1, #logo p {}

margin: 0;

padding: 0;

}

#logo h1 {}

float: left;

letter-spacing:-1px;

text-transform: inherit;

font size: 3.8em;

color: #FFF;

}

#logo p {}

float: left;

margin: 0;

Padding: 26px 0 0 10px;

font: normal 14px Georgia, "Times New Roman", Times, serif;

make-style: italic;

color: #FCF2D9;

}

#logo a {}

border: none;

Background: none;

text-decoration: none;

color: #FCF2D9;

}

/ * Search * /.

{#search}

float: right;

Width: 280px;

height: 60px banner;

padding: 20px 0px 0px 0px;

background: #F7811D;

border-bottom: 4px solid #FFFFFF;

}

#search form {}

height: 41px;

margin: 0;

padding: 10px 0 0 20px;

}

#search fieldset {}

margin: 0;

padding: 0;

border: none;

}

{#search - text

Width: 170px;

padding: 6px 2px 5px 5px;

border: none;

background: #FFFFFF;

text-transform: lowercase;

font: normal 11px Arial, Helvetica, without serif.

color: #5D781D;

}

#search - submit}

Width: 50px;

height: 23px;

border: 1px solid #FFE93B;

background: #FFE93B;

make-weight: bold;

do-size: 10px;

color: #F7811D;

}

/ * Menu * /.

{#menu}

Width: 940px;

height: 49px;

margin: 0 auto;

padding: 0;

}

#menu ul {}

margin: 0;

padding: 0;

list-style: none;

line-height: normal;

}

#menu li {}

float: left;

}

#menu a {}

display: block;

Width: 155px;

height: 33px;

padding-top: 16px;

text-decoration: none;

text-align: center;

do-family: Arial, Helvetica, without serif.

font size: 13px;

make-weight: bold;

color: #FFFFFF;

border: none;

}

#menu a: hover, #menu .current_page_item a {}

text-decoration: none;

}

#menu .current_page_item a {}

padding-left: 0;

color: #30476A;

}

/ * Page * /.

#page {}

Width: 940px;

margin: 0 auto;

padding: 0;

}

{#page-bgtop}

padding: 20px px;

}

{#page-bgbtm}

}

/ * Content * /.

#content {}

float: right;

Width: 620px;

padding: 0px 0px 30px 0px;

}

.post {}

margin-bottom: 15px;

}

.post-bgtop {}

}

.post-bgbtm {}

}

.post .title {}

margin-bottom: 10px;

Padding: 12px 0 0 0px;

letter-spacing :-0 .5px;

color: #FFFFFF;

}

.post .title {a}

color: #FFFFFF;

border: none;

}

.meta {} .post

height: 30px;

margin: 0px;

padding: 0px 0px 0px 0px;

text-align: left;

do-family: Arial, Helvetica, without serif.

font size: 13px;

make-weight: normal;

make-style: italic;

}

.post .meta {} .date

float: left;

height: 24 PX.

padding: 0px 3px;

color: #F47227;

}

.meta .posted {} .post

float: right;

height: 24 PX.

padding: 3px 15px;

background: #567EDC;

color: #F47227;

}

.meta .post a {}

color: #FFFFFF;

}

.post .entry {}

padding: 0px 0px 0px 20px;

padding-bottom: 20px;

text-align: justify;

color: #FFFFF2;

}

.links {}

padding-top: 20px;

do-size: 12px;

make-weight: bold;

}

.post a {}

text-decoration: underline;

}

/ * Buffer * /.

#sidebar {}

float: left;

Width: 280px;

padding-top: 0px;

color: #999999;

}

#sidebar ul {}

margin: 0;

padding: 0;

list-style: none;

}

#sidebar li {}

margin: 0;

padding: 0;

}

#sidebar li ul {}

margin: 0px 0px;

padding-bottom: 30px;

}

#sidebar li li {}

line-height: 35px;

border-bottom: 1px dashed #D1D1D1;

margin: 0px 30px;

border-left: none;

}

#sidebar li li span {}

display: block;

margin-top:-20px;

padding: 0;

do-size: 11px;

make-style: italic;

}

#sidebar h2 {}

height: 38px;

padding-left: 30px;

letter-spacing :-0 .5px;

font size: 1.8em;

color: #FFFFFF;

}

#sidebar p {}

margin: 0px 0;

padding: 0px 30px 20px 30px;

text-align: justify;

}

#sidebar a {}

border: none;

}

#sidebar a: hover {}

text-decoration: underline;

color: #FFFFFF;

make-style: oblique;

}

/ * Calendar * /.

#calendar {}

}

{#calendar_wrap}

padding: 20px;

}

#calendar table {}

Width: 100%;

}

#calendar tbody td {}

text-align: center;

}

#calendar #next {}

text-align: right;

}

/ * Foot * /.

#footer {}

height: 50px;

margin: 0 auto;

padding: 0px 15px 0 0;

Background: #000;

border-top: 5px solid #F7811D;

do-family: Arial, Helvetica, without serif.

}

#footer p {}

margin: 0;

padding-top: 20px;

line-height: normal;

do-size: 10px;

text-transform: uppercase;

text-align: center;

color: #FFFFFF;

}

#footer a {}

color: #FFFFFF;

}

{#gallery - background

Width: 620px;

height: 360px;

margin-bottom: 10px;

background: #FFFFFF;

}

{#gallery-bgthumb}

Width: 620px;

height: 120px;

background: #FFFFFF;

}

#gallery

{

Width: 620px;

margin: 0 auto;

}

#gallery img.output

{

Width: 600px;

height: 340px;

padding: 10px 0px 0px 10px;

}

#gallery span.caption

{

display: block;

margin: 1em 0 0 0;

make-weight: bold;

font size: 1.25em;

}

#gallery span.caption2

{

margin: 1em 1em 0 0;

display: block;

}

#gallery ul.nav

{

Width: 100%;

list-style: none;

margin: 3em 0 0 0;

padding: 0;

}

Li ul.nav #gallery

{

margin: 1em 0 1em 0;

float: left;

}

#gallery ul.thumbnails

{

Width: 100%;

list-style: none;

margin: 0;

padding: 10px 0px 0px 6px;

}

#gallery ul.thumbnails li

{

margin: 1em 0 0.5em 0.5em;

float: left;

}

#gallery ul.thumbnails li img

{

Width: 128px;

height: 88px;

border: 6px solid #E6D9B7;

cursor: pointer;

}

#gallery ul.thumbnails li img.active

{

border: 6px solid #BDAF8C;

}

. Entry p {}

color: #FFF

}