html {
        background:#ccc;
        padding:0px 0px 0px 0px; margin:0px 0px 0px 10px;
        }

/* body background is the colour behind the menu buttons and the contents */
 body {
         width:780px;
         background:#fc3;
         padding:0px 0px 0px 0px; margin:0px 0px 0px 10px;
        }

/* gloabal link colours   */
html a:link {color:#666;}
html a:visited {color:#089;}
html a {text-decoration:none;}

        /* whole page  */
div#main {
        padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;
        font:14px arial, sans-serif;
        color:#777;
        }

/* Navigation */
div#nav {
        position:fixed;
        top:0em; left:20px;
        /* the top and left positioning are for IE */
        width:150px;   height:1024px;
        background:#fc3;
        padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;
        border:0px solid green;
        font:bold 18px arial, sans-serif;
        text-align:center;
        }
div#nav img {
        padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;
}

div#nav ul {
        margin:0px; padding:0px;
        background:#fc3; color:#666;

        }
div#nav li {
        position:relative;
        margin:0px; padding:0px;
        list-style:none;
        }
div#nav ul ul {
        position:absolute; top:0em; left:150px;
        padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;
        font-weight:normal;
        display:none;
        }
div#nav li a {
        position:relative;
        display:block;
        width:146px;
        margin:0;        padding:0.25em 0;
        border:2px outset #fff;
        /* the outset border creates the button effect */
        text-decoration:none;
   }
div#nav li a:hover {
        background:#fc3; color:#fff;
        border:2px inset #fff;
        /* the inset border creates the effect of a pushed button  */
        }
div#nav ul.level1 li.submenu:hover ul.level2,
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}

div#nav ul.search  {
        border:1px solid black;
        background:white;
        margin:10px; padding:10px 2px;
}
div#nav h2 {font-size:1.5em; margin:0; background:white;  }
div#nav .smalltext {font:13px verdana, sans-serif; }


/* Content */
div#content {
        float:left;
        background:#fff;
        width:570px;
        padding:0 30px;margin:0px 0px 0px 150px;
        border:1px solid gray; border-width:0 1px;
        }

h2,h3 { font-weight:normal; padding:3px 7px; background:#fc3; color:#555;}

/* footer */
div#footer {
        width:630px;
        background:#fff; color:#888;
        padding:0px 0px 0px 0px; margin:0px 0px 0px 150px;
        text-align:right;
        border:1px solid gray; border-width:0 1px;
        }

div#footer .valid {
        width:630px;
        padding:0px; margin:0px;
    }
div#footer .valid img {
        width:75px;
        margin:0px; padding:0px;
        border-width:0px;
        }

div#webmaster, div#webmaster a {
        background:#000; color:gray;
        margin:0px; padding:0 0 0 10px;
        font-size:8px;
        }
div#webmaster a {        background:#000; color:red; padding:0px; }