About halfway down the page on the website located at: http://www.mofiki.com/mwwsites/EmbassySuitesConcord/ there is a dot in front of the news that cycles any thoughts on what I need to do to remove this? Thank you in advance
In List-style type properties you can learn about the different list-style properties. You are probably looking for: #news li { list-style:none; } Code (markup): And I believe you should change ul#news { padding:5px; float:left; width:600px; margin: 0px; } Code (markup): into #news { padding:5px; float:left; width:600px; margin: 0px; } Code (markup): and move this <style> .news_wrap{ float:left; } .news_title{ float:left; padding: 4px; font-size:12px; font-weight:bold; } ul#news { padding:5px; float:left; width:600px; margin: 0px; } </style> Code (markup): to your <head> section. Place it inside <style type="text/css"> A:link {color: white; text-decoration: none;} A:visited {color: white; text-decoration: none;} A:active {color: white; text-decoration: none;} A:hover {color: white; text-decoration: underline overline;} </style> Code (markup): so that it looks like <style> A:link {color: white; text-decoration: none;} A:visited {color: white; text-decoration: none;} A:active {color: white; text-decoration: none;} A:hover {color: white; text-decoration: underline overline;} .news_wrap{ float:left; } .news_title{ float:left; padding: 4px; font-size:12px; font-weight:bold; } ul#news { padding:5px; float:left; width:600px; margin: 0px; } </style> Code (markup):