/*
	There is a difference (optional) between the very first item
	and the remaining items. This difference is mainly used to implement
	a separating border / shadow effect.
*/

.firstItem {

}

.item {
	background: url(../imgHeader/boardBorder.png) repeat-y;
	
	/* Create room for the shadow effect background */
	padding: 0px 0px 0px 8px;
	margin-left: -8px;
}

.firstItem a, .item a {
	text-decoration: none;
}

.panel {
	background: url(../imgHeader/panelBackground.png);
	height: 56px;
	padding: 10px 14px;
	margin-top: 220px;
}

.panel h1 {
	font-family: "arial", "helvetica", sans-serif;
	color: #fff;
	font-size: 20px;
	padding-bottom: 6px;
}

.panel p {
	font-family: "arial", "helvetica", sans-serif;
	color: #fff;
	font-size: 11px;
	
	/*fix clipping of text*/
	padding-right: 8px;
	height: 28px;
	overflow:hidden;
}