/********************* Global styles ***********************/

* { margin:0; padding:0; }

body {
	background: url(../images/bg.jpg) no-repeat center top #FFFFFF;
	background-color:#000000;
	color: #fff;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.area{
height: 100%;
padding: 5px ;
left: 35%;
background-color: #6633FF;
width: 340px;
}


.navshadow{
height: 4px;
width: 955px;
margin-top:26px;
}


/********************** home page **************************/
.mask{
height: 15px;
background-color:#000;
}
/* Used on Home Page 2010 */
div#homecontenttop {
/* height: 1070px; */
height: 100%;
margin-top: 0px;
	clear: both;
	background-color:#FFF;
	z-index:1;

}

.bookmark{
	position:absolute;
	left: 5px;
	top: 169px;
}


.hdlogo{
float: left;
height: 25px;
width: 302px;
}

.newmusicspotlight{
margin-left: 4px;
margin-bottom: 5px;
}

.newscontainer{
color:#000000;
padding-left: 14px;
text-align:left;

}
.vidcontainer{
width: 435px;
height: 327px;
margin: 0px 5px 0px 4px;
}

.vidheader{
background-image:url();
background-color:#333;
width: 100%;
height: 27px;
color:#666666;
margin-bottom: 0px;
}

#vidplayer{
margin-left: 0px;
margin-bottom: 5px;
}

.signupnow{
height: 142px;
margin: 5px 0px 0px 4px;
}

.top5container{
margin: 5px 0px 0px 1px;
width: 344px;
height: 169px;
}

.top5header{
background-image:url();
width: 100%;
height: 27px;
margin-bottom: 0px;
}

.chartheader{
background-image:url();
margin-top: 5px;
margin-left: 1px;
height: 27px;
width: 344px;
}

.lastweekcontainer{
margin: 5px 0px 0px 1px;
width: 344px;
height: 48px;
}

.lastweekheader{
background-image:url();
width: 100%;
height: 27px;
margin-bottom: 1px;
}

/******************** ON TOUR ****************************/
.ontourmaincontainer{
background-color:#fff;
width: 100%;
height: 1800px;
}


.ontourcontainer{
float:left;
margin: 10px 0px 0px 15px ;
height: ;
width: 720px;
float:left;
}

.ontourhead{
border-bottom:#ccc dotted 1px;
margin-top: 3px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#0099CC;
font-weight:bolder;
}

.ontourcell{
float:left;
width: 24%;
height: 80px;
background-color:#fff;
}

.ontourimage{
float:left;
margin: 5px 0px 0px 5px ;
width: 58px;
height: 58px;
background-image: url(../images/ontour/imagebg.jpg);
}

.ontourimageadjust{
padding-left:4px;
padding-top:4px;
}


.ontourartist a:link{
color:#3399CC;
}

.ontourartist a:active{
color: #006699;
}

.ontourartist a:visted{
color: #006699;
}

.ontourartist a:hover{
color: #006699;
}
.ontourartist{
color:#3399CC;
width: 60%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bolder;
margin: 0px  0px  0px  0px ;
float:left;
}

.ontourfestivalhead{
border-bottom:#ccc dotted 1px;
margin: 3px 0px 10px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#0099CC;
font-weight:bolder;
width: 100%;
float:left;
}


.ontourfestivalmonth{
border-bottom:#ccc dotted 1px;
margin: 3px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0099CC;
font-weight:bolder;
width: 100%;
float:left;

}
.ontourfestivalitem{
width: 100%;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border-bottom:#ccc dotted 1px;

}



.ontourfestivalitem a:link{
color:#3399CC;
}

.ontourfestivalitem a:active{
color: #006699;
}

.ontourfestivalitem a:visted{
color: #006699;
}

.ontourfestivalitem a:hover{
color: #000;
}

/******************** GALLERY ****************************/
.gallerycontainer{
float:left;
background-color: #fff;
margin: 0px 0px 0px 10px ;
height: ;
width: 81%;
float:left;
border-right:#ccc dotted 1px;
border-left:#ccc dotted 1px;
}

.galleryhead{
border-bottom:#ccc dotted 1px;
margin-top: 3px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #666666;
padding-left:6px;
}

.gallerycell{
float:left;
width: 18%;
height: 146px;
background-color: #fff;
margin-left: 12px;
}

