/* CSS Document */

body {
	font-size:11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#000 url(../top-bg.gif) 0 0 repeat-x;	
	/*url(../bottombg.jpg) center bottom repeat-x*/;
	
}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { 
	margin:0px; 
	padding:0px;
}
img {
	border-style:none;
}

a {outline:none}
p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	font-size:11px;
	color:#4d4d4d;
	font-weight:normal;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.clr { clear:both}
.spacer10 {
	height:10px;
	width:10px;
	font-size:1px;
}
.spacer6 {
	height:6px;
	width:8px;
	font-size:1px;
}
.spacer20 {
	height:20px;
	width:20px;
}
.spacer30 {
	height:30px;
	width:30px;
}
.spacer40 {
	height:40px;
	width:40px;
}
#container {
	margin:0 ;
	padding:0;
	background:url(../top_bg.jpg) center 0 no-repeat;
	/*background:url(../topbg.jpg) center 32px no-repeat;*/
}

#mainContainer {
	width:968px;
	margin:auto;
}

/*--------------------------TOP CONTENT-----------------------------------------------------*/

#top {
	padding-top:33px;
}

	.maintop-content {
		margin:auto; 
		width:968px;
	}
	.top-right-content {
		width:55%;
		text-align:right;
	}
	a.top-text {
		color:#ffcb3e;
		text-decoration:underline;
		font-family:calibri;
		font-size:16px;
		line-height:22px;
	}
	a.top-text:hover {
		text-decoration:none;
	}
	.whiteText {
		color:#fff;
		font-family:calibri;
		font-size:16px;
		line-height:22px;
	}
	
	.searchArea {
		width:100%;
		margin-top:10px;
		padding-bottom:10px;
		margin-top:expression("10px");
	}
	.searchArea p{
		width:280px;
		height:28px;
		background:url(../searchbg.gif) 0 0 no-repeat;
	}
	.searchArea input.searchbg {
		height:22px;
		width:190px;
		border:0 none;
		font-size:14px;
		color:#878686;
		font-family:calibri;
		margin:0;
		padding-left:10px;
		background:transparent !important;
	}
	.searchbt {
		margin:0;
		padding:0;
	}
	
/* TOP NAVIGATION

---------------------------------------------------------------------*/



.nav {
	width:100%;
	padding-left:9px;
	 margin-top:0px;
	 height:32px;
}

/*TOP NAV TAB*/
/*
.tabBox_top {
	width:100%;
	margin:auto;
	position:relative;
	z-index:1000;
}

.tabBox_top a {
	height:32px;
	float:left;
	background:transparent url(../left-nav.gif) 0 0 no-repeat;
	
	font-size:18px;
	color:#fff;
	line-height:32px;
	font-family:calibri;
	cursor:pointer;
	margin-right:5px;
	text-decoration:none;
}

.tabBox_top a:hover, .tabBox_top a.selectedTab {
	height:32px;
	float:left;
	background:transparent url(../left-nav-h.gif) 0 0 no-repeat;
	color:#fff;
	
}

.tabBox_top a span {
	height:32px;
	padding:0px 15px 0px 15px;
	float:left;
	background:transparent url(../right-nav.gif) 100% 0 no-repeat;
	
	
	font-size:18px;
	color:#fff;
	line-height:32px;
	cursor:pointer;
	font-family:calibri;
	text-decoration:none;
}

.tabBox_top a:hover span, .tabBox_top a.selectedTab span {
	height:32px;
	padding:0px 15px 0px 15px;
	float:left;
	color:#fff;
	background:transparent url(../right-nav-h.gif) 100% 0 no-repeat;
	
}
*/
/*/TOP NAV TAB
--------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
#top-nav {
	margin:0; 
	padding:0px 0 0 4px;
}

ul#nav {
	height:32px; 
	margin:0px 0px 0px 0px;
}
ul#nav li {
	display:inline; 
	list-style-type:none; 
	margin:0px;
}
ul#nav li a {/*
	background:url(../nav.gif) 0 0 no-repeat; */
	float:left;
	margin:0px 6px 0px 0px;
	margin:expression("0px 7px 0px 0px");
	height:20px;
}
ul#nav li a#topnav-home{
	width:87px;
	background:url(../home.gif) 0 0 no-repeat;
	height:32px;
}
ul#nav li a#topnav-home:link{
	background-position:0px 0px;
}
ul#nav li a#topnav-home:hover, ul#nav li a#topnav-home.selected {
	background-position:0px -32px;
}

