/*
* Master CSS file for TBN Video portal pages ONLY
* Note: IE specific css starts with * html body - be sure to make changes to both
* In this file: GLOBAL >> LINKS >> LAYOUT >> STYLES >> TOP NAVIGATION >> ACCESSIBILITY STUFF >> HACKS
**
/

/* GLOBAL ***************************************************/

/*Initialize the browser's CSS*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {
	margin:0;
	padding:0;
}
/*End Initizlization*/

/*body, div, p, select, input, textarea
{font-family:Arial, Tahoma, _serif; color:#666; font-size:11px; line-height:13px;}*/


body {
	background: #000 url('/images/all/bak_gold.jpg') no-repeat 50% -40px;
	font-family: Arial, Verdena, Tahoma, sans-serif;
	font-size: 75.01%;
	line-height: 1em;
}
 html:not([lang*=""]) body {
/* Gecko firefux up background-position a LOT */
width:99.99%;
}
* html body {
	background: #000 url('/images/all/bak_gold.jpg') no-repeat 50.09% -40px;
}
h1, h2, h3, h4, p, div, ul, ol {
	margin:0px;
	padding:0px;
}
div {
	font-size:11px;
}
img {
	border:0px;
}
p {
	margin:4px 0 4px 0;
	padding:4px 0 4px 0;
}
.bold {
	font-weight:bold;
}
/* LINKS ************************************/

a {
	color:#65173c;
	text-decoration: underline;
	background-color: inherit;
}
a:visited {
	color:#AB5018;
}
a.footer, a.footer:visited {
	color:#fff;
	text-decoration: none;
	background-color:transparent;
}
a.footer:hover {
	text-decoration: underline;
}
a.footer_video, a.footer_video:visited, a.footer_video:hover {
	color:#fff;
	text-decoration: none;
	background-color:transparent;
}
a.footer_video:hover {
	text-decoration: underline;
}
a.wine {
	color:#65173c;
	text-decoration: underline;
	background-color: transparent;
}
a.video_result {
	color:#e3c237;
	text-decoration: underline;
	background-color: transparent;
	font-weight:bold;
}
/* LAYOUT ************************************/