.galleryimage{
float:left;
margin: 5px 0px 0px 5px ;
width: 129px;
height: 98px;
background-image: url(../images/gallery/bg.jpg);
}

.galleryimageadjust{
padding-left:2px;
padding-top:2px;
}

.galleryartist a:link{
color:#3399CC;
}

.galleryartist a:active{
color: #006699;
}

.galleryartist a:visted{
color: #006699;
}

.galleryartist a:hover{
color: #006699;
}
.galleryartist{
margin-left: 5px;
color:#3399CC;
width: 97%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bolder;
float:left;
}

.gallerydate{
margin-left: 5px;
color: #666666;
width: 97%;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
float:left;
}

/******************** store ****************************/

.storeheader{
float:left;
background-color: #fff;
margin: 0px 0px 0px 0px ;
width: 790px;
}

.storeheadcopy{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color: #FF0000;
padding-left: 10px;
}

.storecontainer{
float:left;
background-color: #fff;
margin: 0px 0px 0px 0px ;
padding-top: 5px;
height: 1600px;
width: 790px;
}

.storecell{
float:left;
width: 33%;
height: 80px;
background-color:#fff;
}

.storecellholiday{
float:left;
width: 33%;
height: 80px;
background-color: #FFCCCC;
}

.storeimage{
float:left;
margin: 5px 0px 0px 5px ;
width: 70px;
height: 70px;
}

.storeartist{
color:#3399CC;
width: 150px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bolder;
margin: 7px  0px  0px  80px ;
}

.storealbum{
color:#333333;
font-style:italic;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bolder;
width: 150px;
margin: 0px  0px  0px  80px ;
}

.storeituneslogo{
width: 61px;
margin: 23px  0px  0px  5px;
float: left;
}
.storeamazonicon{
float:left;
width: 61px;
margin: 23px  0px  0px  5px ;
}



/********************** friends *****************************/

.friendscontenttop{
background-color: #fff;
height: 1080px;
margin-top:0px;
	clear: both;
	/*background-color:#FFF;*/
	z-index:1;
}

.friendscontainer{
float:left;
color:#000000;
background-color: #fff;
margin: 0px 0px 0px 0px ;
padding: 0px 0px 0px 5px;
padding-top: 5px;
height: 500px;
width: 770px;
}

.friendscell{
margin: 30px 25px 30px 25px;
float:left;
}

/*************************** Contact**************************/
.contactcontainer {
float:left;
color:#000000;
background-color: #fff;
margin: 50px 0px 0px 50px ;
padding: 0px 0px 0px 5px;
padding-top: 5px;
height: 300px;
width: 700px;
}

.contactimage{
float:left;
}

.contactcopy{
margin-top: 65px;
float:left;

}


/*********************** SJ Weekend ********************/
.sjweekendcontenttop{
background-color: #fff;
height: 1300px;
margin-top:0px;
	clear: both;
	/*background-color:#FFF;*/
	z-index:1;
}

.sjweekendcopy{
float:left;
color:#000000;
background-color: #fff;
margin: 0px 10px 0px 10px ;
padding: 0px 0px 0px 0px;
padding-top: 5px;
height: 350px;
width: 370px;
}

.sjweekendheads {
color: #FF00FF;
height: 20px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
text-transform: uppercase;
}

.sjweekendplaylist {
height: 1000px;
width: 400px;
color:#000000;
margin: 10px 0px 0px 0px ;
float:left;

}



/*************  ANCHORS ****/
a, a:link, a:visited {
	color: #;
	text-decoration: none;
}
a:hover, a:active {
	color: #3399CC;
	text-decoration: none;
}

/*************** IMAGES AND IMAGE ALIGNMENT  ***/
img {border:0px;}
a img {border:0px;}
img.floatRight {margin:0px 0px 5px 10px;}
img.floatLeft {margin:0px 10px 5px 0px;}


/***************** GENERIC ALIGNMENT ******************/
.floatLeft {float:left;}
.floatRight {float:right;}
.alignLeft {text-align:left;}
.alignRight {text-align:right;}
.alignCenter {text-align:center;}
.alignMiddle {vertical-align:middle;}


/****
   GENERIC DISPLAY STYLES
 ****/
