menu title, color Options

[wishingstar1490]

first off, heres the link: the problem

the title in the left side modules is GREEN and i want it PINK. heres the code i'm using for the entire layout:

<!-- begin code provided by createblog.com --><br /><style type="text/css"><br /><br />body {<br /><br />background-color: #ffffff;<br /><br /> background-image: url(http://www.2and2.net/Uploads/Images/sqaurespink.bmp);<br /><br /> background-repeat: repeat; <br /><br /> background-attachment: fixed; <br /><br /> background-position: bottom right;<br /><br />  scrollbar-arrow-color: #FF83FA;<br /><br />  scrollbar-track-color: #ffffff;<br /><br />  scrollbar-shadow-color: #FF83FA;<br /><br />  scrollbar-face-color: #ffffff;<br /><br />  scrollbar-highlight-color: #FF83FA;<br /><br />  scrollbar-darkshadow-color:#FF83FA;<br /><br />  scrollbar-3dlight-color: #FF83FA; <br /><br />  }<br /><br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br /><br />/* edits main text */<br /><br />  font:normal 11px verdana;<br /><br />  line-height:16px;<br /><br />  color: #8B0A50;<br /><br />  letter-spacing:0px;<br /><br />  text-align:justify;<br /><br />  }<br /><br />table.footer TD {<br /><br />/* this makes the footer at the bottom centered */<br /><br />/* leave it alone unless you know what to do*/<br /><br />  text-align: center;<br /><br />}<br /><br />.left B, { font: bold 14px arial; color: "#00C957"; line-height: 16px;} <br /><br />.blogbody b, .standard b, p b, strong {<br /><br />/* edits bolded text in your entry */<br /><br />font-weight: bold;<br /><br />color: #FF6EC7;<br /><br />}<br /><br />div.blogheader, .caption {<br /><br />/* edits the dates */<br /><br />font-family: arial;<br /><br />text-transform: lowercase;<br /><br />font-size:24px;<br /><br />line-height:30px;<br /><br />font-weight:bold;<br /><br />height: 1px;<br /><br />color: #EE30A7;<br /><br />letter-spacing:1px;<br /><br />text-align: center;<br /><br />background-color: #FFFFFF;<br /><br /> <br /><br />}<br /><br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br /><br />/* edits all links */<br /><br />  color:#EE7AE9;<br /><br />  text-decoration: none;<br /><br />font:normal 11px arial;<br /><br />  line-height:16px;<br /><br />  }<br /><br />a:visited, a.footernav:visited,  {<br /><br />/* edits the links that the user has visited */<br /><br />  color: #EE7AE9; <br /><br />  text-decoration: none;<br /><br />font:normal 11px arial;<br /><br />  line-height:16px;<br /><br />}<br /><br /> <br /><br />a:hover {<br /><br />/* edits when user mouseovers the links */<br /><br /> color:#EE7AE9;<br /><br />text-decoration:none;<br /><br />background-color: transparent;<br /><br />font:bold 11px arial;<br /><br />text-transform:uppercase;<br /><br />  line-height:16px;<br /><br />  letter-spacing:0px;<br /><br />  text-align:justify;<br /><br />cursor: crosshair;<br /><br /> <br /><br />}<br /><br />input, select, textarea, .textfield, .button {<br /><br />/* this edits the buttons, dropdowns, etc. */<br /><br />  border: 2px solid #FF6EB4;<br /><br />  font:normal 11px arial;<br /><br />  background-color:#ffffff;<br /><br />  letter-spacing:0px;<br /><br />  color: #000000;<br /><br />  }<br /><br />table.left { <br /><br />/* this edits the menu module */<br /><br />  border: none;<br /><br />  width:160px;<br /><br />background-color:#ffffff;<br /><br />  }<br /><br />table.blogbody {<br /><br />/* this edits the other the place where the  blog is */<br /><br />  border: none;<br /><br />  background-color: #ffffff;<br /><br />  width: 350px;<br /><br />  font:normal 11px arial;<br /><br />  line-height:16px;<br /><br />  color: #000000;<br /><br /> <br /><br />  }<br /><br />table.left th {<br /><br />/* on your menu module, this edits the title part of it */<br /><br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br /><br />  background-image: none;<br /><br />  font: normal 15px arial;<br /><br />  color: #8B0A50;<br /><br />  border: none;<br /><br />background-color: #ffffff;<br /><br />BORDER-left: none; <br /><br />BORDER-right: none; <br /><br />BORDER-bottom: none; <br /><br />BORDER-top: none;<br /><br />  }<br /><br />table.left TD {<br /><br />/* on your menu module, this edits the body part of it */<br /><br />  background-image: none;<br /><br />  background-color: #ffffff;<br /><br />border: none; <br /><br />  font:normal 11px arial;<br /><br />  line-height:16px;<br /><br />  color: #000000;<br /><br />  }<br /><br />table.search TD, table.search, table.announcements {<br /><br />/* border of search bar (if you have it) */<br /><br />  background-color: #ffffff; <br /><br />  border: 1px solid #00CD66;<br /><br />  }<br /><br />table.search TD, table.announcements TH {<br /><br />/* this should be left alone */<br /><br />/* unless you know what to do */<br /><br />  border: 1px solid #00C957;<br /><br />  }<br /><br />table.navigation, table.main, table.footer {<br /><br />/* the width of your blog with modules */<br /><br />  width: 500px;<br /><br />  }<br /><br />hr {<br /><br />/* horizontal divider */<br /><br />  border: 1px solid #EE6AA7;<br /><br />  }<br /><br /></style><br /><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br /><br />.blogbody u, .standard u, p u, u {<br /><br />font-weight: lighter;<br /><br />color: #EE6AA7;<br /><br />border-bottom: #000000 dashed 1px;}<br /><br /></style><br /><br /><!-- end code provided by createblog.com --><br /><br /><br /></script><br /><br /><a href="http://xanga.com/layouts_likexnoxother" target="_blank">layouts_likexnoxother</a><br /><br /><br /><br /><br /><style type="text/css"><br /><br />.blogbody i, .standard i, p i, em {<br /><br />font-weight: italic;<br /><br />color: #FF82AB;}<br /><br /></style><br /><br /><!-- end code provided by createblog.com -->

i'm trying to change the color where it says to, but nothing changes. its still green.
how do i make it pink?