/*************************/
/* SECTION 1 - IMAGES */
/*************************/








/* NEW IMG REPLACE */
/* for placing images on the archives pages */
/* simply replace mnu, lst, itm of the lncportal_css.css with mnuarcharch, lstarch, itmarch */




/* put image div #mnuarch1 mnuarch2 etc in this div to have text below and above the image if reqd */
/* for 160px image */
.mnuarchimg160 {
	padding: 5px;
	text-align: center;
	width: 198px;
	float: left;


}



/* image divs #mnuarch1 mnuarch2 etc*/

   /* 1 160px image1 float left*/
   /* 2 160px image2 float left*/
   /* 3. 160px image3 float right*/
   /* 4. 160px image4 float left*/
   /* 5. 200px image1 float right*/
   /* 6. 200px image2 float right*/
   /* 7. 250px image1 float left*/
   /* 8. 300px top news image float right*/
   /* 9. 80px image 1  float left*/
   /* 10. 80px image 1  float left*/
   /* 11. 80px image 3 float left*/
   /* 12. 80px image 4 float left*/




/* 1*/
/* 160px image1 float left*/



/* get rid of the bullets and margin */

#mnuarch160img1-09dec ul {margin:0; padding:0; list-style-type:none;}


/*  make the list horizontal */

#mnuarch160img1-09dec li {float:left;}


/*  Adding the initial images */

#mnuarch160img1-09dec li.lstarch160img1-09dec {background:transparent url(../images/2009_dec/img160px_vishnu_som_ndtv_arc.jpg);}



/* General link styling */ 

/*  IMP! width=width of image  padding-top=height of image*/


#mnuarch160img1-09dec a {display:block; width:160px; height:0; padding-top:142px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */

/*  IMP! height=height of image but seems to have no effect */
* html #mnuarch160img1-09dec a:link, * html #mnuarch160img1-09dec a:visited {height:142px; he\ight:0;}


/* Step 7 - Separating the images */

#mnuarch160img1-09dec li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnuarch160img1-09dec a#itmarch160img1-09dec {background:transparent url(../images/2009_dec/img160px_vishnu_som_ndtv.jpg) -160px -90px no-repeat;}



/* Adding the :hover style */

#mnuarch160img1-09dec a#itmarch160img1-09dec:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnuarch160img1-09dec a:hover {height:142px; he\ight:0;}


/* Clearing the float */
/*  IMP! width=greater than that of image  height=height than that of image   height attribute can be deleted  height attribute can be used for having more white space below the image */
#mnuarch160img1-09dec {
	display:block;
	width:170px;
	margin: 5px 0px 5px 5px;
	padding: 5px;
	float: left;
}







/* 2*/

/* 160px image2 float left*/



/* get rid of the bullets and margin */

#mnuarch160img2-09dec ul {margin:0; padding:0; list-style-type:none;}


/*  make the list horizontal */

#mnuarch160img2-09dec li {float:left;}


/*  Adding the initial images */

#mnuarch160img2-09dec li.lstarch160img2-09dec {background:transparent url(../images/template/img160px_2_arc.jpg);}



/* General link styling */
/*  IMP! width=width of image  padding-top=height of image*/

#mnuarch160img2-09dec a {display:block; width:160px; height:0; padding-top:111px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */
/*  IMP! height=height of image but seems to have no effect */
* html #mnuarch160img2-09dec a:link, * html #mnuarch160img2-09dec a:visited {height:111px; he\ight:0;}


/* Step 7 - Separating the images */

#mnuarch160img2-09dec li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnuarch160img2-09dec a#itmarch160img2-09dec {background:transparent url(../images/template/img160px_2.jpg) -160px -90px no-repeat;}



/* Adding the :hover style */

#mnuarch160img2-09dec a#itmarch160img2-09dec:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnuarch160img2-09dec a:hover {height:111px; he\ight:0;}


/* Clearing the float */
/*  IMP! width=greater than that of image  height=height than that of image   height attribute can be deleted  height attribute can be used for having more white space below the image */