.hidden {visibility:none;}
.debug {border:1px solid #F00;}
.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.white {color:#FFF;}
.black {color:#000;}
.red {color:#F00;}


/****
   COMMON TEXT STYLES
 ****/
p {margin:1em 0em;}
small {font-size:9px;}


/****
   TABLES
 ****/
tr th {background-color:#000;color:#FFF;}
tr.odd td {background-color:#333;}
tr.even td {background-color:#222;}
th, td {padding:2px;}

table.tablenopad,
table.tablenopad tr,
table.tablenopad td {
	margin:0;
	padding:0;
	border:none;
	line-height:80%;
}


/****
   LISTS
 ****/
ol, 
ol li {
	margin: 0;
	margin-left: 1em;
	padding: 0;
}


/****
   FORMS
 ****/
input, select, textarea {
	border:1px solid #999;
	background-color:#333;
	color:#CCC;
	padding:1px;
}
input[type='text'], 
input.text {
	
}
input[type='submit'], 
input.submit {
	background-color:#000;
}
input[type='image'], 
input.image {
	display:inline;
	border:none;
	background:none;
}
input[type='checkbox'], 
input.check {
	background:none;
	border:none;
}


/****
 FIELDSETS
 ****/
fieldset {
	clear: both;
	display:block; 
	margin: 1em 0em 0.5em 0em;
	padding: 0.5em;
	padding-top: 1.0em;
	background-color: #111; 
	border:1px solid #999; 
}
fieldset legend {
	padding: 0 5px;
	height: 20px;
	line-height: 20px;
	font-weight:bold; 
	color: #333;
	background-color: #CCC;
	border: 1px solid #FFF;
}


/****
   MISC
 ****/
code {
  margin: 10px 15px;
  padding: 10px;
  display: block;
  overflow: auto;
  
  font: 400 1em courier, monospace;
  line-height: 120%;
  white-space: pre;
  
  background: #ccc;
  color: #000;
}

acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}

label {
  display: block;
}


/****
   PAGE 
 ****/
divr#container{
	position:relative;
	width:955px;
	height: 100%;
	margin: 0px auto;
	padding: 0 0px;
	text-align:left;
	border: 0px solid #333;

}
/* Used on Home Page 2010 */
div#homecontainer {
	position:relative;
	background-color:#faf8f1;
	width:955px;
/*	height: 1310px; */
	height: 100%;
	margin: 0px auto;
	margin-top: 1px;
	padding: 0 0px;
	text-align:left;
	border: 0px solid #333;
}
.homecontainer {
	position:relative;
	width:955px;
	height: 100%;
	margin: 0px auto;
	margin-top: 1px;
	padding:  0px;
	text-align:left;
	border: 0px solid #333;
}

div#spanningcontainer {
	position:relative;
	background-color: #FFFFFF;
	width:955px;
	height: 100%;
	margin: 0px auto;
	margin-top: 1px;
	padding: 0 0px;
	text-align:left;
	border: 0px solid #333;
}

div#photocontainer {
	position:relative;
	background-color:#faf8f1;
	width:955px;
	height: 100%;
	margin: 0px auto;
	margin-top: 1px;
	padding: 0 0px;
	text-align:left;
	border: 0px solid #333;
}

/****  PAGE HEADER ****/
div#header {
	position:relative;
	height: 190px;
	width: 955px;
	margin-top: 0px;
	 /* background-image:url(../images/sj20header.jpg); */
	}
	
.headercontrol {
height: 190px;
	width: 955px;
	background-color:#006600;

}	

	
div#header #logotext {
	position:absolute;
	float:left;
	top: 42px;
	left:7px;
}
/* Used on Home Page 2010: added the height */
div#header #navbar {
	position:absolute;
	float:left;
	top: 190px;
	left: 0px;
	width: 100%;
	height: 26px;
	background-color: #333;
}
div#header #navbar div {
	float:left;
	margin-right:1px;
}
div#header #navbar li {
	list-style:none;
}

div#header #globalshoplinks {
	position:absolute;
	top: 38px;
	right:311px;
	text-align: right;
	padding:5px 0px;
	color: #F00;
	font-size:10px;
}
div#header #globalshoplinks a, 
div#header #globalshoplinks a:link, 
div#header #globalshoplinks a:visited {
	color: #999;
	text-decoration: none;
}
div#header #globalshoplinks a:hover, 
div#header #globalshoplinks a:active {
	color: #FFF;
	text-decoration: none;
}


