@import url("icd_style.css");

#frame
{
	background-color: #858680;
	
}

#path_ruler
{
	margin: 4px 26px 0 0;

}



#path_ruler span.ruler_date
{
	float: left;
}



#write_us
{
	width: 159px;
	height: 191px;
	position: absolute;
	right: -94px;
	top: 516px;
	background: url(../images/write.png);
	z-index: 2;
	
	padding: 0 0 0 0;
}

#channels_menu
{
	width: 147px;
	height: 431px;
	position: absolute;
	right: -90px;
	top: 66px;
	background: url(../images/channel_menu_bg.png);
	z-index: 1;
	
	padding: 2px 5px 0 0;

}

#content
{
	width: 670px;
	float: left;
	position: relative;
	margin: 22px 0 0 22px;
	background: url(../images/news_container_shadow.png) repeat-y 764px #ffffff;
	padding: 0 100px 20px 0;
	z-index: 0;
	min-height: 700px;
}

#content #top_right
{
	width: 7px;
	height: 7px;
	float: right;
	background: url(../images/news_container_top_right.png) no-repeat ;
	margin: 0 -101px -7px -7px;
}


#news_week 
{
	float: left;
	width: 682px;
	height: 198px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	margin: 0 -11px 22px 0;
}

#news_week  #round_corner
{
	float: left;
	width: 268px;
	height: 196px;
		background: url(../images/round_corner.png) no-repeat left top;
		border-right: 1px solid #595a52;
		border-bottom: 1px solid #595a52;
}

#news_week div#main
{
	float: right;
	width: 401px;
	margin:14px 12px 0 0;
	

}

#news_week div#main .title
{
	font-size: 1.5em;
	font-weight: bold;
	padding:0;margin:0;
	
	height:50px;	
	width: 370px;

}

#news_week div#main .text
{
	padding:0;margin:0;
		font-size: 0.9em;
		
	height:106px;	
	width: 370px;
	
}

#news_week div#main .link
{
	padding:0;margin:0;
	font-size: 0.9em;
	height:26px;	
	width: 200px;
	float: left;
	border-bottom: 1px solid #000000;
}

#news_week  a
{
	color: #000000;
	
}



a img
{
	vertical-align: middle;
	float:none;
	margin:0;
}

.orange_block
{
	width: 421px;
	height: 81px;
	background: url(../images/block_bg.png);
	margin:0 0 15px 48px;
	position: relative;
	float: left;
}

 .orange_block img 
{
	float: right;
	margin-left: 10px; 
}

 .orange_block  .title
{	
	padding:0;
	margin: 0 0 0 0;
	float: right;
	width: 280px;

}

 .orange_block  .title a
 {
 font-weight: bold;
		color: #000000;
			
 }

 .orange_block .text 
{
	float: right;
	width: 280px;
	height: 35px;
	font-size: 0.9em;
	overflow: hidden;
}

.orange_block div  img 
{	
	position: absolute;
	bottom: 4px;
	left: 5px;
	
}

 .orange_block .date 
{
	float: right;
	width: 280px;
	height: 20px;
	font-size: 0.7em;
	overflow: hidden;
	margin: 1px 0 0 0;
}

.orange_special
{
	width: 300px;
	float: right;
	margin: 0 6px 16px 15px;
}

 .orange_special  .title
{	
	
	width: 160px;

}

 .orange_special .text 
{
	
	width: 160px;
	height: 46px;
}

  .channel_block
{
	width: 190px;
	height: 250px;
	background: url(../images/channel_block_bg.gif) no-repeat center 22px;
	margin: 16px -7px 4px 36px;
	float: right;
	font-size: 0.9em;
}

   .channel_block.channel1
 {
 	background: url(../images/channel1.png) no-repeat right;
 }

   .channel_block.channel2
 {
 	background: url(../images/channel2.png) no-repeat right;
 }

   .channel_block.channel3
 {
 	background: url(../images/channel3.png) no-repeat right;
 }

   .channel_block.channel4
 {
 	background: url(../images/channel4.png) no-repeat right;
 }

   .channel_block.channel10
 {
 	background: url(../images/channel5.png) no-repeat right;
 }

   .channel_block.channel6
 {
 	background: url(../images/channel6.png) no-repeat right;
 }

   .channel_block.channel7
 {
 	background: url(../images/channel7.png) no-repeat right;
 }

   .channel_block.channel_elections2009
 {
 	background: url(../images/channel_box_special.png) no-repeat right;
 }