#mnuarch160img2-09dec {
	display:block;
	width:170px;
	height:130px;
	margin: 5px 0px 5px 5px;
	padding: 5px;
	float: left;
}











/* 3*/

/* 160px image3 float right*/



/* get rid of the bullets and margin */

#mnuarch160img3-09dec ul {margin:0; padding:0; list-style-type:none;}


/*  make the list horizontal */

#mnuarch160img3-09dec li {float:left;}


/*  Adding the initial images */

#mnuarch160img3-09dec li.lstarch160img3-09dec {background:transparent url(../images/template/img160px_3_arc.jpg);}



/* General link styling */
/*  IMP! width=width of image  padding-top=height of image*/

#mnuarch160img3-09dec a {display:block; width:160px; height:0; padding-top:107px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */
/*  IMP! height=height of image but seems to have no effect */
* html #mnuarch160img3-09dec a:link, * html #mnuarch160img3-09dec a:visited {height:107px; he\ight:0;}


/* Step 7 - Separating the images */

#mnuarch160img3-09dec li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnuarch160img3-09dec a#itmarch160img3-09dec {background:transparent url(../images/template/img160px_3.jpg) -160px -90px no-repeat;}



/* Adding the :hover style */

#mnuarch160img3-09dec a#itmarch160img3-09dec:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnuarch160img3-09dec a:hover {height:107px; he\ight:0;}


/* Clearing the float */
/*  IMP! width=greater than that of image  height=height than that of image   height attribute can be deleted  height attribute can be used for having more white space below the image */

#mnuarch160img3-09dec {
	display:block;
	width:170px;
	height:130px;
	margin: 5px 5px 0px 5px;
	padding: 5px;
	float: right;
}








/* 4*/

/* 160px image4 float left*/



/* get rid of the bullets and margin */

#mnuarch160img4-09dec ul {margin:0; padding:0; list-style-type:none;}


/*  make the list horizontal */

#mnuarch160img4-09dec li {float:left;}


/*  Adding the initial images */

#mnuarch160img4-09dec li.lstarch160img4-09dec {background:transparent url(../images/template/img160px_4_arc.jpg);}



/* General link styling */
/*  IMP! width=width of image  padding-top=height of image*/

#mnuarch160img4-09dec a {display:block; width:160px; height:0; padding-top:107px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */
/*  IMP! height=height of image but seems to have no effect */
* html #mnuarch160img4-09dec a:link, * html #mnuarch160img4-09dec a:visited {height:107px; he\ight:0;}


/* Step 7 - Separating the images */

#mnuarch160img4-09dec li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnuarch160img4-09dec a#itmarch160img4 {background:transparent url(../images/template/img160px_4.jpg) -160px -90px no-repeat;}



/* Adding the :hover style */

#mnuarch160img4-09dec a#itmarch160img4-09dec:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnuarch160img4-09dec a:hover {height:107px; he\ight:0;}


/* Clearing the float */
/*  IMP! width=greater than that of image  height=height than that of image   height attribute can be deleted  height attribute can be used for having more white space below the image */

#mnuarch160img4-09dec {
	display:block;
	width:170px;
	height:130px;
	margin: 5px 5px 0px 5px;
	padding: 5px;
	float: right;
}








/* 5*/

/* 200px image1 float right*/



/* get rid of the bullets and margin */

#mnuarch200img1-09dec ul {margin:0; padding:0; list-style-type:none;}


/*  make the list horizontal */

#mnuarch200img1-09dec li {float:left;}


/*  Adding the initial images */

#mnuarch200img1-09dec li.lstarch200img1-09dec {background:transparent url(../images/2009_dec/img200px_bob_hawke_birthday_bikini_arc.jpg);}



/* General link styling */
/*  IMP! width=width of image  padding-top=height of image*/

