/*general settings for div*/ /* center the menu - work arround for ie*/
#donotdisplay {
	display: none;
}

@media screen {
	#centre {
		width: 100%;
		float: left;
		position: absolute;
		top: 10px;
		text-align: center;
	}
	#menu {
		width: 53.05em;
		text-align: left;
		margin: 0 auto;
	}
	#menu p.site {
		text-align: center;
		margin: 0;
		padding: 0;
	}
	/*remove all the settings from the lists*/
	#menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 10em;
		float: left;
	}
	#menu ul.small {
		width: 6em;
	}
	#menu ul.medium {
		width: 8em;
	}
	#menu ul.large {
		width: 13em;
	}
	#menu ul.xlarge {
		width: 15em;
	}
	#menu ul.xxlarge {
		width: 19em;
	}
	#menu li:hover {
		z-index: 1;
	}
	/* Make the heading and the links look the same*/
	#menu a,#menu h2,#menu p.box {
		font: bold 11px/ 16px 'Comic Sans MS', 'Comic Sans', Verdana, Arial,
			Sans-serif;
		display: block;
		border-width: 1px;
		border-style: solid;
		border-color: #003366;
		background: #00cccc;
		color: #003366;
		margin: 0;
		padding: 3px 2px;
	}
	#menu h2.nocap {
		text-transform: none;
	}
	#menu h2 {
		text-transform: uppercase;
	}
	#menu a.cap {
		text-transform: uppercase;
	}
	#menu a {
		text-decoration: none;
	}
	/*#menu h2 a {border:none; 	font: bold 11px/16px 'Calligraph421 BT','Lucida Console',  verdana, sans-serif; padding:0;}*/
	#menu a:hover {
		color: #99ccff;
		background: #003366;
		border-color: #99ccff;
	}
	#menu a.nocng:hover {
		color: #003366;
		background: #00cccc;
		border-color: #003366;
	}
	#menu li {
		position: relative;
	}
	#menu ul ul {
		position: absolute;
		z-index: 500;
	}
	#menu ul ul ul {
		position: absolute;
		top: 0;
		left: 100%;
	}
	#menu ul.rights {
		width: 5em;
		left: -5em
	}
	#menu ul.rightm {
		width: 8em;
		left: -8em
	}
	#menu ul.right {
		width: 10em;
		left: -10em
	}
	#menu ul.rightl {
		width: 13em;
		left: -13em
	}
	#menu ul.rightx {
		width: 15em;
		left: -15em
	}
	#menu ul.rightxx {
		width: 19em;
		left: -19em
	}
	div#menu ul ul,div#menu ul li:hover ul ul,div#menu ul ul li:hover ul ul,div#menu ul li:hover ul ul a
		{
		display: none;
	}
	div#menu ul li:hover ul,div#menu ul ul li:hover ul,div#menu ul ul ul li:hover ul,div#menu ul ul li:hover ul a
		{
		display: block;
	}
	#menu a.shp {
		font-size: 150%;
		color: #00ff00;
		background: #003366;
		text-transform: uppercase;
		height: 32px
	}
	#menu a.shp:hover {
		color: #003366;
		background: #00ff00;
		border-color: #00ff00;
	}
}

@media print {
	#centre {
		display: none
	}
	#menu {
		display: none
	}
}