CSS Problem need help!

[neomase]

Hi Guys,

I have just had a webdesigner sort out a layout for my eSports team, but its a half-bodge-job and hes lieft me with a horrible CSS and only part-updated graphics (new ones by myself) now the top banner is basically the colour scheme using the black from the sponsor logos + advert headers so they contrast against the site.

The site is meant to look clean and flow well using whites, greys and very simple CSS styling like this website: www.ukesn.org

Looking for someone to help out with the CSS if possible please!
currently the css thats editable in the admin panel looks like this im 99% sure that this is all the CSS that is used by the site (can you tell im new to CSS!? lol)

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    scrollbar-base-color:#acacac;
    scrollbar-3dlight-color:#acacac;
    scrollbar-arrow-color:#FB0035;
    scrollbar-darkshadow-color:#acacac;
    scrollbar-face-color:#acacac;
    scrollbar-highlight-color#acacac;
    scrollbar-shadow-color:#acacac;
    scrollbar-track-color:#acacac; 
}
table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #acacac;
    font-weight: normal;
}
h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
}
.small {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 9px; 
    color: #FFFFFF0;
}
.title {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
    background-image: url(images/content_header.gif);
    background-repeat: repeat;
    background-position: left top;
}
.category_big {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px; 
    color: #FFFFFF; 
    font-weight: bold; 
}
.category {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; 
    color: #FFFFFF; 
    font-weight: normal; 
}
.marked {
    background-color: #FFFFFF;
    font-weight: bold;
}
a, a:visited, a:active {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
}
a:hover {
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: normal;
}
a.titlelink, a.titlelink:visited, a.titlelink:active {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}
a.titlelink:hover {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}
a.category, a.category:visited, a.category:active {
    color: #FFFFFF;
    text-decoration: none;
}
a.category:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
option, textarea, input, select, file {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    color: #000000; 
    background-color: #FFFFFF; 
    border: 1px solid #333333;
}
.footer {color: #FFFFFF
   size: 10px
   }
   
.form_off {  
    color: #666666; 
    background-color: #DCDCDC; 
    border: 1px solid #666666;
}
.form_on {  
    color: #000000; 
    background-color: #EEEEEE; 
    border: 1px solid #000000;
}
.form_username {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/username.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.form_password {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/password.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.form_name {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/name.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.form_text {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/message.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.input { 
    background-color: transparent; 
    border: 1px none; 
    margin-top: 0px;
    margin-bottom: 0px;
}
.white_txt {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-style: normal;
 line-height: normal;
 font-weight: normal;
 font-variant: normal;
 color: #FFFFFF;
}
.red_txt {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-style: normal;
 line-height: normal;
 font-weight: bold;
 font-variant: normal;
 color:#990000;
 
}

any help with this rather annoying problem would be very much appreciated.

Thanks guys,
Jon

[MattEvans]

Considering that you're asking someone to fix and/or refine your site's entire design, I would advise that you hire another webdesigner..

http://www.daniweb.com/techtalkforums/forum59.html

It would not be easy to diagnose the problems in the CSS, without say, consultation, and access to your site's content management system. I would suggest that the HTML would be a better place to start than the CSS; based on a view source of the link you posted: the HTML is messy, doesn't conform to the standard of its declared document type, and defines things that would override any CSS.**

Time = money, and I don't think anyone will take this on as a favour.

** EDIT: Well, I just noticed based on your post that the link isn't your site. STILL what I said isn't innacurate, and it's even more difficult to diagnose CSS problems with no HTML reference..

[neomase]

right good point! link: www.care-face.co.uk if anyone is available to have a quick look i would be great full or just some pointers to get me started.
Thanks,
Jon

[MidiMagic]

I'm not sure which part you want to change. What does it say on the webpage screen there?