body {
	font-family: Verdana;
	font-size:100%;
	text-align: center;
	color: #666;
	background-color: #F4F4F4;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 140%;
}

h2 {
	font-size: 120%;
}

h3 {
	font-size: 100%;
}

p {
	line-height: 20px;
}


#wrapper {
	width: 980px;
	text-align: left;
	margin: 10px auto;
}

#banner {
	height: 139px;
	background-image: url(../images/bannerBg.gif);
	background-repeat: no-repeat;
}

#globalLinks {
	padding: 25px 50px 0 0;
	font-size: 70%;
	color: #999;
	text-align: right;
	height: 17px;
}

#globalLinks2 {
	padding: 25px 50px 0 0;
	font-size: 70%;
	color: #999;
	text-align: right;
	height: 60px;
}

#globalLinks a {
	color: #999;
	text-decoration: none;
}

#globalLinks a:hover, #gloabalLinks a:focus {
	color: #F4F4F4;
	text-decoration: underline;
}

#logo {
	height: auto;
}

#logo img {
	margin: 0 0 0 20px;
}

#logo #globe {
	float: left;
	margin-left: 12px;
	padding: 0;
	display: inline;
}

#nav {
	margin: 0 0 0 0;
}

#nav ul {
	padding: 0;
	margin: 0 0 0 321px;
}

#nav ul li {
	display: inline;
	padding: 0;
	margin: 0;
}

#nav ul li a {
	font-size: 70%;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0;
	text-align: center;
	width: 9em;
}

#nav ul li a img {
	border: none;
} 

#nav ul li a:hover, #nav ul li a:focus {

}


#contentTopEdge {
	height: 10px;
}

#content {
	background-image: url(../images/contentBg.gif);
}

#leftCol {
	width: 310px;
	float: left;
}

#leftColhome {
	width: 400px;
	float: left;
}

#playerhome {
	width: 360px;
	height: 360px;
	margin: 5px 0 0 30px;
}

#player {
	width: 280px;
	height: 250px;
	margin: 18px 0 0 30px;
	background-color: #000;
}

#player2 {
	width: 460px;
	height: 460px;
	margin: 0px 0 0 120px;
	background-color: #990000;
}

#playertopEdge {
	height: auto;
}

#playerViewer {
	height: 230px;
	background-color: green;
}

#playerViewer2 {
	height: 210px;
	background-color: green;
}

#vlccontent {
	height: auto;
	width: 360px;
	background-color: black;
}

#playerControls {
	padding: 0 0 0 17px;
	height: 48px;
	background-image: url(../images/playerControlsBg.gif);
	background-repeat: no-repeat;
}

#playerControls a img {
	margin: 17px 0 0 10px;
	float: left;
}

#signUp {
	width: 310px;
	margin: 0 0 0 30px;
	float: left;
	text-align: center;
	display: inline;
}

#signUphome {
	width: 400px;
	margin: 0 0 0 30px;
	float: left;
	text-align: center;
	display: inline;
}

#rightCol {
	margin: 0 0 0 330px;
}

#rightColhome {
	margin: 0 0 0 415px;
	
}

#playCol {
	margin: 0 0 0 125px;
	height: auto;

}

#genreold {
	width: 620px;
	margin: 18px 0 20px 0;
	float: left;
	background-color: #FFF;
}

#genre2 {
	width: 530px;
	margin: 18px 0 20px 0;
	float: left;
	
}

#genre {
	width: 530px;
	margin: 18px 0 20px 0;
	float: left;
	background-color: #FFF;
}

#sub {
	width: 620px;
	margin: 18px 0 20px 0;
	float: left;
	background-color: #FFF;
}

#sub2 {
	width: 720px;
	margin: 18px 0 20px 0;
	text-align: center;
}

#tabNav {
	margin: 0;
}

#tabNav ul {
	padding: 0;
	margin: 0;
}

#tabNav ul li {
	display: inline;
	padding: 0;
	margin: 0;
}

#tabNav ul li a {
	font-size: 70%;
	color: #000;
	text-decoration: none;
	padding: 0;
	text-align: center;
	width: 9em;
}

#tabNav ul li.selected a {
/*	border-bottom: 1px solid red;*/
}

#tabNav ul li a img {
	border: none;
} 

#tabNav ul li a:hover, #tabNav ul li a:focus {

}

#tabNav li {display: inline; padding: 2px 0 2px 10px;
  background: white url(topleft.gif) top left no-repeat;}
#tabNav li a {padding: 2px 10px 2px 0; text-decoration: none;
  background: url(topright.gif) top right no-repeat;}

#genreContent {
	height: auto;
	text-align: center;
	background-color: #FFF;
}

#genreContenthome {
	text-align: center;
	background : #fff;
	border : 2px solid #666;
	border-top : none;
	clear : both;
	margin : 0px;
	padding : 5px;
	width:auto;
	height:400px;
}

#subContent {
	font-size: 70%;
	text-align: left;
	padding: 0 20px;
	background-color: #FFF;
}

#newsfeed {
	font-size: 70%;
	color: #FFF;
	text-align: center;
	margin: 30px 5px 0 20px;
	clear:both;
	
}

#newsfeed2 {
	text-align: left;
		
}