ul#nav li a#topnav-djs{
	width:59px;
	background:url(../djs.gif) 0 0 no-repeat;
	height:32px;
}

ul#nav li a#topnav-djs:hover, ul#nav li a#topnav-djs.selected {
	background-position:0 -32px;
}

ul#nav li a#topnav-charts{
	width:78px;
	background:url(../charts.gif) 0 0 no-repeat;
	height:32px;
}

ul#nav li a#topnav-charts:hover, ul#nav li a#topnav-charts.selected {
	background-position:0 -32px;
}

ul#nav li a#topnav-radio{
	width:73px;
	background:url(../radio.gif) 0 0 no-repeat;
	height:32px;
}

ul#nav li a#topnav-radio:hover, ul#nav li a#topnav-radio.selected {
	background-position:0 -32px;
}

ul#nav li a#topnav-artist{
	width:170px;
	background:url(../artist.gif) 0 0 no-repeat;
	height:32px;
}

ul#nav li a#topnav-artist:hover, ul#nav li a#topnav-artist.selected {
	background-position:0 -32px;
}

ul#nav li a#topnav-genres{
	width:86px;
	background:url(../genres.gif) 0 0 no-repeat;
	height:32px;
}

ul#nav li a#topnav-genres:hover, ul#nav li a#topnav-genres.selected {
	background-position:0 -32px;
}

ul#nav li a#topnav-video{
	width:86px;
	background:url(../video.gif) 0 0 no-repeat;
	height:32px;
}

ul#nav li a#topnav-video:hover, ul#nav li a#topnav-video.selected {
	background-position:0 -32px;
}

ul#nav li a#topnav-blog{
	width:77px;
	background:url(../blog.gif) 0 0 no-repeat;
	height:32px;
}

ul#nav li a#topnav-blog:hover, ul#nav li a#topnav-blog.selected {
	background-position:0 -32px;
}
ul#nav li a#topnav-prize{
	width:77px;
	background:url(../prize.gif) 0 0 no-repeat;
	height:32px;
}

ul#nav li a#topnav-prize:hover, ul#nav li a#topnav-prize.selected {
	background-position:0 -32px;
}


ul#nav li a#topnav-news{
	width:77px;
	background:url(../news.gif) 0 0 no-repeat;
	height:32px;
}

ul#nav li a#topnav-news:hover, ul#nav li a#topnav-news.selected {
	background-position:0 -32px;
}







/* LINK TEXT
--------------------------------------------------------*/

	a.blackLink {
		color:#161616;
		text-decoration:none;
		line-height:16px;
		font-size:11px;
		font-weight:bold;
	}
	a.blackLink:hover {
		text-decoration:underline;
	}
	
	a.greyLink {
		color:#3a3d41;
		text-decoration:underline;
		line-height:18px;
		font-size:11px;
		font-weight:bold;
	}
	a.greyLink:hover {
		text-decoration:none;
	}

/* MAIN INNER PAGE
-------------------------------------------------------------------------*/