/****  PAGE CONTENT ****/
/* Used on Home Page 2010 */
div#contenttop {
/* height: 1145px; */
height: 100%;
margin-top:26px;
	clear: both;
	/*background-color:#FFF;*/
	z-index:1;
}
div#content .content {
	/* */
}

.storecontenttop{
padding-top: 10px;
background-color: #fff;
height: 1750px;
margin-top:0px;
	clear: both;
	/*background-color:#FFF;*/
	z-index:1;
}


/****  NEWS TYPE LAYOUT ****/
.content_titlebar {
	background-color:#CCC;
	height:48px;
}
.content_titlebar h2 {
	position:relative;
	top:10px;
	padding-left:16px;
	width:418px;
	color:#333;
	font-size:15px;
	line-height:100%;
}
.content_titlebar h2 a, 
.content_titlebar h2 a:link, 
.content_titlebar h2 a:visited {
	color:#FFF;
	text-decoration:none;
}
.content_titlebar h2 a:active, 
.content_titlebar h2 a:hover {
	color:#CCC;
	text-decoration:none;
}
.content_titlebar .content_titlebar_details {
	position:relative;
	top:18px;
	float:right;
	text-align:right;
	padding-right:16px;
	color:#666;
}
.content_titlebar .content_titlebar_details a, 
.content_titlebar .content_titlebar_details a:link, 
.content_titlebar .content_titlebar_details a:visited {
	color:#666;
}
.content_titlebar .content_titlebar_details a:active, 
.content_titlebar .content_titlebar_details a:hover {
	color:#000;
}
/* used 2010 added height*/
.content_body {
	background-color:#FFF;
	color:#666;
	height: 100%;
}
.content_body_right {
	background-color:#EBEBEB;
}
.content_body p {
	padding:0px 16px;
}
.content_body img, 
.content_body p img, 
.content_body div img {
	margin:0px;
}
/****************************** host page**************************************************/
div#hostcontainer {
	position:relative;
	background-color:#faf8f1;
	width:955px;
	height: 1295px;
	margin: 0px auto;
	margin-top: 1px;
	padding: 0 0px;
	text-align:left;
	border: 0px solid #333;
}

div#hostcontenttop {
height: 1028px;
margin-top:10px;
	clear: both;
	/*background-color:#FFF;*/
	z-index:1;
}


/**host left **/
.hostleft{
width: 288px;
float:left;
padding-left: 0px;
margin-left:5px;
}

/*** host middle**/
.hostmiddle{
width: 480px;
color:#CCCCCC;
float:left;
padding: 10px 10px 0px 10px;
}


/********************************where to listen****************************************/

div#wtlcontainer {
	position:relative;
	background-color:#faf8f1;
	width:955px;
	height: 1295px;
	margin: 0px auto;
	margin-top: 1px;
	padding: 0 0px;
	text-align:left;
	border: 0px solid #333;
}


div#wtlcontenttop {
height: 1028px;
margin-top:10px;
	clear: both;
	/*background-color:#FFF;*/
	z-index:1;
}
div#content .content {
	/* */
}


.wheretolistentable{
margin-left:3px;
margin-right: 2px;
margin-top: 3px;
}

.showkey{
color:#000;
width: 765px;
height: 18px;
background-color:#CCCCCC;
padding-top: 5px;
float:left;
}

.showkeybluebig{
background-color:#003399;
width:12px;
height:12px;
margin-right: 5px;
float:left;
}

.showkeygreenbig{
background-color: #009933;
width:12px;
height:12px;
margin-right: 5px;
float:left;
}

.showkeyblue {
background-color: #003399;
width:8px;
height:8px;
margin-right: 5px;
margin-top:2px;
float:left;
}

.showkeygreen {
background-color: #009933;
width:8px;
height:8px;
margin-right: 5px;
margin-top:2px;
float:left;
}

.showkeycontainer {
height:12px;
width:190px;
float:left;
margin-left:40px;
}


.gary{
float:left;
margin-left: 5px;
}

/**** background-image:url(../images/wtloff.jpg);		*****/

.stationcontainer{
float:left;
width: 780px;
margin-left: 10px;
margin-top: 5px;
}

.stationcelloff{
		width: 180px;
		height: 60px;
		float:left;
		padding: 5px 5px 5px 5px;
		border-bottom: solid 1px  #666666;
}

