p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
}
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006699;
}
subheader {
	font-size: 14px;
	font-weight: bold;
}

a {
	color: #006699;
	text-decoration: underline;
}
a.navlink {
	color: #006699;
	font-size: 12px;
	/*font-weight: bold;*/
	text-decoration: none;
}
a:hover.navlink {
	background:none;
	text-decoration:none;
	color: #ff6600;
}
a.booklink {
	color: #990000;
	text-decoration: none;
}
a:hover {
	color: #ff6600;

	/*background-color: #CCCCCC;*/

}

.ipBox
{
	position: relative;
	left: 100px;
	top: -20px;
}
.bwht {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	}
	
	
/********** NOW PLAYING ***********/

#nowplaying {margin:0; padding:0; width:760px; background-color:#FFFFFF; font-weight: bold;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; background-color:#F0F7FF; border:solid 1px #333;}

.slogan {margin:0 5px 0 0; padding:0; width:125px; height:25px; float:left; background-color:#333; color:#FFFFFF}
.refresh{margin:3px 0 0 5px; padding:0; width:15px; float:left}
.playing {margin:5px 0 0 5px; padding:0; width:90px; float:left; /*background-color:#00CC99;*/}

.time {margin:0 5px 0 0; padding:5px 0; width:75px; float:left; color:#333333; /*background-color:#996600*/}
.artist {margin:5px 12px 0 0; padding:0; height:15px; max-width:230px; float:left; overflow:hidden; /*background-color:#009966*/}
.title {margin:5px 0 0 0; padding:0; width:290px; height:15px; float:left; overflow:hidden; font-style:italic; /*background-color:#FF9900;*/}


/******** for testing *********/

#nowplaying_ {margin:0; padding:0; width:760px; background-color:#FFFFFF; font-weight: bold;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; background-color:#F0F7FF; border:solid 1px #333;}

.slogan_ {margin:0 5px 0 0; padding:0; width:125px; height:25px; float:left; background-color:#333; color:#FFFFFF}
.refresh_{margin:3px 0 0 5px; padding:0; width:15px; float:left}
.playing_ {margin:5px 0 0 5px; padding:0; width:90px; float:left; background-color:#00CC99;}

.time_ {margin:0 5px 0 0; padding:5px 0; width:75px; float:left; color:#333333; background-color:#996600}
.artist_ {margin:5px 12px 0 0; padding:0; max-width:240px; /**width:230px;*/ float:left; background-color:#009966}
.title_ {margin:5px 0 0 0; padding:0; width:290px; height:15px; float:left; overflow:hidden; font-style:italic; background-color:#FF9900;}


/********** Header **********/


#header {margin:0; padding:0; width:760px; height:156px; background:url(../images/Header_bg.jpg) no-repeat;}
#header_top {margin:0; padding:15px 20px;}
#header_top #logo {margin:0; padding:0; width:200px; height:94px; float:left; background:url(../images/ccrlogo.png) no-repeat; display:block}
#header_top #logo a {margin:0; padding:0; height:84px; display:block}
#header_top h1 {line-height:0; visibility:hidden}



#head_links {font-size:15px; /*font-weight:bold;*/ width:375px; float:right;}
#head_links #sky_mobile {margin:10px 0 0 0; padding:0; width:235px; float:left;}
#head_links #sky_mobile a {text-decoration:none}
#head_links #listen_now {margin:5px 0 0 0; padding:0; width:135px; float:right;}
#head_links #listen_now a {text-decoration:none}

#head_links {margin:0; padding:2px 0 0 0;}
#head_links a span {position:absolute; visibility:hidden; width:270px; /*height:120px;*/}
#head_links a:hover span {margin:-55px 0 0 -250px; padding:5px; width:260px; text-align:center; background-color:#E9F0F8; visibility:visible; border:2px solid #336699; font-size:11px; font-weight:bold; line-height:1.5em; text-decoration:none; color:#336699}