#main {
	margin:0; 
	padding:0; 
}
.main-content {
	width:968px; 
	margin:0 auto; 
	padding:0px 0 0px 0;
}

	
	.box { background-color:#fff; width:100%;}
	.box .left-top-corner {background:url(../left-top-corner.gif) no-repeat left top;}
	.box .right-top-corner {background:url(../right-top-corner.gif) no-repeat right top;}
	.box .left-bot-corner {background:url(../left-bottom-corner.gif) no-repeat left bottom;}
	.box .right-bot-corner {background:url(../right-bottom-corner.gif) no-repeat right bottom; }
	
	.inner {
		padding:24px 16px;
	}
	
	.innerAll-content {
		width:100%;
	}
	
/*LEFT PANEL
-------------------------------------------------------------------*/	
	.leftPanel {
		width:570px;
	}
	.bannerbg {
		/*border:1px solid #7a545f;*/
		padding:15px;
	}
	.greenBox {
		border:1px solid #929c47;
		background-color:#e3e7c6;
		height:211px;
	}
	.leftBox {
		width:49%;
	}
	.rightBox {
		width:49%;
	}
	.greenbg {
		background-color:#929c47;
		height:29px;
		line-height:29px;
		padding-left:15px;
		font-family:calibri;
		font-size:18px;
		color:#fff;
		text-transform:uppercase;
	}
	.subInner {
		padding:14px;
	}
	.subInner2 {
		padding:10px;
	}
	.smallImg1 {
		background-color:#6b1b3a;
		padding:2px;
	}
	
	.smallImg2 {
		background-color:#515151;
		padding:2px;
	}
	
	.subcrib {
		width:92%;
		margin:auto;
	}
	.subcrib p{
		width:232px;
		height:26px;
		background:url(../searchbg01.gif) 0 0 no-repeat;
	}
	.subcrib input.subcrib-hbg {
		height:22px;
		width:215px;
		border:0 none;
		font-size:14px;
		color:#878686;
		font-family:calibri;
		margin-left:6px;
		background:transparent !important;
	}
	
	.yellowBox {
		border:1px solid #dba019;
		background-color:#faf2e1;
		height:220px;
	}
	
	.yellow-headingbg {
		background-color:#f0b326;
		height:29px;
		line-height:29px;
		padding-left:15px;
		font-family:calibri;
		font-size:18px;
		color:#fff;
		text-transform:uppercase;
	}
	.content-textbox {
		width:65%;
	}
	
	.blueBox {
		border:1px solid #184eb8;
		background-color:#dbe3f2;
	}
	.blue-headingbg {
		background-color:#184eb8;
		height:29px;
		line-height:29px;
		padding-left:15px;
		font-family:calibri;
		font-size:18px;
		color:#fff;
		text-transform:uppercase;
	}
	
/*RIGHT PANEL
-------------------------------------------------------------------*/
	
	.rightPanel {
		width:345px;
	}
	
	.heading1 {
		color:#623748;
		font-variant:small-caps;
		font-family:Calisto MT;
		font-size:18px;
		line-height:22px;
	}
	
	.heading-green {
		color:#76802c;
		font-variant:small-caps;
		font-family:calibri;
		font-size:18px;
		line-height:22px;
	}
	.slide-bg {
		border:1px solid #929292;
		background-color:#e1e1e1;
		padding:7px;
	}
	
	.slide-img {
		background-color:#fff;
		padding:2px;
		margin:0px 3px;
	} 
	.arrow {
		margin-top:34px;
	}
	.greybg {
		background-color:#444444;
		padding:2px 15px;
		margin:6px 0px;
	}
	
	.greybg2 {
		background-color:#444444;
		padding:2px 5px;
		margin:6px 0px;
	}
	.whiteText {
		color:#fff;
		font-variant:small-caps;
		font-family:calibri;
		font-size:16px;
		line-height:28px;
	}
	
	.whiteText01 {
		color:#fff;
		font-family:calibri;
		font-size:16px;
		line-height:normal;
	}
	.green-bg1 {
		background-color:#848e39;
		padding:8px;
		color:#fff;
		text-align:center;
	}
	.green-bg1 a {
		font-family:calibri;
		font-size:16px;
		color:#fff;
		margin:0px 4px;
		text-decoration:none;
	}
	.green-bg1 a:hover {
		text-decoration:underline;
	}
	
	.right-imgbg {
		background-color:#9d9c9c;
		padding:2px;
	}
	.rightTextBox {
		width:56%;
	}
	a.starLink {
		background:url(../star.gif) 0 0 no-repeat;
		height:12px;
		width:12px;
		margin:0px 1px;
		display:block;
		float:left;
	}
	a.starLink:hover {
		background:url(../star-h.gif) 0 0 no-repeat;
	}
	.subscribe {
		margin:6px 0px 0px 0px;
	}
	
/* FOOTER
-------------------------------------------------------------------------------------*/

   .footer {
   		text-align:center;
		color:#a1a0a0;
		padding:10px 0px 40px 0px;
   }
   .footer a{
   		color:#a1a0a0;
		text-decoration:none;
		font-family:calibri;
		font-size:15px;
		margin:0px 6px;
		line-height:26px;
   }
  .footer a:hover {
  		color:#f0ca28;
		text-decoration:underline;
  }
  
  /*NEW CHANGES  
 --------------------------------------------------------------------------------------- */
 
 .followbg {
 	background:url(../followbg.jpg) 0 0 no-repeat;
	height:49px;
	width:284px;
 }
 .twitterbt {
 	margin:8px 6px;
 }
 
 .clear {
	clear:both
}

#gallery {
	position:relative;
	height:279px;
}
	#gallery a {
		position:absolute;
		left:0;
	}
	
	#gallery a img {
		border:none;
	
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
		left:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}
	


 /*26-09-09
 ----------------------------------------------------------------------------------------*/
 
 .joinpanel {
	
	border:1px solid #d3d3d3;
	background-color:#fff;

}
.joinhArea {
	margin:0;
	font-size:12px;
	color:#242524;
}
.joinhArea font {
	width:19%;
	float:left;
	font-size:12px;
	text-align:right;
	font-weight:bold;
	color:#454545;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-right:5px;
}
.joinhArea input {
	border:1px solid #d5d5d5;
	margin-bottom:10px;
	width:212px;
	color:#666666;
}