.stationcellon{
	    background-color:#ccc;
	    padding: 5px 5px 5px 5px;
		cursor:pointer;
	    width: 180px;
		height: 60px;
    	float:left;
		border-bottom: solid 1px #666666;
}

.city{
color: #CC3399;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 0 0 0 0;
}

.callletters{
color: #333333;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 0 0 0 0;
}

.tlb {
   		height: 60px;
		margin:1px 1px 1px 1px;
		padding: 5px 5px 5px 5px;
		 background-color: #faf8f1;
	    border: solid 1px;
		border-color: #999;
		color:#CCCCCC;
		font-size:10px;
}
.tco{
	    background-color:#ccc;
	    padding: 5px 5px 5px 5px;
		cursor:pointer;
	    font-size:10px;
		width: 250px;
		float:left;
}
tr.tco td{
    	border:0px solid #e6e7c5;
		 border: solid 1px;
		border-color: #000000;
}





.wtlmagnum{
color: #666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 0 0 0 0;
}


.magnum{
color: #999999;
margin: 0 0 0 0;
}

.tcowvmv{
	    background-color:#333;
		background-image:url(../images/wvmv.jpg);
		margin:1px 1px 1px 1px;
		padding: 5px 5px 5px 5px;
		cursor:pointer;
		 border: solid 1px;
		border-color: #000000;
		font-size:10px;
}
.tcoktwv{
	    background-color:#333;
		background-image:url(../images/wtlstations/ktwv.jpg);
		margin:1px 1px 1px 1px;
		padding: 5px 5px 5px 5px;
		cursor:pointer;
		 border: solid 1px;
		border-color: #000000;
		font-size:10px;
}

/********************************** photos *********************************************/
.photosheadings{
color: #CC3399;
text-decoration:underline;
font-size:14px;
}

.photoscopy{
font-size:12px;
}

div#photoscontenttop {
font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999 ; 
background-color: #fff;
color:#333333;
height: 1200px;
margin-top:2px;
	clear: both;
	/*background-color:#FFF;*/
	z-index:1;
}
.photosleft{
width:790px;
float:left;
height: 100%;
}

/***************************** spanning the globe ************************************/
.toursection{
text-transform: capitalize;
font-family: Arial, Helvetica, sans-serif; 
font-size: 17px; 
color: #993399; 
font-weight:bold;

}

div#concertscontenttop {
background-color: #FF0000;
height: 2000px;
margin-top:26px;
clear: both;
/*background-color:#fbf8f1;*/
z-index:1;
}

#calender{
margin: 0px 0px 0px 10px;

float:left;
}

#calenderleft{
margin-left: 0px;
margin-top: 1px;
padding: 0 0 0 0;
width:200px;
height:;
background-color:#fbf8f1;
float:left;
}


#birthdays{
float:left;
margin: 10px 0px 0px 10px;
padding: 3px 3px 3px 3px;
color:#333333;
float:left;
width: 21%;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;

}

#birthdays h4{
border-bottom:#ccc dotted 1px;
padding-left: 2px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#0099CC;
font-weight:bolder;
}

#birthdays p{
font-size:11px;
color:#666;
text-transform: capitalize;
line-height: 150%;


}

.tourcopy{
font-size:11px;
color:#333333;
text-transform:capitalize;
}

.tourcopy a:link{
color: #0099CC; 
}

.copy {
font-family: Arial, Helvetica, sans-serif;
font-size:24px;

}

.copy a:link{
color: #0099CC; 
}

.advertisecopy{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}

.subhead{
width:90%;
height: 40px;
margin-left:20px;
}

.submitleft{
width: 300px;
height: 200px;

float:left;
margin-left: 50px;
}

.submitright{
width: 250px;
height: 200px;

float:left;
margin-left: 50px;
}

.subbottom{
width:100%;
height: 40px;
float:right;

}

.headname{
padding-left: 5px;
}

.headnamesmall{
}

.headsmall{
text-transform: capitalize;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #0099CC; 
font-weight:bold;
background-color: #333;
padding-bottom: 0px;
}

.concertheadsmall{
text-transform: capitalize;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #0099CC; 
font-weight:bold;
padding-bottom: 0px;
}

