show underlined links only in #content

Dear all,

Because I don't want the links in the left toolbar appeared with an underline, I've turned off the text decoration of the links for all pages. But, I want the links to appear with an underline in the #content section only. How can I do so? :confused:

This is the page: http://www.lixiao-art.com/concept.html

My entire external css stylesheet is this (with the text decoration highlighted in red):

------------

body { font-family: Verdana;
color: white;
margin: 0px;
background-color: black; }

#header { font-family: courier new;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 5px;
border: none;
background-color: white;
margin-bottom: 0px; }

#content {float: left;
padding: 30px 20px 20px 100px;
width: 650px;
margin: 0px;
border: none;
font: white;
font-family: Arial;
background-color: black; }
h2 {height: 2em;}

#nav {float: left;
text-align: right;
font-size: small;
width: 180px;
margin-top: 30px;
font-weight: bold;
padding: 10px;
border: none;
}

#footer { font-family: arial;
padding-bottom: 5px;
width: 100%
border: none;
background-color: black;
color: white;
margin-bottom: 0px; }
a{text-decoration: none;
color: white;}
a:hover {color: red;}



* {margin: 0;}
html, body {height: 100%;}

.wrapper {min-height: 100%;
width: 1500px;
height: auto !important;
height: 100%;
margin: 0 auto -1.5em;}

.footer, .push { height: 1.5em; }

.ImgBorder img { border:1px solid transparent;
height:100px;
}
.ImgBorder:hover img{ border-color: red}

.ImgBorder {display: block;
float: left;
margin: 30px 20px; }
h5{
clear:both
}

img { border: none; }

---------------------------

Thank you so much!!

#content a {text-decoration:underline}

Dave