/* CSS Document */
@import "sitestyle.css";

.columnTop {
	height: 20px;
	border: solid 1px #000000;
	background-color: #6FAEE5;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
}

.category {
	float:left;
	margin-left: 4px;
	margin-right: 4px;
	border-left: solid 1px #CC3300;
	border-right: solid 1px #CC3300;
	border-bottom: solid 1px #CC3300;
	width: 240px;
}
#catTop {
	background-color:#CC3300;
	width: 239px;
}
.category a:link {
	text-decoration: none;
	color: #FFFFFF;
}
.category a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.category a:hover {
	text-decoration: none;
	color: #CC3300;
	font-weight: bold;
}
.catItem {
	height: 30px;
	width: 232px;
	padding: 4px;
	line-height: 40%;
	background-image: url(i/itemback.gif);
}
#catThisItem {
	color: #CC3300;
	font-weight: bold;
}
.catIcon {
	margin-left: 6px;
	vertical-align: middle;
	border: none;
}
.catSeparator {
	height: 2px;
	width: 232px;
	padding: 0px;
}

/* ............................. */

.artistContainer {
	float: left;
	margin-left: 16px;
	border-left: solid 1px #FF9900;
	border-right: solid 1px #FF9900;
	border-bottom: solid 1px #FF9900;
	width: 280px;
}

.artistContainer-none {
	float: left;
	margin-left: 4px;
	width: 280px;
}

#centreTop {
	background-color: #FF9900;
}
.artistContainer a:link {
	text-decoration: none;
	color: #FFFFFF;
}
.artistContainer a:visited {
	text-decoration: none;
	color:#FFFFFF;
}
.artistContainer a:hover {
	text-decoration: underline;
	color: #FF9900;
	font-weight: bold;
}
#artistThisItem {
	color:#FF9900;
	font-weight:bold;
}
.artistRow {
	height: 30px;
	padding: 4px;
	vertical-align: middle;
	background-image:url(i/itemback.gif);
}
.artistNoCat {
	padding: 4px;
	text-align: center;
}
.artistSpace {
		vertical-align: middle;
}

/* ................................. */

#right a:link {
	text-decoration: underline;
	color: #00CC00;
}
#right a:visited {
	text-decoration: underline;
	color: #00CC00;
}
#right a:hover {
	text-decoration: none;
	color: #00FF00;
}
#right {
	float:right;
	margin-right: 4px;
	border-left: solid 1px #339900;
	border-right: solid 1px #339900;
	border-bottom: solid 1px #339900;
	width: 382px;
	background-color: #0033CC;
}
#rightHeader {
	background-color:#339900;
	font-size:16px;
	font-weight: bold;
}
#rightTable {
	width: 360px;
	padding: 4px;
}
#rightBlankTable {
	width: 380px;
}
.rightTD {
	width: 120px;
}
#rightTopText {
	text-align: center;
	font-weight: bold;
}
p.rightHeading {
	font-size: 16px;
	font-style:italic;
	color: #6FAEE5;
}
#playSound {
	text-align: left;
	font-size:10px;
	color: #6FAEE5;
}
#flairPlay { vertical-align: middle; }
div.rightText {
	padding: 8px;
}
.rightWebLink {
	text-align: center;
}
#rightBlankTop { font-size:14px }
#rightBottomText { text-align: center; }

/* ............................... */

.playPage {
	border: solid 1px #000000;
	width: 400px;
	padding: 8px;
	background-color: #0033CC;
}
.playHead {
	font-size: 14px;
	font-weight: bold;
}

.speakCentre {
	padding: 8px;
	vertical-align: middle;
}

#clubs a:link {
	text-decoration: none;
	color: #00FFFF;
}
#clubs a:visited {
	text-decoration: none;
	color: #00FFFF;
}
#clubs a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}