.heads {
text-transform: capitalize;
font-family: Arial, Helvetica, sans-serif; 
font-size: 17px; 
color: #0099CC; 
font-weight:bold;
padding-bottom: 0px;
border-bottom:  solid 1px #333;
}

.heads a:hover{
color: #ccc;
}

.heads a:link{
color: #0099CC;
}
.heads a:visited{
color: #0099CC;
}

.tourimage{
margin: 1px 0px 0px 1px ;
}


.concerts{
background-color:#00FF00;
width:400px;
float:left;
}

.concertsleft{
width: 200px;
float:left;
height: 100%;
}


.concertmiddle{
width: 76%;
height: 100%;
background-color: #fbf8f1;
float:left;
}
/******************************************about us ***************************************/
div#aboutuscontainer {
	position:relative;
	background-color:#faf8f1;
	width:955px;
	height: 1295px;
	margin: 0px auto;
	margin-top: 1px;
	padding: 0 0px;
	text-align:left;
	border: 0px solid #333;
}

div#aboutuscontenttop {
height: 1050px;
margin-top: 10px;
	clear: both;
	/*background-color:#FFF;*/
	z-index:1;
}
div#content .content {
	/* */
}

.aboutusleft{
margin: 20px 7px 0 0px;
padding-left: 20px;
width:763px;
float:left;
color:#333333;
}

.cricket{
color: #CC3399;
}


/*****************************************staff ******************************************/
div#staffcontainer {
	position:relative;
	background-color:#faf8f1;
	width:955px;
	height: 1295px;
	margin: 0px auto;
	margin-top: 1px;
	padding: 0 0px;
	text-align:left;
	border: 0px solid #333;
}


div#staffcontenttop {
height: 1145px;
margin-top:10px;
	clear: both;
	/*background-color:#FFF;*/
	z-index:1;
}

.staffleft{
margin: 31px 30px 0px 45px;
padding-left: 0px;
width:715px;
float:left;
}

.staffallen{
width: 150px;
height: 144px;

}

.staff{
padding-left: 3px;
	float:left;
	margin-top: 1px;
	width: 49%;
    height: 73px;
	border-bottom: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
}

.staffcopy{
color:#333333;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
margin-left: 5px;
}

.staffimage{
float:left;
width: 58px;
height: 72px;

}

/***********************advertise*****************************/
.footerlinks a:hover{
color:#00FF00;
}

.footerlinks a:active{
color:#00FF00;
}

.footerlinks a:visited{
color:#00FF00;
}

.footerlinks a:link {
color:#00FF00;
}


.advertiseleft{
text-align:center;
margin: 100px 7px 0 0px;
padding-left: 20px;
width:763px;
float:left;
color:#333333;
}


/****  BODY SPLIT AREA ****/
.bodysplit {
	width:450px;
	font-size:10px;
}


/****
   FOOTER
 ****/
div#footerlinks {
	clear:both;
	padding: 4px 0;
	color: #F00;
	font-size:10px;
}
div#footerlinks a, div#footerlinks a:link, div#footerlinks a:visited {
	color: #999;
	text-decoration: none;
}
div#footerlinks a:hover, div#footerlinks a:active {
	color: #FFF;
	text-decoration: none;
}
div#footerlinks table, 
div#footerlinks thead, 
div#footerlinks tbody, 
div#footerlinks tr, 
div#footerlinks th, 
div#footerlinks td {
	border:none;background:none;padding:0;
}


/****
   COPYRIGHTS
 ****/
div#copyrights {
	clear:both;
	padding: 10px 0;
	color: #444;
	font-size:10px;
}
div#copyrights a, div#copyrights a:link, div#copyrights a:visited {
	color: #ccc;
	text-decoration: none;
}
div#copyrights a:hover, div#copyrights a:active {
	color: #999;
	text-decoration: none;
}


/****
   BASE NEWS/FEATURED AREA
 ****/
.basenews {
	clear: left;
	width:450px;
	height: 75px;
	overflow: hidden;
	font-size: 10px;
}
.basenews_image {
	float: left;
	height: 75px;
	padding-right: 10px;
}
.basenews_text {
	margin-left: 125px;
	padding: 10px;
	line-height: 12px;
	color:#FFF;
}
.basenews_date, a.basenews_date, a:link.basenews_date, a:visited.basenews_date {
	color: #F00;
	font-weight: bold;
	text-decoration: none;
}
a:hover.basenews_date, a:active.basenews_date {
	color: #999;
	text-decoration: none;
}
.basenews_headline, a.basenews_headline, a:link.basenews_headline, a:visited.basenews_headline {
	color: #690;
	font-weight: bold;
	text-decoration: none;
}
a:hover.basenews_headline, a:active.basenews_headline {
	color: #9C0;
	text-decoration: none;
}
.basenews_summary {
	
}
.basenews_chicklet {
	margin-top: 1em;
}