.channel_block .image
{
	width: 181px;
	height: 101px;
	background-repeat: no-repeat;
	background-position: center;	
	float: right;
	margin: 45px 7px 0 0;
}



.channel_block .text a div
{
	clear: both;
	height: 16px;
	background-repeat: no-repeat;
	background-position: right 4px;
	float: right;
	margin: 6px 22px 0 0;
	padding: 0 14px 0 0;
	width: 145px;

	color: #000000;
	cursor: hand;
	cursor: pointer;
}



.channel_block.channel1  .text a div
{

	background-image: url(../images/bullet_channel1.png);
}

.channel_block.channel2  .text a div
{
	background-image: url(../images/bullet_channel2.png);
}

.channel_block.channel3  .text a div
{
	background-image: url(../images/bullet_channel3.png);
}

.channel_block.channel4  .text a div
{
	background-image: url(../images/bullet_channel4.png);
}

.channel_block.channel10  .text a div
{
	background-image: url(../images/bullet_channel5.png);
}

.channel_block.channel6  .text a div
{
	background-image: url(../images/bullet_channel6.png);
}

.channel_block .link 
{
	clear: both;
	float: left;
	margin: 2px 0 0 8px;
	padding: 0 0 0 0;	
	color: #000000;
	
	text-align: left;
}

.channel_block .link img
{
	vertical-align: middle;
}

