• There is too little padding above the banner compared to the original.
  
• There is a small white space at the bottom of the table containing the banner which i can't seem to eliminate.
  
• The links in the navigation should be a lighter grey to begin with.
  
• The main body of the page (containing the 3 columns) should have widths of 25%, 55% and 20% respectively but i'm having a terrible time trying to get that to happen.
  

body {
background-color: #f4f0e6;
}

p {
font-family: Arial, Verdana, Helvetica, sans-serif; 
color: #666666;
font-size: 0.9em;
}

#page table {
border: 1px solid #000000; 
background-color: #ffffff;
padding: 10px;
margin-right: auto;
margin-left: auto;
}

#header table { 
padding: 0px; 
margin-top: 0px; 
margin-bottom: 0px;
align: center;
margin-top: auto;
margin-bottom: auto;
}

#navigation table {
background-color: #b19547;
padding: 5px;
}

#navigation p {
font-family: Arial, Verdana, Helvetica, sans-serif; 
color: #525252;
text-align: right;
}

#navigation a:link, a:visited, a:active {
color: #525252;
text-decoration: none;
} 

#navigation a:hover {
color: #ffffff;
}

#content table {
border: 0px solid;
padding: 10px;
}

#content h4 {
font-family: Arial, Verdana, Helvetica, sans-serif; 
color: #666666;
font-size: 1.0em;
font-weight: bold;
text-align: left;
}

#content img {
border: 1px solid #000000;
float: left;
margin: 5px;
}

#content ul {
list-style-type: square;
font-family: Arial, Verdana, Helvetica, sans-serif; 
color: #666666;
font-size: 1.0em;
text-align: left;
}

#content p {
text-align: left;
}

#lefttop table {
border: 1px solid #000000;
background-color: #f4f0e6;
}

#lefttop h1 {
font-family: Arial, Verdana, Helvetica, sans-serif; 
color: #000000;
font-size: 1.4em;
font-weight: bold;
text-align: center;
margin-top: 0px; 
margin-bottom: 0px;
}

#leftmiddle table {
border: 1px solid #000000;
background-color: #568406;
padding: 10px;
}

#leftmiddle h2 {
font-family: Arial, Verdana, Helvetica, sans-serif; 
color: #ffffff;
font-size: 1.4em;
font-weight: bold;
text-align: center;
margin-top: 0px; 
margin-bottom: 0px;
}

#right table {
border: 1px solid #000000;
padding: 10px;
background-color: #006897;
text-align: left;
}

#right p {
color: #ffffff;
}

#righttop table {
background-color: #003366;
border: 1px solid #000000;
padding: 10px;
}

#righttop h3 {
font-family: Arial, Verdana, Helvetica, sans-serif; 
color: #ffffff;
font-size: 1.4em;
font-weight: bold;
text-align: center;
margin-top: 0px; 
margin-bottom: 0px;
}

#footer table {
border: 0px solid;
}

#footer p {
font-size: 0.9em;
color: #666666;
text-align: right;
margin-top: 0px;
margin-bottom: 0px;
}

#footer a:link, a:visited, a:active {
color: #666666;
text-decoration: none;
text-align: right;
} 

#footer a:hover {
color: #000000;
text-align: right;
} 

quote:

cached old versions and wasn't showing the updated page. Has anyone else had a similar problem to this? If so, how can it be fixed?

quote:

validating code was so that it appeared the same in all browsers

quote:

- What does control F5 do?

quote:

Were they the server by any chance?

quote:

Control + Refresh does the same thing as Shift + refresh?