#intro  {
	float: left;
	width: 283px;
	margin-right: 10px;
}

img#hero {
	float: right;
	margin-right: -10px;
	voice-family: "\"}\"";
  	voice-family: inherit;
	margin-right: 0; 	
}


.large {height: 10px !important;}

.small {height: 5px !important;}

.clear {
	clear: both;
	width: 100%;
	background-color: #ccc;
	color: #fff;
	margin-top: 10px;
	overflow: hidden; /* Rule added to stop clear expanding in IE. Probably not the best solution, as text might be put in the clear. */
}

.hidden {display: none;}

.highlight {
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	width: 124px;
}

.linklist {
	float: left;
	width: 271px;
	margin-left: 20px;
	border: 1px solid blue;
	height: 100px;
}

.first { margin-left: 0 !important; }