/* CSS Document */
table{ 
	float: left;
}

#releasesTable{

}

#featuredTable{

}

#artistInfo{
	float: left;
	width: 600px;
	height: 170px;
}

#artistNav{
	float: left;
	width: 170px;
	height: 170px;
	overflow: hidden;
}

#artistNav ul{
	float: left;
	width: 160px;
	margin: 0; padding: 0;
	list-style: none;
}

#artistNav li{
	margin: 0; padding: 0;
	font-size: 9px;
	font-weight: bold;
}

#artistNav li a{
	display: block;
	margin: 0; padding: 1px 0 1px 5px;
	color: #000000;
	text-decoration: none;
	width: 100px;
}

#artistNav li a:hover{
	color: #FFFFFF;
	background-color: #000000;
}

#artistInfo img{
	float: right;
	width: 420px;
	height: 170px;
}

.artistFrame{
	float: left;
	margin: 0;
	width: 600px;
	height: 170px;
	background-color: #FFFFFF;
}

#infoFrame{
	display: block;
	float: left;
	margin: 10px 0 10px 0;
}

#latest{
	float: right;
	width: 280px;
	height: 360px;
}

#latest h2{
	float: left;
	margin: 0; padding: 0;
	width: 280px;
	height: 40px;
	font-size: 6px;
	color: #000;
	background-color: #000000;
}

#latest .stream{
	float: left;
	margin: 0 0 10px 0; padding: 0;
	width: 280px;
	height: 130px;
	overflow: auto;
	background-color: #000000;
}

#latest .stream h4{
	margin: 0 10px 0 10px;
	padding: 0;
	width: 230px;
	font-size: 10px;
	color: #FFFFFF;
}

#latest .stream .item{
	display: block;
	margin-bottom: 10px;
}

#latest .stream .date{
	margin-top: 10px;
}

#latest .stream h5{
	margin: 0 10px 0 10px;
	padding: 0;
	width: 230px;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
}

#latest .stream p{
	margin: 0 10px 0 10px;
	padding: 0;
	width: 230px;
	font-size: 10px;
}

#latest .stream p a{
	color: #000000;
	background-color: #ffffff;
}

#latest .stream p a:hover{
	color: #ffffff;
	background-color: #000000;
}

#latest #news{
	background: #000000 url(../images/grfx/title_latestNews.gif) no-repeat;
}

#latest #events{
	background: #000000 url(../images/grfx/title_upcomingEvents2.gif) no-repeat;
}

#infoPage{
	padding: 10px;
}

#infoPage h4{
	margin: 0; padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#infoPage h5{
	margin: 0; padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

#infoPage p{
	margin: 10px 0 10px 0; padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#contactForm{
	margin: 0; padding: 0;
}

#contactForm p{
	margin: 10px 0 10px 0; padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#contactForm .textinput{
	margin: 0 0 0 10px;
	width: 220px;
}

#contactForm textarea{
	margin: 5px 0 5px 10px;
	width: 490px;
	height: 60px;
}

#contactForm td{
	font-size: 10px;
	font-weight: bold;
}

/* VIDEO STYLES */
#videos{
	float: left;
	margin: 0 0 10px 0;
	width: 890px;
	height: 210px;
}

#videos #videoInfo{
	float: left;
	display: block;
	width: 600px;
	height: 210px;
}

#videos #videoInfo ul{
	float: left;
	margin: 0; padding:10px;
	display: block;
	overflow: auto;
	list-style: none;
	width: 150px;
	height: 150px;
}

#videos #videoInfo ul li{ margin-bottom: 4px; }

#videos #videoInfo li a{
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

#videos #videoInfo li a:hover{
	color: #FFFFFF;
	background-color: #000000;
}


/* IFRAMES */
#videoFrame {
	float: left;
	margin-left: 10px;
	width: 420px;
	height: 170px;
}

#latestVideoFrame {
	float: right;
	width: 280px;
	height: 170px;
}

/* TITLES */
#titleVideos{ 
	float: left;
	margin: 0;
	font-size: 6px;
	width: 600px;
	height: 40px;
	background: #000000  url(../images/grfx/title_videos.gif) no-repeat;
}

#titleLatestVideo{ 
	float: right;
	margin: 0;
	font-size: 6px;
	width: 280px;
	height: 40px;
	background: #000000  url(../images/grfx/title_latestVideo.gif) no-repeat;
}

/* read entire article */
.readfullLink {
	display: block;
	margin: 0;
	padding: 0;
	width: 100px;
	height: 13px;
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #000000;
}

/* CONTACT FORM */
#contactForm{
	margin: 0; padding: 0;
}

#contactForm p{
	margin: 0; padding: 0 0 10px 0;
}

#contactForm #name, #contactForm #email, #contactForm #message{
	margin: 10px 0 0 10px; padding: 0;	
	border: #66CCFF 1px solid;
}

#contactForm #name, #contactForm #email{
	width: 220px; height: 20px;
}

#contactForm #message{
	margin: 10px 0 10px 10px;
}

#contactForm #submit{
	font-size: 10px;
}

.readfullLink:hover{
	color: #000000;
	background-color: #FFFFFF;
}

.gotoLink{
	margin: 0 0 0 10px;
	color: #000;
	background-color: #FFFFFF;
}

.gotoLink:hover{
	color: #ffffff;
	background-color: #000000;
}