.channel_block  .link a{color: #000000;}


 #picoftheday
{
	width: 192px;
	height: 185px;
	background: url(../images/picoftheday_bg.png) no-repeat;
	margin: 18px  -8px 0 0;
	padding: 31px 0 0 0 ;
	
	overflow: hidden;
		float:right;
		
}

 #picoftheday a{color:#000000;}

 #picoftheday .image
 {
 width: 128px;
	margin: 0 auto 0 auto;
	
 }

#picoftheday div.title
{
	width: 128px;
	margin: 1px auto 0 auto;
		font-weight: bold;
	
}

#picoftheday div.credit
{
	width: 128px;
	margin: 0 auto 0 auto;
	text-align: left;
	font-size: 0.7em;
}

#picoftheday div.text
{
	width: 130px;
	margin: 0 auto 0 auto;
	font-size: 0.9em;
	
}

#picoftheday .title_text
{
	height: 68px;
	
}

#picoftheday div.link
{
	width: 170px;
	margin: 0 auto 6px auto;
	text-align: left;
font-size: 0.9em;
}

#concept 
{
width: 409px;
	height: 216px;
	background: url(../images/concept_bg.png) no-repeat;
	margin: 18px  27px 0 0;
	
	
	overflow: hidden;
		float:right;
		
}

#concept .image
{
	float: left;
	height: 150px;
	width: 156px;
	text-align: center;
	padding: 30px 0 0 0;

}

#concept .title
{
	float: right;
	
	margin: 40px 22px 0 0;
	font-weight: bold;
}

#concept .text
{
	
	float: right;
	
	margin: 10px 22px 0 0;
	width: 220px;	
	height: 112px;
	font-size: 0.9em;
}

#concept .link
{
	
	float: right;
font-size: 0.9em;
	margin: 0 22px 0 0;
	width: 220px;	
	text-align: left;
	
}

#concept  a
{
color: #000000;
}

#survey 
{
	width: 184px;
	height: 287px;
	margin: -9px -3px 10px 0;
			float:right;
}

#content_bottom
{
	clear: both;
	background: url(../images/news_container_bottom.png) no-repeat ;
	width: 768px;
	height: 8px;
	float: left;
	margin: 0  0 0 24px;
}

#octopussy
{
	clear:both;
	float: left;
	margin: -3px 0  -25px 380px;
	position:relative;
}

/*
#channels_menu
{
	width: 147px;
	height: 431px;
	float: right;
	margin: 88px 16px 0 -80px;
	background: url(../images/channel_menu_bg.png);
	z-index: 1;
	position: relative;
	padding: 2px 5px 0 0;

}
*/


#channels_menu div
{
	width: 144px;	
	float: right;	
	background-repeat: no-repeat;
	background-position: center;
		cursor: hand;
	cursor: pointer;
}

#channels_menu div span
{
	width: 144px;
	height: 49px;
	float: right;
	background-position: center;
	background-repeat: no-repeat;
	border-bottom: #595b52 1px solid;	
}

#channels_menu div.current *
{
cursor: none;
}

#channels_menu div.current
{
	background-color: #94958e;
	
}

#channels_menu div.current img
{
	float: right;
	margin: 15px 4px  0 -25px;
}

#channels_menu div#link0.current
{
	background: none;
	background-image: url(../images/link0_on.png);
}

#channels_menu div#link0.current img
{
	margin-top: 30px;
}

#channels_menu div#link9.current
{
	background: none;
	background-image: url(../images/link7_on.png);
}

#channels_menu #link0 span
{
	background-image: url(../images/link0.png);
	height: 61px;
	margin-top: 8px;
}
#channels_menu #link1 span
{
	background-image: url(../images/link1.png);
}
#channels_menu #link2 span
{
	background-image: url(../images/link2.png);
}
#channels_menu #link3 span
{
	background-image: url(../images/link3.png);
}
#channels_menu #link4 span
{
	background-image: url(../images/link4.png);
}
#channels_menu #link10 span
{
	background-image: url(../images/link5.png);
}
#channels_menu #link6 span
{
	background-image: url(../images/link6.png);
}
#channels_menu #link9 span
{
	background-image: url(../images/link7.png);
	border-bottom: none;
	height: 55px;
}

#channels_menu a div:link {}
#channels_menu a div:visited {}
#channels_menu a div:active {}
#channels_menu a div:hover { background-color: #94958e;}

#channels_menu a #link0:link {}
#channels_menu a #link0:visited {}
#channels_menu a #link0:active {}
#channels_menu a #link0:hover { background:none; background-image: url(../images/link0_on.png);}

#channels_menu a #link9:link {}
#channels_menu a #link9:visited {}
#channels_menu a #link9:active {}
#channels_menu a #link9:hover { background:none; background-image: url(../images/link7_on.png);}

/*
#write_us
{
	width: 159px;
	height: 191px;
	clear:both;
	float: right;
	
	margin: -200px -205px 0 0;
	background: url(../images/write.png);
	z-index: 2;
	position: relative;
	padding: 0 0 0 0;
}
*/




#write_us .text
{
	width: 136px;
	height: 120px;
	margin: 41px 17px 0 7px;
	font-size: 0.9em;
}

#write_us .link
{
	width: 130px;
	
	margin: 0 12px 0 0;
	
}

#write_us .text a
{
	color: #000000;
}

#write_us .link img
{
	float: left;
}

#write_us .text span
{
	font-size: 0.8em;
}

a div:link {text-decoration: none}
a div:visited {text-decoration: none}
a div:active {text-decoration: none}
a div:hover {text-decoration: underline;}

a:link {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}
a:hover {text-decoration: underline;}

.round_corner
{

	float: left;
	width: 35px;
	height: 35px;
		background: url(../images/round_corner.png) no-repeat left top;
		

}






#bottom_pages  .fw
{
	
	background: #febd01 url('../../kidsnews/images/fw.png') no-repeat left top; 

}

#bottom_pages  .back
{
	
	background:  url('../../kidsnews/images/back.png') no-repeat right top; /* #febd01 */
	
}