/* Designed by Eugen Luca for IDNR-TV October 06 2007 -IDNR pages*/

/* Main elements */
* { margin: 0 auto; padding: 0;}

html, body {height: 100%;}

body {
	background: #000000 url(../html-images/pages-bg.jpg);
	background-repeat:no-repeat;
	background-position:center top; /* top for IE explorer.moves down if not specified here */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
}

.print{display:none;}


h1, h2, h3 {margin: 0;font-weight: bold;color: #ffffff;}

h1 {font-size: 197%;}

h2 {
	font: 175% "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: .3em;
	padding: 10px 0px 10px 0px;
	text-decoration: none;
	border-bottom:#cc0000 1px solid;
	}

h3 {font-size: 167%;color:#FFFFFF;}


a {color:#999999;text-decoration:underline;}

a:hover {text-decoration: none;background:#999999;color: #ffffff;}

/* Images positioning */
.image_left { float:left;padding-right:20px; }
.image_right { float:right;padding-right:20px;}


/* Menu */
#menu {width: 700px;height: 50px;margin-left: 0 auto;padding: 0;float:left;font-size:12px;}

#menu ul {margin: 0;padding: 0;list-style: none;}

#menu li {display: inline;}

#menu a {
	display: block;
	float:left;
	padding: 30px 10px 0px 10px;
	text-decoration: none;
	font-size: 136%;
	color:#ffffff;
}

#menu a:hover {
	text-decoration: none;
	padding: 25px 10px 5px 10px; /*jumps up when mouse over */
	color:#999999;
	background:url(../html-images/menu.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	/* background:none */
}
#menu #current a { padding: 25px 10px 5px 10px; color:#999999;background:url(../html-images/menu.gif);
	background-repeat:no-repeat;
	background-position:center bottom;}

/* Search Box */
/* disabled floating properties on both textarea and submit and for IE6.puts box on logo.*/
#search { width: 200px;float:right;margin-top:20px;height:20px;}
	
#search .textarea{background-color:#666666; color:#ffffff; border:#ffffff 1px solid;
width:130px; height:20px; padding:2px; margin: 5px 0 0 0;font:normal 14px/20px Arial, Helvetica, sans-serif;}

#search input.submit{/*background:url(../html-images/submit.gif) no-repeat 45px 0*/; color:#FF3300; border:none;width:60px; height:20px;background:#000000; margin: 5px 0 0 0; padding:0 20px 0 0; cursor:pointer;font:bold 14px Arial, Helvetica, sans-serif; text-transform:uppercase;}

	
/*Images positioning */

/* Logo */
#logo {
	width: 900px;
	height: 275px;
	padding: 0 0 2px 0;
	margin: 0 auto;
	clear:both;    /* THIS FOR FIREFOX.IF NOT HERE,will move content up beyond logo div. */
}

/* Page */

#wrapper {width:900px;min-height: 100%;height:auto !important;height: 100%;margin: 0 auto;}


#content { margin:0 auto; padding: 10px 10px 0 10px;height:auto;}

.content_font {font-family: "Georgia", Times New Roman, Times, serif;font-size: 14px;color: #ffffff;}	

.clear {clear:both;padding:2px;height:30px;margin: 0;}

/* Programming page */
.programs_box { float:left;width:240px;padding:0 0 0 40px;}
.programs_box_img { border:#666666 1px solid;padding:20px;}
.programs_box_title {
	width:240px;
	margin: 0 0 5px 0;
	padding:0 0 0 2px;
	text-transform: uppercase;
	font-size: 85%;
	font-weight: bold;
	color: #FFFFFF;
}

/* All other pages */

#listing_shows  /* to list all active shows */
#listing_shows ul {margin: 0;padding: 0;}
#listing_shows li {letter-spacing: .3em; line-height:2em;padding: 0 0 0 20px;list-style:none;}
#listing_shows a {color:#999999;text-decoration:none;}
#listing_shows a:hover {text-decoration:none;color:#ffffff;background:#999999; }

/* JW player flv page for feature presentation */

#JW {float:left; width:610px;margin:0;padding:0; }
#mediaspace{padding:5px;background-color:#990000;}
#advertising { float:right;width:250px;}


/* used on all programs listing top of page */
#alphabet { font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing: +2px;font-weight:bold;text-align:center;color:#663300; }

/* ddaccordion styles used on all programs page */


#collapse_expand { width: 840px;margin-bottom:20px;text-align:right;font-size:12px;}

.myheader {width:600px;MARGIN:5px; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing: +10px;font-weight:bold; CURSOR: pointer;height:20px;/*border-bottom:#666666 1px solid;*/}

.mycontent { width:840px;MARGIN:5px;text-align:justify; border:#666666 1px solid;}

.mycontent ul { font-family:Arial, Helvetica, sans-serif;font-size:14px;margin:0;padding:0; list-style:none; text-indent:10px;display: inline-block;}
.mycontent ul li {line-height:200%;/* background:url(../cv-images/list.png) no-repeat left top*/;padding-left:5px; }
.mycontent a { text-decoration:none; }

/* these two are the heading open and closed */
/* these are declared on js included on page HTML */
/* change name there and then here,if you want them with other names */
/* taken out parts of ddaccordion js,and included here background rules */
/* to keep icons at the end of div */

.closedHeader {COLOR:#ff0000;background:url(../html-images/plus.png) no-repeat right;}
.openHeader {COLOR:#ff0000;background:url(../html-images/minus.png) no-repeat right;}


/* END OF ACCORDION STYLES */

/* for Advertising page only.Div wraps the table.Created to kill bottom line under Logos links,Firefox */
/* #advertising a:hover {background:none;} /* kills ugly line bottom of images when mouse over.Firefox */
.advertising { width:800px;margin:0 auto;padding:10px;border-bottom:#666666 1px solid; }
.advertising_logo {float:left;padding-right:10px;border:0;} /* removes border around image when linked */
.advertising_logo a:hover {background:none;}


/* Footer */

#footer{
width:900px;
height:65px;
background:url(../html-images/footer.gif);
margin: 0 auto;
text-align:center;
padding:0;
clear:both;
}