html { height: 100%; }
body { min-height: 100%; height: 100%; background-image: url(bg.png);
	background-position: top left;
	background-repeat: repeat-y;}

#top { position: relative; z-index: 1; margin-top: 4em; max-width: 100%; text-align: left; margin-bottom: 0px; padding: 5px 1px 1px 20em; background-color: #e1ebf9; border-top: 1px solid #0066cc;  border-bottom: 1px solid #0066cc; }

#nav { position: absolute; z-index: 2; left: 60px; top: 0; bottom: 0; margin: 0; width: 200px; min-height: 100%; text-align: left; padding: 0; background-color: #fff; border-right: 1px solid #0066cc;  border-left: 1px solid #0066cc; }

#color { position: absolute; z-index: 2; left: 15px; top: 200px; bottom: 0; margin: 0; width: 40px; text-align: left; padding: 0;  }

#nav ul { list-style-type: none; font-size: 0.9em; font-family: arial, sans-serif;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em; line-height: 2; }

#nav p { font-size: 0.9em; }

a:link    { color: #0066cc; text-decoration: none; }      
a:visited { color: #0066cc; text-decoration: none; }     
a:active  { color: #000; text-decoration: none; }   
a:hover   { color: #000; text-decoration: none; }

hr { text-align: left; width: 100%; height: 1px; color: #0066cc; border: none; } /* For Internet Explorer */
html>body hr { margin-left: 0; width: 100%; height: 1px; background-color: #0066cc; border: none; } /* For Gecko-based browsers */
html>body hr { margin-left: 0; width: 100%; height: 1px; background-color: #0066cc; border: 0px solid #F00; } /* For Opera and Gecko-based browsers */


.navigation { padding: 10px; }

#content { position: relative; z-index: 1; width: 60%; border: 0; text-align: left; margin-left: 20em; padding: 10px 0 10px 0; }

p {color: #000; font-size: 1em; font-family: arial, sans-serif }

h1 { font-weight: normal; letter-spacing:3px;
border: 0; font-size: 1.2em; color:#0066cc; padding: 0px; }

h2 { font-weight: normal; letter-spacing:3px; font-size: 1.2em; color:#0066cc; padding: 0px; border: solid #0066cc;
border-width: 0px 0px 1px 0px;  }

#left { float: left; width: 45%; text-align: center; padding: 10px; border: 0 solid #0066cc; height: 270px; }
#right { float: right; width: 45%; text-align: left; padding: 10px; padding-top: 20px; border: 0; height: 270px;  }

.highlight { width: 60%; padding: 10px; border: 1px solid #0066cc; background-color: #e1ebf9; }
#clear { clear: both; padding-top: 50px; text-align: center; }
img {border: 0; }

img.border { border: 1px solid #0066cc; margin: 10px; }

img.colour { border: 1px solid #0066cc; margin-bottom: 2px; }

img.padding { margin: 3px; }