/*
  The 'Cascade' in Cascading Style Sheets mean elements inherit the styles of parent tags (eg td is a 'child' of the body tag), 
  but new style definitions will override or add to earlier ones. Also more specific definitions have precedence 
  over more generic styles, eg "td.style1 a:link" overrides "a:link" as it's more specific. 
  Closer styles have precedence over more distant ones, eg in <table class="style1"><tr><td class="style2"> 
  style2 has precedence, because it's closer, but the td element (and its 'children') may still inherit styles 
  from style1 not defined in style2.

  NOTE: To switch on IE6's CSS1Compat mode (Standards mode), 
  you must include a full !DOCTYPE in the document header complete with the URL to the Dtd. 
  See http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/compatmode.asp 
*/

/* COPIED OVER FROM PETER's NEW DESIGN */

body, html{
    color: #323335;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.4;
    width: 100%;
    height: 100%;
}

#header{
    float: left;
    height: 108px;
    width: 100%;
    background: #ffcc66 url(http://www.dutch.ac.uk/themes/VirtualDutch_Test/images/redbar.jpg) repeat-x;
}

#header img{
    margin: 10px 30px;
}

#header h1{
    background: url(http://www.dutch.ac.uk/themes/VirtualDutch_Test/images/vdutch.png) no-repeat;
    float: right;
    height: 108px;
    margin: 0;
    min-height: 124px;
    position: relative;
    text-indent:-9000px;  
    width: 478px;
}

#header  h1 a{
    display: block;
    width: 100%;
    height: 100%;
}
#header  h1 a:focus{
    border: 1px solid #dfe0d9;
    background: none;
}