body{
padding:0;
margin:0;
font: 62.5% verdana,tahoma,sans-serif;
color:#303030;
background: #F2F2F2;

}

a{
	text-decoration: underline;
	background-color: inherit;
	font-weight: bold;
	color: #A00111;
}

a:hover{
	background-color: inherit;
	color: #300106;
	text-decoration: none;
}

hr { 
height: 0; 
border: 0; 
border-top: 1px solid #AFAFAF;
} 

p{
margin:0 0 15px 0;
line-height:1.3em;
font-size: 1.2em;
font-weight: normal;
}

h1
{
margin:0 0 15px 0;
line-height:1.3em;
font-size: 2em;
font-weight: bold;
}

h2
{
margin:0 0 15px 0;
line-height:1.3em;
font-size: 1.6em;
font-weight: bold;
}

h4
{
margin:0;
line-height:1.3em;
font-size: 1.2em;
font-weight: bold;
}

.heading
{
margin:0 0 15px 0;
line-height:1.2em;
font-size: 1.4em;
font-weight: bold;
}

.headingbig
{
margin:0 0 15px 0;
line-height:1.2em;
font-size: 1.8em;
font-weight: bold;
}

ul {
	margin-left: 0px;
	padding: 0;
	list-style: square;
	padding-left: 10px;
	} 

li {
	margin: 7px 0px 0px 10px;
	font-size: 1.3em;
	line-height: 1.0em;
	}

/*start Header*/

#header{
	margin: 0px auto 0px auto;
	width: 950px;
}

#header1{
	margin: 0;
	padding: 0;
	height: 99px;
	width: 950px;
	background: url(Images/tVadio.jpg);
	}

.header2{
	margin: 0;
	padding: 0;
	height: 20px;
	width: 950px;
	background: url(images/tVadio-bottom.gif);
}

.header2 h2 ,.header2 h1 ,.header2 p{
	color: White;
	margin: 0;
	padding-left: 80px;
	padding-top: 2px;
	font: 12px Verdana;
}



#tvadioclick img
{
float:left;
margin:0;
padding:0;
margin-top:0px;
margin-left:10px;
}

/*header for content directory*/

.directoryheader
{
	margin: 0px 0px 20px 95px;
	padding: 0;
	width: 730px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	background: #DCD9D9;
}

.directoryheader p
{
	margin: 0;
	padding: 3px 0px 3px 0px;
	text-align: left;
	font-size: 1.2em;
	color: black;
	text-align: center;
}

/*end for content directory*/

/*Top Header Menu*/

#topmenu
{
	padding-left: 300px;
	padding-top: 68px;
	margin: 0;
	}
	
ul#topmenunav
{
list-style: none;
margin: 0;
padding: 0;
}

ul#topmenunav li
{
position: relative;
float: left;
padding: 6px 140px 6px 0px;
margin:0;
border-top:none;
border-bottom:none;
}

ul#topmenunav  li a
{
color: #EDE0E0;
font-size: 1.15em;
display: block;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
	}
	
ul#topmenunav  li a:hover
{
color: white;;
	}


/* End Top Header Menu*/

/*End Header*/

#container{
	margin: 0px auto 0px auto;
	width: 912px;
	padding: 10px 10px 10px 10px;
	color: #303030;
	border-left: 9px solid black;
	border-right: 9px solid black;
	border-bottom: 9px solid black;
	border-top: none;
	font: 100% verdana,tahoma,sans-serif;
	background-color: #F2F2F2;
	background-image: url(images/bigv.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#sidebar{
float:left;
width:150px;
}


#main{
	width: 720px;
	padding-left: 20px;
	border-left: 1px solid #AFAFAF;
	float: right;
	}

#footer{
clear:both;
}

.menu{
	display: block;
	width: 148px;
	padding: 4px 2px 4px 10px;
	font-size: 1.4em;
	font-weight: bold;
	border: none;
}

.menu:hover{
	color: black;
	width: 148px;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-right: none;
	padding: 3px 2px 3px 9px;
	background: #F2F2F2;
	}
	
html>body .menu:hover{background:url(images/menu-back.png) repeat;}

.title
{
margin: 0px 0px 10px 0px;
padding: 5px 5px 5px 10px;
background: #F4D2D0;
border-top: 6px black dashed;
color: black; 
font-size: 1.8em;
font-weight: bold;
}

.more
{
text-align: right;
margin-top: -30px;
font-size: 1.8em;
}

.small{
font-size:1em;
margin: 0;
padding: 0;
}

.small a{
	font-weight: normal;
}

.center{
text-align:center;
}

.alignright
{text-align:right;}

#clear
{
clear:both;
font-size:1px;
line-height:0px;
}

.clearlist
{
clear:both;
font-size:1px;
line-height:0px;
}

/*Bottom Content Boxes*/

#boxcontainer
{
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	color: black;
	border: none;
	clear:both;
	height: 100%;
	
	}

.box1
{
	width: 240px;
	float: left;
	display: inline;
	border-right: 10px solid #F2F2F2;
	border-left: 10px solid #F2F2F2;
	margin: 30px 0px 20px 95px;
	background: #DCD9D9;
	min-height: 140px;
	height: auto !important;
	height: 140px;
	} 
html>body .box1{background:url(images/menu-back.png) repeat;}

.box2
{
width: 240px;
float:left; 
display:inline;
border-right: 10px solid #F2F2F2;
margin: 30px 0px 20px 0;
background: #DCD9D9;
min-height: 140px;
	height: auto !important;
	height: 140px;
} 

html>body .box2{background:url(images/menu-back.png) repeat;}

.box3
{
width: 240px;
float:left; 
display:inline;
border-right: 10px solid #F2F2F2;
margin: 30px 0px 20px 0;
background: #DCD9D9;
min-height: 140px;
	height: auto !important;
	height: 140px;
} 

