	<style type="text/css" media="screen">
		/* note: demo CSS (typically this should be saved in a separate file) */
		
		
		* {
		 margin: 0;
		}
		html{
			height: 100%;
		}
		
		body {
	 	height: 100%;
		font-family:Arial,sans-serif;
        background: #F0AA00 url(../orange/page_body_bg.png) 50% 0 repeat-x !important;
		}
 		.wrapper {
    	 min-height: 100%;
     	 height: auto !important;
    	 height: 100%;
    	 margin: 0 auto -4em;
	 	}
 		.footer, .push {
     	height: 4em;
		background: #EA9800 url(../orange/page_footer_bg.png) 0 0 repeat-x;
		}
		
		p {
		clear:both;
		}
		/* here's the sitemap stuff: */
		#dirshow {
		font-size:small;
		left:1em;
		position:absolute;
		top:2em;
		}
		#dirshow a {
		background:#ccc;
		border:2px solid;
		border-color:#fff #999 #999 #fff;
		color:#444;
		padding:2px 3px;
		text-decoration:none;
		}
		#dirshow a:hover {
		background:#bbb;
		border-color:#aaa #fff #fff #aaa;
		color:#222;
		}
		#sitemap {
		background:#332c22;
		font:normal 16px Arial,sans-serif;
		overflow:hidden;
		padding:1em;
		}
		#sitemap ul {
		list-style:none;
		margin:0;
		padding:0;
		}
		#sitemap li {
		background-color:#66c;
		margin:0 0 -0.1em;
		min-height:1em;
		padding:.2em .4em;
		position:relative;
		width:9em;
		color:#fff;
		}
		#sitemap ul ul {
		font-size:90%;
		margin-top:-1.4em;
		}
		#sitemap ul ul li {
		background:#9c3;
		border-left:0.5em solid #339;
		border-top:0.5em solid #332c22 !important;
		left:10.4em;
		}
		#sitemap ul ul ul li {
		background:#c93;
		border-color:#690;
		}
		#sitemap ul ul ul ul li {
		background:#c33;
		border-color:#960;
		}
		#sitemap ul ul ul ul ul li {
		background:#666;
		border-color:#900;
		}
		a:link {
		color: white;
		text-decoration: none;
		}

		a:active,
		a:visited {
		color: white;
		text-decoration: none;
		}

		a:hover {
		color: #FF6C00;
		text-decoration: none;
		}
		

		
	</style>