body,
	html {
        font-family: skia, sans-serif;
        margin:2 px;
		padding:0;
		background:#ffffff;
		color:#333
	}
	
    #main a:link {
      text-decoration:none;
      font-weight:bold;
    }
    #main a:visited {
      text-decoration:none;
      font-weight:bold;
    }    
    #main a:hover {
	  text-decoration:underline;
	}

 	#leftside a:link, a:visited {
      text-decoration:none;
      font-weight:normal;
    }
    #leftside a:hover {
	  text-decoration:underline;
	}
	h1 {
	  text-align:center;
	}
	h1,h2,h3,h4 {
	    color:#000;
	}
	body {
		/*min-width:800px;*/
	}
	span.there {
	    color:#ffffff;
	}
	span.here {
	    color:#007eba;
	}
	span.textred {
	  color:#F00;
	}
	span.textgreen {
	  color:#0F0;
	}
	#toplevel {
	    position:absolute;
		/*margin:0 auto;*/
		/* background:#ccc; /* Just for debugging */
	}
	#leftside {
        position:absolute;
		background-image:url(../graphics/skylark2.jpg);
		width:180px;
		top:0;
		bottom:0;
		padding-left:4px;
		margin-top:0;
	}
	#leftside ul {
	    list-style-type:none;
	    padding-left:4px;
	    line-height:125%;
	}
	
	#leftside h4 {
		text-align:center;
    }
    #rightside {
        position:absolute;
        background-image:url(../graphics/groovesblue28.jpg);
        background-repeat:repeat-y;
        left:1000px;
        width:200px;
        top:0;
        bottom:0;
        margin-left:12px;
        margin-top:-6px;  /* Why negative? Seems like it gets dragged down by main. */
    }
	#main {
	    position:relative;
	    left:200px;
		/* background:#bbb;  Just for debugging */
		width:800px;
		margin-left:6px;
		margin-top:0px;
		min-height:2000px;  /* Height of the left sidebar. */
	}
	#main ul {
		margin-bottom:0;
    }
    #main h3, #main p {
		padding:0 10px 0 0;
    }
	#footer {
	    position:relative;
	    color:#808080;
		/* background:#cc9; */
		left:200px;
		clear:both;
	}
	#footer p {
		padding:5px;
		margin-top:20px;
    }