/****
   MEDIA (WALLPAPERS & VIDEO)
 ****/
.media_wallpaper {
	width: 450px;
	height: 150px;
	overflow: hidden;
}
.media_wallpaper_image { }
.media_wallpaper_text {
	padding-top:10px;
	line-height:14px;
}
.media_video {
	width: 450px;
	height: 75px;
	overflow: hidden;
}
.media_video_image { }
.media_video_text {
	padding-top:10px;
	line-height:14px;
}




/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.topdropmenu {
	font-family: Verdana, Arial, sans-serif;
}

.topdropmenu {

position:relative;
z-index:100;
}
/* remove all the bullets, borders and padding from the default list styling */
.topdropmenu ul {
padding:0;
margin:0;
list-style-type:none;
}
.topdropmenu ul ul {
width:150px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.topdropmenu li {
float:left;

position:relative;
}
/* style the links for the top level */
.topdropmenu a, .topdropmenu a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#FFF; 
 
height: 25px; 

border:1px solid #171915; 
border-width:1px 1px 0 0; 
/*background:#333;*/
background:#2b2b2b url('./images/dropmenubg.jpg') repeat-x top left; 
 
line-height:31px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .topdropmenu a, * html .topdropmenu a:visited {
width:22px;
w\idth:22px;
}

.left{
width: 442px;
background-color: #faf8f1;
float:left;
height: 100%;
}

.leftheader{
background-color:#000;
height: 25px;
padding: 0 0 0 5px;
}
.leftheadertitle{
float:left;
}



#player{
margin-top: 0px;
width: 100%;
}
/************* home left header container and elements******************/
.leftheadercontainer{
width: 100%;
height: 247px;
padding-top: 5px;
}


.feedbacktrackcontainer{
margin-left: 4px;
float:left;
width: 215px;
height: 200px;
}

.feedbackheader{
background-image:url() ;
color:#666666;
background-color:#333;
width: 100%;
height: 27px;
margin-bottom: 0px;
}

.feedbacktrack{
float:left;
width:100%;
height: 215px;
}

.chartboundcontainer{
margin-left: 5px;
float:left;
width: 215px;
height: 200px;
background-color:#;
}

.chartboundheader{
background-image:url() ;
color:#666666;
background-color:#333;
width: 100%;
height: 27px;
margin-bottom: 0px;
}

.chartbound{
width:100%;
height: 215px;
}

/************* end home left header container and elements******************/

.rssheader{
background-image:url();
width: 435px;
height: 27px;
margin: 0px 0px 25px 0px ;
}

.rss{
padding: 0px  4px  0px  4px ;
}

.subscribe{
padding: 5px 5px 5px 345px;
}


.middle{
width: 344px;
height: 100%;
background-color:#faf8f1;
float:left;
margin-right: 4px;
}

.wtlright{
float:right;
width: 160px;
height: 1028px;
background-color: #fbf8f1;
margin-right: 1px;

}
/* Used on Home Page 2010 */
.homeright{
width: 162px;
height: 100%;
/* height: 1055px; */
float:left;
background-color: #fff;
}

/*** home ads ***/
.adtile1home{
height: 141px;
width:160px;
margin-top: 5px;
background-color: #faf8f1;
}

.adskyscraperhome{
height:600px;
width:160px;
margin-top: 5px;
background-color: #faf8f1;
}

.adtile2home{
height: 141px;
width:160px;
margin-top: 5px;
background-color: #faf8f1;
}

.adtile3home{
height: 141px;
width:160px;
margin-top: 5px;
background-color: #faf8f1;
}


/*** ads ***/
.adskyscraper{
height:600px;
width:160px;
margin-top: 4px;
background-color: #faf8f1;
}

.adtile1{
height: 141px;
width:160px;
margin-top: 0px;
background-color: #faf8f1;
}