#mnuarch200img1-09dec a {display:block; width:200px; height:0; padding-top:150px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */
/*  IMP! height=height of image but seems to have no effect */
* html #mnuarch200img1-09dec a:link, * html #mnuarch200img1-09dec a:visited {height:150px; he\ight:0;}


/* Step 7 - Separating the images */

#mnuarch200img1-09dec li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnuarch200img1-09dec a#itmarch200img1-09dec {background:transparent url(../images/2009_dec/img200px_bob_hawke_birthday_bikini.jpg) -200px -200px no-repeat;}



/* Adding the :hover style */

#mnuarch200img1-09dec a#itmarch200img1-09dec:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnuarch200img1-09dec a:hover {height:150px; he\ight:0;}


/* Clearing the float */
/*  IMP! width=greater than that of image  height=height than that of image   height attribute can be deleted  height attribute can be used for having more white space below the image */

#mnuarch200img1-09dec {
	display:block;
	width:210px;
	
	margin: 5px 5px 0px 5px;
	padding: 5px;
	float: left;
}









/* 6*/

/* 200px image2 float right*/

/* use this if 2nd 200px image reqd */


/* get rid of the bullets and margin */

#mnuarch200img2-09dec ul {margin:0; padding:0; list-style-type:none;}


/*  make the list horizontal */

#mnuarch200img2-09dec li {float:left;}


/*  Adding the initial images */

#mnuarch200img2-09dec li.lstarch200img2-09dec {background:transparent url(../images/template/img200px_1_arc.jpg);}



/* General link styling */
/*  IMP! width=width of image  padding-top=height of image*/

#mnuarch200img2-09dec a {display:block; width:200px; height:0; padding-top:187px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */
/*  IMP! height=height of image but seems to have no effect */
* html #mnuarch200img2-09dec a:link, * html #mnuarch200img2-09dec a:visited {height:187px; he\ight:0;}


/* Step 7 - Separating the images */

#mnuarch200img2-09dec li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnuarch200img2-09dec a#itmarch200img2-09dec {background:transparent url(../images/template/img200px_1.jpg) -200px -200px no-repeat;}



/* Adding the :hover style */

#mnuarch200img2-09dec a#itmarch200img2-09dec:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnuarch200img2-09dec a:hover {height:187px; he\ight:0;}


/* Clearing the float */
/*  IMP! width=greater than that of image  height=height than that of image   height attribute can be deleted  height attribute can be used for having more white space below the image */

#mnuarch200img2-09dec {
	display:block;
	width:210px;
	
	margin: 5px 5px 0px 5px;
	padding: 5px;
	float: left;
}









/* 7*/

/* 250px image1 float left*/




/* get rid of the bullets and margin */

#mnuarch250img1-09dec ul {margin:0; padding:0; list-style-type:none;}


/*  make the list horizontal */

#mnuarch250img1-09dec li {float:left;}


/*  Adding the initial images */

#mnuarch250img1-09dec li.lstarch250img1-09dec {background:transparent url(../images/template/img250px_1_arc.jpg);}



/* General link styling */
/*  IMP! width=width of image  padding-top=height of image*/

#mnuarch250img1-09dec a {display:block; width:250px; height:0; padding-top:186px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */
/*  IMP! height=height of image but seems to have no effect */
* html #mnuarch250img1-09dec a:link, * html #mnuarch250img1-09dec a:visited {height:186px; he\ight:0;}


/* Step 7 - Separating the images */

#mnuarch250img1-09dec li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnuarch250img1-09dec a#itmarch250img1-09dec {background:transparent url(../images/template/img250px_1.jpg) -270px -250px no-repeat;}



/* Adding the :hover style */

#mnuarch250img1-09dec a#itmarch250img1-09dec:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnuarch250img1-09dec a:hover {height:186px; he\ight:0;}


/* Clearing the float */
/*  IMP! width=greater than that of image  height=height than that of image   height attribute can be deleted  height attribute can be used for having more white space below the image */

#mnuarch250img1-09dec {
	display:block;
	width:260px;
	
	margin: 5px 5px 0px 5px;
	padding: 5px;
	float: left;
}







