.hidescreen		{ display: none; width: 0; height: 0; visibility: hidden; line-height: 0 }

@media screen{

#maincontent {
	margin-left: 16em;
	margin-right: 2em;
	}
#sitemapcontent {
	border-width: 1;
	border-style: dashed
	background: green;

	position: absolute; 
	top: 19em;   
	left: 1em; 
	width: 14em;
	overflow: hidden;
	}

/* First define all the fonts related to the sidebar and the sitemap elements*/
.sidebar {	/*this defines the width of the sidebar column*/
	}
.overflowscroll {	/*this defines the width of the sidebar column*/
	overflow: scroll;
	}
.overflowvisible {	/*this defines the width of the sidebar column*/
	overflow: visible;
	}
.sidebar, .sidebar li	{
	font: 10px "Trebuchet MS", "Helvetica", sans-serif; 
	color:#333333; 
	background: transparent;
	line-height: 125%; 
	text-align: left;
	}
.sidebargoogle a { text-align: right; display: inline; } 
 a.sidebardirectanchor {
	text-align: left; display: list-item; list-style: inside disc;
	text-decoration: none; 
	}
a.sidebar:link, a.sidebar:visited { 
	text-decoration: none; 
	}
a.sidebar:focus,a.sidebar:hover	{
	background-color: #cccc99; color: #000000; text-decoration: underline;
	}
.sidebar h1 {
	text-transform: none; 
	font: 14px "Comic Sans MS", "Dom Casual", "Lucida Sans Unicode", sans-serif;
	color: #dddddd;
	background: #811313;
	text-align: left; 
	font-weight: bold;
	display: block;
	margin-bottom: 2pt;
	line-height: 100%;
	font-style: italic; } /*HQ header*/
 	}
.sidebar h2 {
	text-transform: none; 
	font: 12px "Trebuchet MS", "Helvetica", sans-serif; color:#333333; background: transparent;
	 text-align: left; 
	font-weight: bold; display: block;  margin-bottom: 2pt;
	line-height: 115%;
 	}
/* Now we start to create the dynamic elements that will be manipulated by sitemap.js */
h2.sitemap, h2.maximise, h2.minimise {
	text-transform: none; 
	background : url(cssmaximise.gif) no-repeat center left;
	cursor : default;
	padding-left : 15px;
	}
h2.minimise {
	background : url(cssminimise.gif) no-repeat center left;
	}
ul.sitemap {
	list-style-type : none;
	margin-left : 0.2cm;
	padding-left : 0;
	}
ul.sitemap li {
	background : transparent;
	padding-left : 1.1em;
	}
ul.sitemap li a, ul.sitemap li a:link, ul.sitemap li a:visited {
	text-decoration: none;
	background : transparent url(csssitemapdocbullet.gif) no-repeat;
	/*margin-left : -1.1em;*/
	padding-left : 1em;
	}
ul.sitemap li img {
	padding-right : 2px;
	}
ul.sitemap li a.parent { /* "parent" defines a list item that contain another list, used by sitemap.js */
	background : transparent;
	padding-left : 0;
	}
/* I now define the hover property to match the rest of the site */
ul.sitemap li a:focus, ul.sitemap li a:hover {
	background-color: #cccc99; color: #000000; text-decoration: underline;
	}
ul.sitemap li a:active {
	background-color: transparent; color: #990000; text-decoration: underline;
	}
ul.sitemap li ul {
	background : transparent /*url(csssitemapfolderbullet.gif)*/ no-repeat;
	list-style-type : none;
	margin : -1em 0 0 -1.6em;
	padding : 1.4em 0 0 0.6em;
	}
ul.sitemap li ul li {
	margin-left : 0.5cm;
	padding-left : 10px;
	}
}