html>body .box3{background:url(images/menu-back.png) repeat;}

.box1 h3 ,.box2 h3 ,.box3 h3
{
	background: #93060C;
	color: white;
	margin: 0px 0px 5px 0px;
	padding: 0;
	font-size: 1.3em;
	padding-left: 10px;
}

.box1 p ,.box2 p ,.box3 p
{
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	padding-left: 5px;
}

.box2 li
{
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	margin-top: 5px;
	line-height: 1.2em;
	}

.box2 ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

.box2 a
{

}

/*End bottom Content Boxes*/


/* tVadio WebSite Styles */

.CategoryTreeLink
{
	font-size:small;
	display:inline-block;
	padding-bottom:3px;
}

.CategoryTreeSelected
{
	font-size:small;
	font-weight:bold;
	display:inline-block;
	padding-bottom:3px;
}

.CategoryTreeTitle
{
	font-size:medium;
	font-weight:bold;
	border-bottom-width:2px;
	border-bottom-style:dotted;
}

/***** Stream List style - used for category navigation */

.StreamListItem
{
	
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:Navy;
	padding: 20px 0px 10px 0px;
	margin: 0;
}

.StreamListItem p
{
font-size: 1.3em;
}

.StreamListItemTitle
{
	font-weight:bold;
	font-size:medium;
	padding: 3px 10px 3px 10px; 
	background: #F4D2D0;
}

/***** Reviews List style */
.ReviewItem
{
	font-size:small;
}

.ReviewItemTitle
{
	font-weight:bold;
	font-size:small;
	border-bottom-style:dashed;
	border-bottom-width:1px;
}

.ReviewItemText
{	font-weight:normal;
}

.Pager
{	font-size:small;
margin: 0px;
text-align: right;
padding: 3px 10px 3px 0px; 
background: #E1E1E1;
}

.StreamLocation
{
margin: 4px 0px 0px 5px;
font-size:1em;
float: left;
}

.StreamLocation a
{	
font-weight:normal;
}

/***** Stream List style - used for category navigation */

.NewsListItem
{
}

.NewsListItemTitle
{
	font-weight:bold;
	font-size:small;
	border-bottom-style:dashed;
	border-bottom-width:1px;
}

.NewsListDescription
{
	font-weight:bold;
	font-size:small;
}

/* Latest addition left links */
#sidebar div
{
	font-size:small;
}

/*Stream Descriptions and News Descriptions*/

.streamdesc span
{
font-weight: bold;
}

.streamnews img ,.streamdesc img
{
margin: 0px;
padding: 4px;
}

/*Stream Table*/

.stboxcontainer
{
	margin: 10px 0px 40px 0px;
	padding: 0;
	color: black;
	border: none;
	}

.stbox1
{
	width: 115px;
	float: left;
	display: inline;
	border-top: 3px solid black;
	border-bottom: 3px solid black;
	margin: 0;
	background: #F4D2D0;
	min-height: 115px;
	height: auto !important;
	height: 115px;
	} 

.stbox2
{
width: 595px;
float:left; 
display:inline;
border-top: 3px solid black;
margin: 0px 0px 0px 10px;
background: #DCD9D9;
min-height: 95px;
height: auto !important;
height: 95px;
	
} 

.stbox2 p
{
margin: 0;
padding: 5px 5px 0 5px;
font-size: 1.3em;
text-align: left;
}

.stbox2 h4
{
padding: 4px 10px 6px 5px;
text-align: left;
background: #F4D2D0;
font-size: 2.0em;
font-family: "Arial";
width: 580px;
	}	

.StreamListTitle
{
float: left;
}

.stbox-description		
{
font-size: 1.2em;
padding: 4px;
}
		
.watchtv
{	
font-size: 2em;
float: right;
}
	
.watchtv a
{
	width: 70px;
	height: 29px;
	color: white;
	text-decoration: none;
	cursor: hand;
	background:black;
	list-style: none;
	position:absolute;
	margin-top: 2px;
	margin-left: -94px;
	text-align:center;
	vertical-align:middle;
}

.watchtv a:hover
{
background:#A00111;
color: white;
}

.streaminfobottom
{
position: relative;
width: 590px;
float: left;
margin: 2px 0px 0px 10px ;
padding: 3px 0px 3px 5px ;
background: #E8E8E8;
border-bottom: 3px solid black;
}


/* Vertical Centering Hack for image*/

.imgouter {
    position: relative;
    display: table;
    vertical-align: middle;
    height: 115px;
    width: 115px;
    margin: 0;
     }

.imginner {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    }

.imgmid {
    border: 0px dashed silver; /*for clarity*/
	text-align: center;
    }

/*Now the hack for obsolete browsers-ok, just IE*/
/* \*/
* html .imginner {
    top: 50%;
    left: 0;
    }

* html .imginner .imgmid {
    position: relative;
    top: -50%;
    }
/* */

/* End Centering Hack*/

/* End Stream Table*/

/*ShortDescription */

.bigplay
{
width: 300px; 
margin: 20px auto 20px auto; 
text-align: center; 
font-size: 5em; 
color: white; 
background: black;
}

.bigplay a
{
width: 300px; 
color: white; 
text-decoration:none;
cursor: hand;
background:black;
list-style: none;
display:block;
text-align:center;
vertical-align:middle;
}

.bigplay a:hover
{
width: 300px; 
color: white; 
text-decoration:none;
background: #A00111;
}

/*End ShortDescription */


/*Player Window*/

.playerembed
{
float: left;
margiin: 0px;
padding: 5px 5px 5px 5px;
}

.playerembeddesc
{
padding-top: 30px;
}

/*End Player Window*/
