Unable to override formatting using CSS files

What steps will reproduce the problem?
1. Unable to use CSS to override preset formatting due to ordering in generated 
HTML.
2.
3.

What is the expected output? What do you see instead?
To be able to use CSS files to alter size of #rt-logo element.
All CSS files are overridden by the explicitly included code element

What version of the product are you using? On what operating system?
Gantry 3.2.11 Joommla 1.7.1

Please provide any additional information below.

Extract from start of generated page:

 <link rel="stylesheet" href="/website/templates/rt_gantry_j16/css/template.css" type="text/css" />
  <link rel="stylesheet" href="/website/templates/rt_gantry_j16/css/fusionmenu.css" type="text/css" />
  <style type="text/css">
body {background:#dddddd;}body a {color:#000000;}#rt-header .rt-container 
{background:#ffffff;}#rt-bottom .rt-container {background:#111111;}#rt-footer 
.rt-container, #rt-copyright .rt-container, #rt-menu .rt-container 
{background:#666666;}
body #rt-logo {width:189px;height:115px;}
  </style>
  <script src="/website/media/system/js/core.js" type="text/javascript"></script>

Original issue reported on code.google.com by google.a...@forestit.co.uk on 27 Sep 2011 at 10:44

austgl / gantry-framework

Unable to override formatting using CSS files #27