.adtile2{
height: 141px;
width:160px;
margin-top: 4px;
background-color: #faf8f1;
}
.adtile3{
height: 141px;
width:160px;
margin-top: 4px;
background-color: #faf8f1;
}

/* Used on Home Page 2010 */
#footer {
	/* position: relative; */
	width: 955px;
	margin: 0 auto;
	border: none;
	/* text-align: center; */
	text-align: center;
	padding-top: 10px;
	height: 50px;
}

#footer a:hover{
color:#333;	
}

#footer a:active{
color:#666;	
}
#footer a:link{
color:#666;	
}
#footer a:visited{
color:#333;	
}



#footer p {
	margin: 0;
	padding: 10px 0 10px 0;

}
#copyright {
	text-align: center;
	font-size: 9px;
	color: #666666;
	text-transform: uppercase;
	margin: 0;
	padding: 10px;
}s



/* style the second level background */
.topdropmenu ul ul a.drop, .topdropmenu ul ul a.drop:visited {
background:#333 url('./images/drop_red.gif') bottom right no-repeat;
}
.topdropmenu ul ul a.dropmoto, .topdropmenu ul ul a.dropmoto:visited {
background:#333 url('./images/drop_red.gif') bottom right no-repeat;
}
.topdropmenu ul ul a.dropauto, .topdropmenu ul ul a.dropauto:visited {
background:#333 url('./images/drop_blue.gif') bottom right no-repeat;
}
.topdropmenu ul ul a.menudrop, .topdropmenu ul ul a.menudrop:visited {
background:#000 url('./images/drop_purple.gif') bottom right no-repeat;

}
/* style the second level hover */
.topdropmenu ul ul a.dropmoto:hover{
background:#df8800  url('./images/drop.gif') bottom right no-repeat;
}
.topdropmenu ul ul a.dropauto:hover{
background:#df8800  url('./images/drop.gif') bottom right no-repeat;
}
.topdropmenu ul ul a.menudrop:hover{
background:#df8800  url('./images/drop.gif') bottom right no-repeat;
}
/* style the second level hover */
.topdropmenu ul ul :hover > a.dropmoto {
background:#df8800 url('./images/drop.gif') bottom right no-repeat;
}
.topdropmenu ul ul :hover > a.dropauto {
background:#df8800 url('./images/drop.gif') bottom right no-repeat;
}
.topdropmenu ul ul :hover > a.menudrop {
background:#df8800 url('./images/drop.gif') bottom right no-repeat;
}

/* style the third level background */
.topdropmenu ul ul ul a, .topdropmenu ul ul ul a:visited {
background:#df8800;
}
/* style the third level hover */
.topdropmenu ul ul ul a:hover {
background:#df8800;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.topdropmenu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:26px;
left:0; 
width:150px;
}
/* another hack for IE5.5 */
* html .topdropmenu ul ul {
top:32px;
t\op:33px;
}

/* position the third level flyout menu */
.topdropmenu ul ul ul{
left:150px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.topdropmenu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.topdropmenu table {position:absolute; top:0; left:0;}

/* style the second level links */
.topdropmenu ul ul a, .topdropmenu ul ul a:visited {
background:#333; 
color:#FFF; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px
/* yet another hack for IE5.5 */
}
* html .topdropmenu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.topdropmenu a:hover, .topdropmenu ul ul a:hover{
color:#000; 
/*background:#999;*/
background:#555 url('./images/dropmenubgover.jpg') repeat-x top left; 
}
.topdropmenu :hover > a, .topdropmenu ul ul :hover > a {
color:#000;
background:#999;
}

/* make the second level visible when hover on first level list OR link */
.topdropmenu ul li:hover ul,
.topdropmenu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.topdropmenu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.topdropmenu ul :hover ul :hover ul{ 
visibility:visible;
}

/* keep the fourth level hidden when you hover on first level list OR link */
.topdropmenu ul :hover ul :hover ul ul{
visibility:hidden;
}

/* make the fourth level visible when you hover over second level list OR link */
.topdropmenu ul :hover ul :hover ul :hover ul{ 
visibility:visible;
}

.footerad{
	position:absolute;
	left: 463px;
	top: 1326px;
}

.charty{
width: 344px;
text-align:left;
background-color:#faf8f1;
margin-left: 1px;
}

.copy{
color:#333333;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}