div#bak_base {/*noting*/
}
* html body div#bak_base {
}
div#bak_site {
	margin-top: -15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width:995px;
	background:transparent url('/images/all/bak_site.jpg') no-repeat 0px -23px;
}
* html body div#bak_site {
	width:990px;
	background-position:-3px -25px
}
*+html body div#bak_site {
	background-position:0px -26px
}
/* For Opera 8.0+ */
*+html>/**/body {
	background-position:0px -23px
}
div#container {
	padding:0px;
	margin:0 auto;
	height:800px;
	width: 987px;
}
* html body div#container {
	background:none;
	position:relative;
	display:inline;
}
div#header {
	width:995px;
	margin:-17px auto 0px -10px;
}
*+html div#header {
	margin-top:2px;
}
* html div#header {
	width:986px;
	margin:0 auto 0 0px!important;
}
div#topnav {
	position:absolute;
	margin-top:-2px;
	line-height:26px;
	width:743px;
	margin-left:70px;
	margin-right:auto;
	background: transparent url('/images/all/bak_topnav.gif') no-repeat;
	padding-left:118px;
	z-index:100;
}
* html body div#topnav {
	margin-top:0;
}
div#topnav ul {
	list-style:none;
}
div#topnav ul li {
	float:left;
}
div#main {
	clear:both;
	padding:0px 80px 0px 87px;
	margin-top:59px;
	position:relative;
	z-index:0;
}
div#main_body {
	min-height:520px;
	margin-top:1px;
	position:relative;
	z-index:0;
}
div#columnLeft {
	float:left;
	padding:0 20px 0 40px;
}
div#columnRight {
	float:right;
	width:248px;
	padding-right:48px;
}
div.row {
	clear:both;
}
div.row01 {
	clear:both;
	padding-left:27px;
	height:45px;
	line-height:45px;
	font-size:14px;
	color:#FFF;
	font-weight:600;
}
div#container_bottom {
	height:55px;
	clear:both;
	position: relative;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 900px;
}
* html body div#container_bottom {
	background:none;
}
div#footer {
	clear:both;
	position:relative;
	padding: 10px 50px 25px 50px;
	margin:0;
	font-family:Verdana, Tahoma, Arial, sans-serif;
	font-size:11px;
	color:#011168;
}
div#footer div.multicast {
	margin:20px auto 0 auto;
	width:468px;
}
div#footer p.bottomnav {
	text-align:center;
	padding:0px;
	color:#fff;
	line-height:12px;
	text-shadow: #000000 3px 3px 3px;
	height: 1.2em;
	filter: Shadow(Color=#000000, Direction=135, Strength=5);
/*optional background-color:#000;padding-top:30px;*/}
* html body div#footer p.bottomnav {
	color:#fff;
}
div#footer p.credit {
	text-align:center;
	padding:14px 0px 14px 0;
	color:#fff;
	height: 1.2em;
	filter: Shadow(Color=#000000, Direction=135, Strength=3);
}
* html body div#footer p.credit {
	color:#fff;
}
div#navi_search {
	list-style:none;
	position:absolute;
	white-space:nowrap;
	left: 709px;
	float:left;
	top: 0px;
	height:20px;
	line-height:20px;
	padding-top:6px;
}
*+html body div#navi_search {
	padding-top:5px;
	left:712px;
}
* html body div#navi_search {
	left:712px;
}
div#search_box {
	height: 315px;
	overflow-x: auto;
	overflow-y: scroll;
	margin-top:8px;
}
div#other_sites {
	text-align:right;
	padding-right:14px;
	padding-bottom:4px;
	float:right;
}
*+html body div#other_sites {
	display:inline;
	height:27px;
}
/* Start Home Page Specific */
#main_body div {
	float:left
}
#main_body div.top_left {
	width:505px;
}
#main_body div.top_right {
	width:280px;
	padding-left:27px;
	padding-top:5px;
}
#main_body div.bottom_left {
	width:512px;
	padding-top:13px;
}
#main_body div.bottom_right {
	width:289px;
	padding-left:15px;
	padding-top:14px;
}
#main_body div.bottom_left div {
	float:left
}
#main_body div.bottom_left div.box1 {
	padding-right:11px;
}
#main_body div.bottom_left div.box2 {
	width:334px;
}
#main_body div.bottom_left div.box3 {
	padding-right:21px;
	padding-top:10px;
}
#main_body div.bottom_left div.box4 {
	padding-top:10px;
	height:126px;
	vertical-align:bottom;
}
table#tbn_homeads {
	height:126px;
}
table#tbn_homeads td {
	vertical-align:bottom;
}
div#goliath_bottom {
	background:#000 url(/images/all/goliath_bottom.gif) no-repeat;
	width:322px;
	height:22px;
	line-height:22px;
	text-align:right;
	padding-right:14px;
	color:#dd051d;
	font-weight:bold;
}
/* End Home Page Specific */


/* STYLES ************************************/