/* 8*/

/* 300px top news image float right*/




/* get rid of the bullets and margin */

#mnuarchtopnewsimg1-09dec ul {margin:0; padding:0; list-style-type:none;}


/*  make the list horizontal */

#mnuarchtopnewsimg1-09dec li {float:left;}


/*  Adding the initial images */

#mnuarchtopnewsimg1-09dec li.lstarchtopnewsimg1-09dec {
	background-color: transparent;
	background-image: url(../images/template/topews_300px_arc.jpg);
}



/* General link styling */
/*  IMP! width=width of image  padding-top=height of image*/

#mnuarchtopnewsimg1-09dec a {display:block; width:300px; height:0; padding-top:200px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */
/*  IMP! height=height of image but seems to have no effect */
* html #mnuarchtopnewsimg1-09dec a:link, * html #mnuarchtopnewsimg1-09dec a:visited {height:200px; he\ight:0;}


/* Step 7 - Separating the images */

#mnuarchtopnewsimg1-09dec li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnuarchtopnewsimg1-09dec a#itmarchtopnewsimg1-09dec {background:transparent url(../images/template/topews_300px.jpg) -270px -250px no-repeat;}



/* Adding the :hover style */

#mnuarchtopnewsimg1-09dec a#itmarchtopnewsimg1-09dec:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnuarchtopnewsimg1-09dec a:hover {height:200px; he\ight:0;}


/* Clearing the float */
/*  IMP! width=greater than that of image  height=height than that of image   height attribute can be deleted  height attribute can be used for having more white space below the image */

#mnuarchtopnewsimg1-09dec {
	display:block;
	width:310px;
	
	margin: 5px 5px 0px 5px;
	padding: 5px;
	float: right;
}








/* 9*/

/* 80px image 1  float left*/




/* get rid of the bullets and margin */

#mnuarch80img1-09dec ul {margin:0; padding:0; list-style-type:none;}


/*  make the list horizontal */

#mnuarch80img1-09dec li {float:left;}


/*  Adding the initial images */

#mnuarch80img1-09dec li.lstarch80img1-09dec {
	background-color: transparent;
	background-image: url(../images/template/img80px_obama_mad_magazine_arc.jpg);
}



/* General link styling */
/*  IMP! width=width of image  padding-top=height of image*/

#mnuarch80img1-09dec a {display:block; width:80px; height:0; padding-top:108px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */
/*  IMP! height=height of image but seems to have no effect */
* html #mnuarch80img1-09dec a:link, * html #mnuarch80img1-09dec a:visited {height:108px; he\ight:0;}


/* Step 7 - Separating the images */

#mnuarch80img1-09dec li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnuarch80img1-09dec a#itmarch80img1-09dec {background:transparent url(../images/template/img80px_1.jpg) -90px -110px no-repeat;}



/* Adding the :hover style */

#mnuarch80img1-09dec a#itmarch80img1-09dec:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnuarch80img1-09dec a:hover {height:108px; he\ight:0;}


/* Clearing the float */
/*  IMP! width=greater than that of image  height=height than that of image   height attribute can be deleted  height attribute can be used for having more white space below the image */

#mnuarch80img1-09dec {
	display:block;
	width:90px;
	
	margin: 5px 5px 0px 5px;
	padding: 5px;
	float: left;
}




/* 10*/

/* 80px image 1  float left*/




/* get rid of the bullets and margin */

#mnuarch80img2-09dec ul {margin:0; padding:0; list-style-type:none;}


/*  make the list horizontal */

#mnuarch80img2-09dec li {float:left;}


/*  Adding the initial images */

#mnuarch80img2-09dec li.lstarch80img2-09dec {background:transparent url(../images/template/img80px_2_arc.jpg);}



/* General link styling */
/*  IMP! width=width of image  padding-top=height of image*/

