ever heard of the phrase 'blue and green should never be seen,' website in general looks cool. but the color scheme has room for improvement 5/10
i have also cleaned up your
css for you too, ( shortened it )
- Code: Select all
.bar {color:#000;background-color:#ffffff;}
.roll {color:#fff;background-color:#EEEEEE;}
a.nav:link
{color:#0A0A0A;text-decoration:none;background-color:transparent; font-size:11px; font-family:Verdana}
a.nav:visited
{color:#0A0A0A;text-decoration:none;background-color:transparent; font-size:11px; font-family:Verdana}
a.nav:hover
{color:#000000;text-decoration:none;background-color:transparent; font-size:11px; font-family:Verdana}
body {
background-color: #CADFE6;
margin-left: 2px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.style1 {font-family: Verdana}
.style2 {font-size: 11px}
.style3 {
font-size: 10px;
font-family: Verdana;
}
.style4 {font-size: 11px; font-weight: bold; }
a.content:link {
color:#379BC7;
text-decoration:none
}
a.content:visited {
color:#379BC7;
text-decoration:none
}
a.content:hover {
color:#379BC7;
text-decoration:underline
}
.style5 {font-size: 11px; font-weight: bold; color: #FFFFFF; }
.style6 {color: #FFFFFF}
.input {
background-image:url(images/input_03.gif);
width:186px;
height:28px;
border:0px;
vertical-align:middle;
text-align:center;
font-family:Verdana;
font-size:11px;
margin:0px;
}
h1,h2,h3,h4,h5,h6 {
font-weight: bold;
}
h1 {
font-size: 11px;
}
h2 {
font-size: 11px;
}
h3 {
font-size: 11px;
}
h4 {
font-size: 11px;
}
h5 {
font-size: 11px;
}
h6 {
font-size: 11px;
}
.style8 {font-size: 11px; color: #000000; }
.style9 {
font-size: 11px;
font-family: Verdana;
}
#underbanner {
background-image:url(images/headerrepated_02.gif);
height:20px;
}
#bluebar {
background-image:url(images/footerbg_03.gif)
}
#bluebar2 {
background-image:url(images/footerbg_03.gif)
}
#footer1 {
background-image:url(images/footerrepeat_02.gif);
height:26px
}
#footer2 {
background-image:url(images/footerrepeat_02.gif);
height:26px
}
#footer3 {
background-image:url(images/footerrepeat_02.gif);
height:26px
}
a.tablethink {
height:5px
}
input.mainoption {
background-image:url(images/submit_03.gif);
font-weight : bold;
border:0px;
width: 76px;
height:23px
}
if you decide to use it, save your old file first ( just in case )