/* Layout */

html {margin: 0 1em; padding: 0 13em; position: relative}
body {margin: 1em 0 0 0; padding: 9em 0 0 0}

div.map {position: absolute; top: 9em; left: 0; width: 11em}
div.map ul {margin: 0; padding: 0; list-style: none}
div.map li {margin: 0 0 0.5em 0; padding: 0.5em}
div.map li li {margin: 0; padding: 0 0.5em}

#marketing {position: absolute; top: 9em; right: 0; width: 11em}
#marketing ul {margin: 0; padding: 0; list-style: none}
#marketing li {margin: 0 0 0.5em 0; padding: 0.5em}
#marketing h2 {display: none}
#marketing form, #marketing form p {margin: 0}

#documents-box, #news-box {position: absolute; top: 1em; height: 7em; width: 49%}
#documents-box {left: 0}
#news-box {left: 51%}

#documents-box p, #news-box p {margin-left: 10px; margin-right: 10px}
#documents-box h2, #news-box h2 {margin: 8px 10px 0.5em 10px}

/* Styles */

body {font-family: Trebuchet MS, sans-serif}

div.map ul {font-size: 125%}
div.map li ul {font-size: 80%}

/* Colours */

html, body {background: white; color: black}

div.map li.home {background: white; color: black}

div.map ul li {background: blue; color: white}
div.map a:link, div.map a:visited {color: white}
div.map li ul, div.map li li {background: #99F; color: black}
div.map li li a:link, div.map li li a:visited {color: black}

#marketing ul li {background: blue; color: white}
#marketing a:link, #marketing a:visited {color: white; font-weight: bold}

#news-box, #documents-box {background: #9C0; color: black}