@media print 
{
	div.mainmenu
	{
		visibility: hidden;
		display: none;
	}
	
	.noprint
	{
		visibility: hidden;
		display: none;	
	}

}
@media screen
{
	/* */
	div.mainmenu 
	{

		position: absolute;
		margin: 0;
		font-size: 85% /*smaller*/;
		font-weight: bolder;
		line-height: 1.1;
		text-align: center;
		top: 8px; /*should be 1em*/
		left: 5px; /*should be 1em*/
		width: 180px; /*should be 8.5em*/
		right: auto;
	}
	/* IE seems to need this next bit, although FF doesnt */
	body>div.mainmenu
	{
		position: fixed;
	}
	/* spacer para child will have no border and background transparent */
	div.mainmenu p.spacer
	{
		border: none;
		background: transparent;
	}
	
	/* submenus */
	div.submenu
	{
	  margin: 0; 
	  padding: 3px 3px; /*should be 0.3em and 0.4em*/
	  background-image: url("../images/bluegradientlong.jpg");
	  background-repeat: repeat-x;
	  border: thin outset #900;
	  color: white;
	}
	
	/* first entry (link or title) will have no top border */
/*	div.submenu span + em, div.submenu span + a, div.submenu em:first-child
	{ 
		border-top: none 
	}*/
	.shrink
	{ 
		background: url("../images/shrink.png")  no-repeat; 
		float: left; 
		height: 14px; 
		width: 26px; 
		padding-right: 3px;
		vertical-align: middle;
	}
	.expand
	{ 
		background: url("../images/expand.png")  no-repeat; 
		float: left; 
		height: 14px; 
		width: 26px; 
		padding-right: 3px;
		vertical-align: middle;
	}
	div.submenu em
	{
		display: block;
		margin: 1px 5px;
	}
	/* all contents of the inner div have a top border */
	div.submenu div a, div.submenu div em, div.submenu div span.nolink, div.submenu div form
	{ 
		display: block; 
		margin: 1px 5px; /*should be 0.5em*/
		border-top: 2px groove #900 
	}
/*	div.submenu form 
	{ 
		padding-top: 3px;
		padding-bottom: 3px;
	}*/
	/* no top border for first element if link */
/*	div.submenu a:first-child 
	{ 
		border-top: none;
	}*/
	/* no top border for first element if link */
/*	div.submenu span:first-child 
	{ 
		border-top: none;
	}
	div.submenu em:first-child 
	{ 
		border-top: none;
	}*/
	/* different colour for sections titles */
	div.mainmenu em 
	{ 
		color: #CFC;
	}
	
	/* menu links default style */
	div.mainmenu a:link 
	{ 
		text-decoration: none; 
		color: white; 
	}
	/* menu links visited */
	div.mainmenu a:visited 
	{ 
		text-decoration: none; 
		color: #CCC 
	}
	/* menu links when hovered */
	div.mainmenu a:hover 
	{ 
		background: black; 
		color: white 
	}
	/* hidden menu text */
	span.menutext
	{
		display: none;
	}
	/* links within menu */
	.menulink
	{
		background: #000099; 
		color: white; 
		font-weight: bold; 
		text-decoration: none;
		padding: 2px;
	}
}