/*
Small panel elements
-------------------------
*/

	.smallPanel {
		display: block;
		margin: 0px 0px 15px 0px;
		width: 160px;
		background-image: url("/images/common/panels/small_panel_tile.gif");
		background-repeat: repeat-y;
		font-size: 12px;
		line-height: 15px;
	}
	.smallPanelContent {
		display: block;
		padding: 0px 10px 0px 10px;
		background-image: url("/images/common/panels/small_panel_top.gif");
		background-repeat: no-repeat;
	}
	.smallPanelContent h2 {
		margin: 0px 0px 12px 0px;
		padding: 8px 0px 0px 0px;
		font-size: 15px;
		line-height: 18px;
	}
	.smallPanelBottom {
		display: block;
		height: 4px;
		font-size: 1px;
		line-height: 1px;
		background-image: url("/images/common/panels/small_panel_bottom.gif");
		background-repeat: no-repeat;
	}

	.widePanel {
		display: block;
		margin: 0px 0px 15px 0px;
		width: 340px;
		background-image: url("/images/common/panels/wide_panel_tile.gif");
		background-repeat: repeat-y;
		font-size: 12px;
		line-height: 15px;
	}
	.widePanelContent {
		display: block;
		padding: 0px 15px 0px 15px;
		background-image: url("/images/common/panels/wide_panel_top.gif");
		background-repeat: no-repeat;
	}
	.widePanelContent h2 {
		margin: 0px 0px 12px 0px;
		padding: 8px 0px 0px 0px;
		font-size: 15px;
		line-height: 18px;
	}
	.widePanelBottom {
		display: block;
		height: 4px;
		font-size: 1px;
		line-height: 1px;
		background-image: url("/images/common/panels/wide_panel_bottom.gif");
		background-repeat: no-repeat;
	}
	
	
	.widePanelContent p, .smallPanelContent p {
		margin: 0px 0px 10px 0px;
	}
	
	.widePanelContent dl, .smallPanelContent dl {
		margin: 0px 0px 12px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	.widePanelContent dl dt, .smallPanelContent dl dt {
		margin: 0px 0px 12px 0px;
		padding: 8px 0px 0px 0px;
		font-size: 15px;
		line-height: 18px;
		font-weight: normal;
		color: #4B4C99;
	}
	
	.widePanelContent dl dd, .smallPanelContent dl dd {
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
	}
	
/*
Who are semantic?
-------------------------
*/
	
	.whoSemantic dd a {
		display: block;
		height: 55px;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 60px;
		background-position: top left;
		background-repeat: no-repeat;
		font-size: 15px;
		line-height: 18px;
		cursor: pointer;
	}
	.whoSemantic dd a span {
		display: block;
		padding: 8px 0px 0px 0px;
		width: 70px;
	}
	.whoSemantic dd a.whoNick {
		background-image: url("/images/common/panels/who_nick.jpg");
	}
	.whoSemantic dd a.whoMike {
		background-image: url("/images/common/panels/who_mike.jpg");
	}
	.whoSemantic dd a.whoChris {
		background-image: url("/images/common/panels/who_chris.jpg");
	}
	.whoSemantic dd a.whoNeil {
		background-image: url("/images/common/panels/who_neil.jpg");
	}
	.whoSemantic dd a.whoJames {
		background-image: url("/images/common/panels/who_james.jpg");
	}
	
/*
Find us on...
-------------------------
*/
	
	.findUsOn dd {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: center;
	}
	
	.findUsOn dd a {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 2px 0px 2px 0px;
		cursor: pointer;
	}
	.findUsOn dd a span {
		display: none;
		padding: 0px 0px 0px 0px;
		width: auto;
	}
	.findUsOn dd.lessPadding {
		margin-top: -10px;
		margin-left: -10px;
	}