@media screen {

	/* ----------------------------------------------------------
		This is the new way to clear stuff based on work done by
		positioniseverything.net
		http://www.positioniseverything.net/easyclearing.html
		
		Basically you just need to apply the .clearfix class to
		anything that contains a float that you need cleared.
		
		Simple isn't it!
	------------------------------------------------------------- */
	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	
	.clearfix {display: inline-table; zoom: 1;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

	/* ----------------------------------------------------------
		Default element properties
	------------------------------------------------------------- */
	
	#pageheader {
		padding: 0;
		margin: 0;
		font-size: medium;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

	#pageheaderwrapper {
		font-size: 80%;
	}

	#pageheader img {
		border: none;
		behavior: url(http://www.durrans.com/stylesheets/behaviors/pngbehavior.htc);
	}
	
	#pageheader .accessnavigation {
		display: none;
	}
	
	#pageheader :link:hover, :visited:hover {
		color: red;
	}
	
	#pageheader div#quickbar {
		/* background-color: #FFA500; */
		background-color: #789E27;
		padding: 0.2em 0.2em 6px;
	/*	background-image: url(../image/widgets/quickbar-bottom.gif); 
		background-position: bottom;
		background-repeat: repeat-x; */
	}
	
	#pageheader div#quickbar a {
		color: black;
	}
	
	#pageheader div#quickbar :link:hover {
		color: white;
	}

	#pageheader div#quickbar form, #pageheader div#quickbar form div {
		display: inline;
		margin: 0;
		padding: 0;
		border: none;
	}
	
	#pageheader div#quickbar form input {
		font-size: 0.8em;
	}
	
	#pageheader div#sitemenu {
		/* background-color: #CCC099; */
		/* background-color: #C1E084; */
		background-color: #D4E9A9;
		/* background-image: url(../image/widgets/quickbar-bottom.gif);
		background-position: bottom;
		background-repeat: repeat-x; */
		/* border: 1px solid #CCC099; */
		padding: 0;
		margin: 0;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#pageheader div#sitemenu ul {
		font-weight: bold;
		margin: 0;
		padding: 0;
		display: block;
		list-style: none;
	}

	#pageheader div#sitemenu ul li {
		float: left;
		width: auto;
		margin: 0;
		padding: 0;
		display: block;
	}

	#pageheader div#sitemenu ul li a {
		display: block;
		width: auto;
		text-decoration: none;
		margin: 0;
		padding: 0.4em 0.8em 0.2em 0.8em;
		/* border-bottom: 4px solid #CCC099; */
		border-bottom: 4px solid #D4E9A9;
	}
	
	#pageheader div#sitemenu ul li a.highlight {
		color: #333333;
		border-bottom-color: #FFA500;
	}

	#pageheader div#sitemenu ul li :link { color: #667; }
	#pageheader div#sitemenu ul li :visited { color: #877d71; }
	#pageheader div#sitemenu ul li :link:hover, #pageheader div#sitemenu ul li :visited:hover, #pageheader div#sitemenu ul li a:focus {
		color: #333333;
		border-bottom-color: red;
	}
		
	#pageheader li.disabled, span.disabled {
		visibility: hidden;
	}
	
	#pageheader div#masthead {
		height: 100px;
/*		background-color: #9ACCCB; */
/*		background-color: #9C634F; */
		background-color: #99CC33;

		background-image: url(../image/widgets/masthead-background-2007041102.png); */
		background-repeat: repeat-x;
		background-position: left;
	}

	#pageheader div#masthead img {
		/*margin-top: 22px;
		margin-left: 7px;*/
	}
	
	#pageheader #qb-sitename {
		float: left;
		padding-top: 0.1em;
	}

	#pageheader #qb-sitename img {
		vertical-align: text-bottom;
		margin-right: 0.3em;
	}
	
	#pageheader #qb-menu {
		float: right;
		display: inline;
		margin: 0;
	}
	
	#pageheader #qb-menu li {
		display: inline;
		list-style-type: none;
	}

}