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

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

html, body {height: 100%;}

body {
	background: #000000 url(../html-images/index-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;
	}

h1, h2, h3 {margin: 0;font-weight: normal;color: #000000;}

h1 {font-size: 197%;}

h2 {font-size: 167%;}

h3 {font-size: 100%;font-weight: bold;}

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

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

/* images positioning */
.index_banners_left { margin: 5px 2px 0 0 ; }
.index_banners_right { margin: 5px 0 0 5px ; }

/* Menu */
#menu { width: 700px;height: 50px;margin: 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;
}

#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;}
	
	

/* Logo */

#logo { width: 900px;height: 275px;padding: 0 0 2px 0;margin: 0 auto;clear:both;}

/* Page */

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

/* Content */

/* For left and right divs,declared the a:hover here to kill background showing under banners on Firefox */
#left { float: left; width: 190px; padding:20px 5px 0 5px; }
#left a:hover {background:none;} /*kill background in Firefox */
#right {float: right; width:190px; padding:20px 5px 0 5px;}
#right a:hover {background:none;} /*kill background in Firefox */



#content {float:left;width: 480px;padding: 10px 10px 0 10px;}

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

/* Content font styles */
.IDNR_font {font-family:"Georgia", Times New Roman, Times, serif;font-size: 200%;color:#ffffff;}

.content_font {font-family: "Georgia", Times New Roman, Times, serif;font-size: 14px;color: #ffffff;}			 
			 
/* Content and styles for 3 boxes */
#box_news {float:left;width: 275px;padding:10px;margin:0 auto;} /* make width 120 for 3 boxes */
#box_programs{float:left;width: 275px;padding:10px;margin:0 auto;}
#box_broadcasting {float:right;width: 275px;padding:10px;margin:0 auto;}

.title {
	margin:0 auto;
	padding: 0px 20px 5px 2px;
	text-transform: uppercase;
	font-size: 85%;
	font-weight: bold;
	/* border-bottom:#FF0000 1px solid; */
	color: #FF0000;
}
.font_box { padding:5px 0 0 0;}

.ul_li_box { line-height:150%;padding-left:0;margin:0;font-size:90%;list-style:inside square;}

/* Footer */

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