a.newsfeed:link,a.newsfeed:visited {
	color: #FFF;
	text-align: left;
		
}

a.newsfeed2:link,a.newsfeed2:visited {
	color: red;
	text-align: left;
	font-size:20pt;
	font-weight:bold;
		
}

#subContentB {
	font-size: 70%;
	text-align: left;
	padding: 0 5px;
	background-color: #FFF;
}

#subContent2 {
	font-size: 70%;
	text-align: center;
	padding: 0 20px;
	width: 700px;
	
}


#subContent a {
	color: #666;
	text-decoration: none;
}

#subContent a:hover, #subContent a:focus  {
	color: #666;
	text-decoration: underline;
}

#subContent ol li {
	margin: 10px 0 0 0;
}

.tabcontent {
	display: none;
}

.show {
	font-size: 70%;
	margin: 10px 0 0 8px;
	width: 155px;
	float: left;
	display: inline;
	text-align: center;
	font-family: Verdana;
	text-align: center;
	color: #666;
	
}

a.inside:link,a.inside:visited {
	color: #666;
	font-size: 70%;
	margin: 28px 0 0 45px;
	width: 148px;
	float: left;
	display: inline;
	text-align: center;
}

#genreBottomEdge {
	height: auto;
}

#schedule {
	margin: 0;
	width: 620px;
	background-color: #FFF;

}

#schedule table {
	margin: 0 auto;
}

#schedule table tr td {
	font-size: 70%;
	padding: 7px 0 7px 0;

}

#schedule table tr td.high {
	background-color: #DCEDFA;  
}

#schedule table tr td a {
	color: #666;
	text-decoration: none;
}

#schedule table tr td a:hover, #schedule table tr td a:focus {
	text-decoration: underline;
}

#schedLinks {
	color: #C0BCA9;
	font-size: 60%;
	padding: 0 0 10px 0;
	background-color: #333;
}

#schedLinks a {
	color: #C0BCA9;
	text-decoration: none
}

#schedLinks a:hover, #schedLinks a:focus {
	text-decoration: underline;
}

#adverBanner {
	height: 80px;
	width: 600px;
	margin: 0 0 0 190px;
	padding: 10px 0 0 0;
}

#adverBannerdead {
	height: 10px;
	width: 600px;
	margin: 0 0 0 190px;
	padding: 10px 0 0 0;
}

#footer {
	background-image: url(../images/footerBg.gif);
	background-repeat: no-repeat;
	height: 45px;
	text-align: center;
	font:1em;
}

#footer ul {
	padding: 0;
	margin: 0;
}

#footer ul li {
	display: inline;
	padding: 0;
	margin: 0;
}

#footer ul li a {
	font-size: 1em;
	color: #FFF;
	text-decoration: none;
	padding: 0 20px;
	text-align: center;
	width: 9em;
}

#footer ul li a:hover, #footer ul li a:focus {
	color: #999;
}	

.clear {
	clear:both;
}

#login {
	padding: 100px 0;
}

#loginBox {
	font-size: 70%;
	width: 396px;
	margin: 0 auto;
	text-align: center;
	background-image: url(../images/loginBg.gif);
	background-repeat: repeat-y;
}

#loginBox a {
	color: #666;
	text-decoration: none;
}

#loginBox a:hover, #loginBox a:focus {
	color: #999;
	text-decoration: underline;
}

#acct {
	padding: 100px 0;
}

#acctBox {
	font-size: 70%;
	width: 396px;
	margin: 0 auto;
	text-align: center;
	background-image: url(../images/loginBg.gif);
	background-repeat: repeat-y;
}

#acctBoxContent {
	width: 300px;
	margin: 0 auto;
	text-align: left;
}

#acctBox a {
	color: #666;
	text-decoration: none;
}

#acctBox a:hover, #acctBox a:focus {
	color: #999;
	text-decoration: underline;
} 




/* begin css tabs */
#wholediv{
height:275px;
background-color:red;


}

ul#tabnav a:hover { /* settings for hover effect */
 /* set desired hover color */

}

.orangetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
border-bottom: none;
color: #000;

}

.orangetabs li a.selected{ /*selected main tab style */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
border: 3px solid #666;
border-bottom: 3px solid #fff;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

.orangetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
border-bottom: 3px solid #fff;
color: #000;

}
.orangetabs li a.selected:visited{ /*selected main tab style */
text-decoration: none;
border-bottom: 3px solid #fff;
color: #000;

}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
color: #000;
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #666; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
border: 3px solid #666;
padding-top: 4px;
border-bottom: 3px solid #fff; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
 /* set border COLOR as desired; usually matches border color specified in #tabnav */
 /* set unselected tab background color as desired */
 /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;


}

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 0 0; /* set margins as desired */
font: bold 9px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 3px solid #666; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 6px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
width:auto;


}

ul#tabnav li { /* do not change */
display: inline;
}


#contents {
	background : #333333;
	border : 2px solid #EBBC72;
	border-top : none;
	clear : both;
	margin : 0px;
	padding : 5px;
	width:auto;
	height:275px;


}

#NowPlayingDiv{
margin: 5px 0 0 30px;
color: #FFFFFF;
}

.maincurrent{
font-size:3em;

}

#eavalue{

}


/* end css tabs */