#menu_vert {
	margin-left: 1px;
	margin-right: 1px;
}
table.search_result {
	padding:0px 0 0 6px;
}
table.search_result td {
	padding:2px;
	color:#fff;
}
table.search_result td.line_break {
	background-color:#959181;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	height:2px;
	padding:0px
}
input.box_siteSearch {
	border:none;
	width:96px;
	background-color:transparent;
	font-size:9px;
	line-height:11px;
	padding-top:-2px;
}
img.gray {
	border:1px solid #aca5a5;
}
/* FONT STYLES ************************************/
.heading01 {
	color:#65173c;
	font-size:13px;
}
.heading02 {
	color:#1e1252;
	font-size:11px;
	font-weight:bold;
}
.heading03 {
	color:#e3c237;
	font-size:11px;
	font-weight:bold;
}
/* TOP NAVIGATION STYLE ************************************/
/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb {
	clear: both;
}
#menuwrapper {
	/* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   background-color: inherit;
	width:731px;
	z-index:100;
}
/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li {
	width: 200px;
	z-index:100;
}
/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	z-index:100;
}
#primary-nav ul {
	position: absolute;
	top: auto;
	display: none;
	z-index:100;
}
#primary-nav ul ul {
	margin-top: 1px;
	margin-left: -1px;
	left: 100%;
	top: 0px;
	z-index:100;
}
#primary-nav li {
	margin-left: -2px;
	float: left;
	z-index:100;
}
/* Sets the background */
#primary-nav li li {
	background:transparent url('/images/all/primarynav_li_bg.gif') repeat-y;
	margin:0;
	float: none;
	position: relative;
	background-color:transparent;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
	z-index:100;
}
/* Sets the bottom of the dropdown */
#primary-nav li li.primarynav_li_bottom, #primary-nav li li li.primarynav_li_bottom {
	margin:0;
	background:transparent url('/images/all/primarynav_li_bottom.gif') no-repeat;
	z-index:100;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	height:7px;
	line-height:7px;
	border:none;
	width:200px;
}
/* Styling the basic apperance of the menu elements */
#primary-nav a {
	display: block;
	margin: 0px;
	padding: 0px 10px;
	text-decoration: none;
	color: #fff;
	font-weight:500;
	font-size:11px;
	z-index:100;
}
#primary-nav li a {
	/*border-right: 1px solid #d9be8d;
   border-left: 1px solid #d9be8d;*/
   filter:alpha(opacity=100);
	-moz-opacity:1.00;
	z-index:100;
}
#primary-nav li li a {
	/*border: 1px solid #C0C0C0;
   background-color:transparent;*/
   filter:alpha(opacity=100);
	-moz-opacity:1.00;
	background-color:#2c2b63;
	margin:-1px 5px 0 5px;
	z-index:100;
	border:none;
}
#primary-nav li, #primary-nav li.menuparent {
	background-color: inherit;
	z-index:100;
}
#primary-nav li.menu_divider {
	width:3px;
	background:transparent url('/images/all/primarynav_divider.gif') no-repeat left 2px;
}
/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive {
	background-color: transparent;
	z-index:100;
}
#primary-nav li.menuactive {
	background-color: transparent;
	z-index:100;
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth {
	/* arrow for menuparents */
   background-image: url(/images/all/nav_arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
	background-color: #17183e;
	z-index:100;
}
#primary-nav li li.primarynav_li_bottomh, #primary-nav li li li.primarynav_li_bottomh {
	background:transparent url('/images/all/primarynav_li_bottom.gif') no-repeat;
}
#primary-nav ul li a:hover {
	background-color: #17183e;
	z-index:100;
	text-decoration:underline;
	color:#e9c663
}
/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh {
	/*background-image: url(/images/all/nav_arrow02.gif); 
   background-position: center left; 
   background-repeat: no-repeat;*/ 
   background-color: inherit;
	z-index:100;/*background-color: #E7AB0B;background: transparent url('/images/all/bak_topnav_on.gif') repeat-x center;*/
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, #primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul {
	display: none;
	z-index:100;
}
/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul {
	display: block;
	z-index:100;
}
/* IE Hacks ************************************/
#primary-nav li li {
	float: left;
	clear: both;
	z-index:100;/*background-color:#FFF;
	filter:alpha(opacity=95);-moz-opacity:0.95;*/
}
#primary-nav li li a {
	height: 1%;
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	z-index:100;
}
/* End of TOP NAVIGATION: CSSMenu - Horizontal' ************************************/

/* accessibility divs are hidden by default text, screenreaders and such will show these */

.accessibility, hr {
	position: absolute;
	top: -999em;
	left: -999em;
}
/* definition tags are also hidden these are also used for menu links ************************************/
dfn {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display:inline;
}
/* end accessibility */


/* IE hack to work around the fixed width select issue */
.formelement125 {
behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);
	border:none !important;
	padding:0 !important;
	width:120px;
	height:16px;
	position:absolute;
	top:-2px;
	left:-2px;
}
.select_container {
	position: relative;
	width:116px;
	height: 12px;
	overflow: hidden;
	border:0;
}