#mnuarch80img2-09dec a {display:block; width:80px; height:0; padding-top:104px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */
/*  IMP! height=height of image but seems to have no effect */
* html #mnuarch80img2-09dec a:link, * html #mnuarch80img2-09dec a:visited {height:104px; he\ight:0;}


/* Step 7 - Separating the images */

#mnuarch80img2-09dec li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnuarch80img2-09dec a#itmarch80img2-09dec {background:transparent url(../images/template/img80px_2.jpg) -90px -110px no-repeat;}



/* Adding the :hover style */

#mnuarch80img2-09dec a#itmarch80img2-09dec:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnuarch80img2-09dec a:hover {height:104px; he\ight:0;}


/* Clearing the float */
/*  IMP! width=greater than that of image  height=height than that of image   height attribute can be deleted  height attribute can be used for having more white space below the image */

#mnuarch80img2-09dec {
	display:block;
	width:90px;
	margin: 5px 5px 0px 5px;
	padding: 5px;
	float: right;
}




/* 11*/

/* 80px image 3 float left*/




/* get rid of the bullets and margin */

#mnuarch80img3-09dec ul {margin:0; padding:0; list-style-type:none;}


/*  make the list horizontal */

#mnuarch80img3-09dec li {float:left;}


/*  Adding the initial images */

#mnuarch80img3-09dec li.lstarch80img3-09dec {background:transparent url(../images/template/img80px_3_arc.jpg);}



/* General link styling */
/*  IMP! width=width of image  padding-top=height of image*/

#mnuarch80img3-09dec a {display:block; width:80px; height:0; padding-top:92px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */
/*  IMP! height=height of image but seems to have no effect */
* html #mnuarch80img3-09dec a:link, * html #mnuarch80img3-09dec a:visited {height:92px; he\ight:0;}


/* Step 7 - Separating the images */

#mnuarch80img3-09dec li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnuarch80img3-09dec a#itmarch80img3-09dec {background:transparent url(../images/template/img80px_3.jpg) -90px -110px no-repeat;}



/* Adding the :hover style */

#mnuarch80img3-09dec a#itmarch80img3-09dec:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnuarch80img3-09dec a:hover {height:92px; he\ight:0;}


/* Clearing the float */
/*  IMP! width=greater than that of image  height=height than that of image   height attribute can be deleted  height attribute can be used for having more white space below the image */

#mnuarch80img3-09dec {
	display:block;
	width:90px;
	margin: 5px 5px 0px 5px;
	padding: 5px;
	float: right;
}




/* 12*/

/* 80px image 4 float left*/




/* get rid of the bullets and margin */

#mnuarch80img4-09dec ul {margin:0; padding:0; list-style-type:none;}


/*  make the list horizontal */

#mnuarch80img4-09dec li {float:left;}


/*  Adding the initial images */

#mnuarch80img4-09dec li.lstarch80img4-09dec {background:transparent url(../images/template/img80px_4_arc.jpg);}



/* General link styling */
/*  IMP! width=width of image  padding-top=height of image*/

#mnuarch80img4-09dec a {display:block; width:80px; height:0; padding-top:107px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */
/*  IMP! height=height of image but seems to have no effect */
* html #mnuarch80img4-09dec a:link, * html #mnuarch80img4-09dec a:visited {height:107px; he\ight:0;}


/* Step 7 - Separating the images */

#mnuarch80img4-09dec li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnuarch80img4-09dec a#itmarch80img4-09dec {background:transparent url(../images/template/img80px_4.jpg) -90px -110px no-repeat;}



/* Adding the :hover style */

#mnuarch80img4-09dec a#itmarch80img4-09dec:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnuarch80img4-09dec a:hover {height:107px; he\ight:0;}



/* Clearing the float */
/*  IMP! width=greater than that of image  height=height than that of image   height attribute can be deleted  height attribute can be used for having more white space below the image */

#mnuarch80img4-09dec {
	display:block;
	width:90px;
	
	margin: 5px 5px 0px 5px;
	padding: 5px;
	float: left;
}