.joinhArea input.button_1{
	width:auto;
	margin-left:130px;
	border:0 none;
	margin-top:15px;

}
.joinhArea input.button_2{
	width:auto;
	margin-left:10px;
	border:0 none;
	background:url(../images/nextbt4.gif) 0 0 no-repeat;
	width:90px;
	height:31px;
	display:block;
	line-height:20px;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	text-align:left;
	text-indent:6px;
	cursor:pointer;
	padding-bottom:5px;
}
.marg_30px{
	margin-top:30px;

}

/*******************************************************/

.horizontalcssmenu {margin:0; padding:0}

.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: block;
float: left;
width:auto;
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
width: 130px; /*Width of top level menu link items*/
line-height:30px;
padding-left:5px;
text-decoration: none;
background-color:#FFCC00;
border-bottom:1px solid #fff;

/*
background: url(menubg.gif) center center repeat-x;
*/
/*color: #EBD4AA;*/
color: #fff;
font: bold 13px Tahoma;
}

/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 0px solid #ffffff;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
margin-top:0px;
line-height:25px;
width:100px;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float:none;
border-bottom:1px solid #fff;
}
.horiz ontalcssmenu ul li ul li a{
	color:#fff;
    font: bold 13px Tahoma;
	background-color:#EEC417;
	display:block;
	line-height:25px;
	height:30px;
	padding-bottom:0px;
	z-index:99999;
	width: 130px;
	border-bottom:1px solid #fff;
}
.horizontalcssmenu ul li ul li a:hover {text-decoration:none; background-color:#EEBB0D; color:#fff;border-bottom:1px solid #fff;}

div.test a img {width:345px; height:372px;}