/* ---------- Body Attributes ---------- */

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #cccccc;
	background: black;
	margin: 0;
	height: 100%;
}

html{
	height: 100%;
}

/* ---------- Div Attributes ---------- */

#container{
	position: relative;
	width: 990px;
	margin: 0 auto;
}

	#leftColumn{
		position: relative;
		float: left;
		display: block;
		width: 447px;
		background: url(../images/leftColumnBG.jpg) no-repeat;
	}
		
		#leftColumnTop{
			position: relative;
			width: 447px;
			height: 90px;
			padding: 0;
			margin: 0;
		}
		
			#leftColumnTopLogo{
				position: absolute;
				top: 0px;
				left: 0px;
			}
			
				* html #leftColumnTopLogo{ /* IE6 hack to simulate floating absolutely positioned layer */
					position: relative;
					display: block;
					float: left;
					clear: left;
				}
	
		#leftColumnContent{
			position: relative;
			width: 407px;
			padding: 1px 20px 1px 20px; /* 1px top and bottom padding hack because the W3C sucks */
			margin: 0;
		}
		
			* html #leftColumnContent{ /* IE6 background hack */
				background: url(../images/leftColumnContentBG.gif) repeat-y;
				z-index: 1;
			}
			
			#leftColumnContent p{ margin: 0 0 8px 0; }
			
			#leftColumnFeature{
				position: relative;
				width: 407px;
				height: 180px;
				overflow: hidden;
				margin: 10px 0 10px 0;
				padding: 0 0 5px 0;
				border-bottom: 1px solid #6a5519;
			}
			
				#leftColumnFeature img{
					margin: 0 5px 0 5px;
				}
			
			.horizontalDivider{
				width: 100%;
				height: 1px;
				margin: 10px 0 10px 0;
				background: #6a5519;
			}
			
			.leftColumnSection{
				position: relative;
				width: 407px;
				margin: 0;
				padding: 0;
			}
			
				.leftColumnSectionFloatLeft{
					display: block;
					float: left;
					width: 210px;
					clear: left;
				}
				
				.leftColumnSectionFloatRight{
					display: block;
					float: right;
					width: 180px;
					clear: right;
				}
				
					#leftColumnAd{
						position: relative;
						top: 0px;
						left: 0px;
						width: 180px;
						height: 150px;
						border: 1px solid #6a5519;
					}
	
	#rightColumn{
		float: right;
		display: block;
		width: 522px;
		padding: 9px 0 0 0;
	}
	
		#rightColumnPlayer{
			border: 1px solid #333333;
		}
	
		#rightColumnAd{
			position: relative;
			top: 0px;
			left: 0px;
			margin: 10px auto;
			width: 468px;
			height: 60px;
			border: 1px solid #6a5519;
		}

#footer{
	position: relative;
	width: 990px;
	margin: 0 auto;
	padding: 20px 0 5px 0;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #cccccc;
}

	#footer a{
		text-decoration: none;
		color: #ff9900;
	}
	
	#footer a:hover{
		text-decoration: underline;
		color: #ff9900;
	}
	
	.footerText{
		margin: 5px 0 0 5px;
		line-height: normal;
		font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	}

/* ---------- Dropdown Menu ---------- */

/* ================================================================ 
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/variable_dl.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.
=================================================================== */

#menuContainer{
	width: 439px;
	height: 30px;
	background: url(../images/menubarBG.gif) repeat-x;
	margin: 0 auto;
	padding: 3px 0 0 0;
}

#menu {list-style-type:none; 
	margin: 0 0 0 4px; /* settings for this demo only */
	padding: 0;}

* html #menu {z-index: 1000;}

#menu li {display:block; float:left; position:relative; z-index:100; margin-right:1px;}
#menu li span {display:block; z-index:100; /*background: #fff;*/ padding: 5px 9px; font-size:11px;}
#menu li a, #menu li a:visited {display:block; padding:0;}

#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background: url(transparency.gif);}
#menu dt {background: transparent; margin:0; font-size: 11px; float:left;}
#menu dd {display:none; background: transparent; /* border-bottom:1px solid #cce;*/ clear:left; margin:0; padding:0; color: #cccccc; font-size: 1em; text-align:left;}

#menu dt a, #menu dt a:visited {display:block; color:#cccccc; padding: 5px 9px; text-decoration:none;}
#menu dd a, #menu dd a:visited {background:url(../images/dropdownMenuBG.png) repeat; color:#cccccc; text-decoration:none; display:block; padding: 5px 9px;}

#menu li a:hover {border:0;}

#menu li:hover dd, #menu li a:hover dd {display:block;}
/* #menu li:hover dl, #menu li a:hover dl {border-bottom:15px solid #e2dfa8;} */
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {color:#ff9900;}

/* ---------- Common Styles ---------- */

img{
	border: none;
	behavior: url(assets_unmanaged/BluesTV247/css/iepngfix.htc);
}

div{
	behavior: url(assets_unmanaged/BluesTV247/css/iepngfix.htc);
}

p{
	font-size: 11px;
	line-height: 18px;
}

/* li{
	list-style-image: url(../images/listItemBullet.gif);
} */

hr{
	border: none;
	height: 1px;
	width: 100%;
	color: #333333;
	background: #333333;
}

.leftImage{
	float: left;
	margin: 0 10px 0 0;
	display: block;
}

.centerImage{
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.rightImage{
	float: right;
	margin: 0 0 0 10px;
	display: block;
}

.centerText{
	text-align: center;
}

.rightText{
	text-align: right;
}

.clear{
	clear: both;
}

/* ---------- Text Styles ---------- */

h1{
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #ff9900;
	margin: 5px 0;
}

h2{
	font: bold 14px Verdana, Trebuchet, Arial, Helvetica, sans-serif;
	color: #ff9900;
	margin: 5px 0;
}

.boldText{
	font-weight: bold;
}

/* ---------- Link Attributes ---------- */

a{
	text-decoration: none;
	color: #e68e11;
}

a:link{
	text-decoration: none;
	color: #e68e11;
}

a:visited{
	text-decoration: none;
	color: #e68e11;
}

a:active{
	text-decoration: underline;
	color: #0073bc;
}

a:hover{
	text-decoration: underline;
	color: #0073bc;
}