/*-----------------------------------------------------------------------*/
/* FONT-SIZE DEFINITIONS                                                 */
/*-----------------------------------------------------------------------*/
/* Relative font-sizes in "em" are used where necessary. To make the     */
/* "em"-units normed, the incoming font sizes are set to 1.0 em. The     */
/* font-size variations throughout the webpage are then expressed in     */
/* percentage values respective to the incoming font-size. To make       */
/* calculations easier, the font definition in the css-class "body" is   */
/* 62.5%, which gives 1.0em = 10px This makes life a real breeze!        */
/*-----------------------------------------------------------------------*/

/* Comments for individual lines are found to the right of the respective row */




/********** INDEX ***************/



/*** SECTION 1 - MAIN BODY ***/

         /* Section 1.2- Links*/
         /*section 1.3 - text */


/*** SECTION 2 - HEADER  ***/

/*** SECTION 3 - DATE and QUOTE ***/

/*** SECTION 4 - TOP NAVIGATION ***/

/*** SECTION 5 - BUFFER ***/

/*** SECTION 6  - TOP NEWS and POLL WATCH ***/

/*** SECTION 7  - CONTAINERTHRCOL -DIVIDING THE WHOLE PAGE-CONTAINER IN 3 PARTS - 2 LARGER EQUAL ONES AND 1 NARROWER SIDE BAR ON RIGHT ***/

/*** SECTION 8  - CONTAINERTWOCOL -DIVIDING THE WHOLE PAGE-CONTAINER IN 2 EQUAL PARTS ***/

/*** SECTION 9  - CONTAINER FOR GOODART AND STAR COMMENT ***/

/*** SECTION 10  - CONTAINERTHREECOL-LINKS -DIVIDING THE WHOLE PAGE-CONTAINER IN 3 EQUAL PARTS FOR LINKS ***/

/*** SECTION 11 - FOOTER ***/

/*** SECTION 12 - IMAGES ***/
    /* Section 12.1-Method 2 (new)Image replacement-greyscale becomes color on hover*/
    /* Section 12.2-Method 1 (old)Image replacement-greyscale becomes color on hover*/
    /* Section 12.3- other styles for images*/


/*** SECTION 13 - OTHER STYLES for all pages ***/

/*** SECTION 14 - ARCHIVES PAGE ***/
     /* Section 14.1 - archives navigation */
	 /* Section 14.2 - archive navigation 2 */
     /* Section 14.3 - archive navigation monthly */	 
     /* Section 14.4  - pollwatch for archives page*/
     /*  Section 14.5  - IMG REPLACE method 2  for the supportLNC page*/

	 
/*** SECTION 15  - SUPPORT LNC PAGE ***/

/*** SECTION 15  - STAR COMMENTARY PAGE ***/

/*** SECTION 17 - BUFFER-BOTTOM  ***/










/*************************/
/* SECTION 1 - MAIN BODY */
/*************************/

/*------------------------------------*/
/* Section 1.1 - */
/*------------------------------------*/

html {background: #FFFFFF;
}

body {
	margin: 0em auto;
	padding: 0px;
	font-family: "Bitstream Vera", Georgia,verdana,serif;
	font-size: 62.5%;
	
	color : #000000;
	
}
.page-container {
	width: 954px;
	margin: 0px auto;
	margin-bottom: 10px;
	padding: 0px 0px 0px 0px;
	background-color: rgb(255,255,255);
	border: 1px solid #CCC;
}


/*------------------------------------*/
/* Section 1.2- Links*/
/*------------------------------------*/





a {
	color: #000;
	text-decoration: none;
}




a:hover {
background-color: #000000; color: #FFFFFF;
 text-decoration: none;
 background-color: none;
}




 a.selected {background-color: #666666; color: #FFFFFF;
 text-decoration: underline;

}


a:active
{
	background-color: #999;
	color: #333;
	text-decoration: none;
	text-align: center;

}


h1 a, h2 a, h3 a, h4 a, h5 a {color: #000000;
 text-decoration: none;}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{
background-color: #333;
 color: #ffffff;
 text-decoration: none;

}

h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active
{
	background-color: #333;
	color: #FFF;
	text-decoration: underline;

}


h1 a.selected, h2 a.selected, h3 a.selected2, h4 a.selected , h5 a.selected {background-color: #FFFFFF; color: #b4b4b4;
 text-decoration: underline;

}


.background-gray-medium {
	background-color: #CCC;	
	
	
}


.topnewsbox4 h1 a, .topnewsbox4 h2 a, .topnewsbox4 h3 a, .topnewsbox4 h4 a, .topnewsbox4 h5 a {
	color: #FFF;
	text-decoration: none;
}


.topnewsbox4 h1 a:hover, .topnewsbox4 h2 a:hover, .topnewsbox4 h3 a:hover, .topnewsbox4 h4 a:hover, .topnewsbox4 h5 a:hover{
	background-color: #CCC;
	color: #000;
	text-decoration: none;
}



/*---------------------*/
/*section 1.3 - text */
/*---------------------*/





h1, h2, h3, h4 , h5 , h6 {
font-family:  Georgia, "Times New Roman";

}


h1 {
	clear: left;
	margin: 0em 0px 0.1em 0px;
	font-weight: bold;
	font-size: 250%;
	letter-spacing: 0px;
}
 
 
h2 {clear: left; margin: 1.0em 0px 0.1em 0px; font-weight: bold; font-size: 200%;}


h3 {
	clear: left;
	margin: 0em 0px 0.1em 0px;
	font-weight: bold;
	font-size: 180%;

}

h4 {
	clear: left;
	margin:0.2em 0px 0.2em 0px;
	font-weight: bold;
	font-size: 150%;
}
h5 {clear: left; margin: 0px; font-weight: bold; font-size: 130%;}
h6 {clear: left; margin: 0px;	font-weight: bold; font-style: normal; font-size: 110%;}






/**********************/
/* SECTION 2 - HEADER  */
/**********************/

/*------------------------------------*/
/* Section 2.1 - Header-div-top */
/*------------------------------------*/

.header-div-top {
	width: 954px;
	margin: 0px 0px 0px 0px;   
	padding: 0px;
}



 
.header-box-middle {
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;      /* contains reason freedom capitalism good art image logo */
    width:954px;
	border: 0px;
	text-align: center;
}






/*------------------------------------*/
/* Section 2.2 - Header-div-bottom */
/*------------------------------------*/




.header-div-bottom {
	width: 954px;
	margin: 0px;
	padding: 0px;
	background-color: rgb(255,255,255);	
	
}



.header-content-left{
	float:left;
	width:145px;
	border: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
}

.header-image {
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px;
    width:640px;
	border: 0px;
}


.header-content-right{
	float:right;
	width:145px;
	border: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
}


/**********************/
/* SECTION 3 - DATE and QUOTE */
/**********************/

	

.date-quote {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:954px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	text-align: center;
	font-size: 150%;
	font-weight: bold;
}


.quote-left {
	font-size:0.8em;
	float:left;
	border: 0px;
	font-weight: normal;
	width:257px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 3px;
}

.date {
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 3px 0px;
    width:300px;
	border: 0px;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
}


.quote-right {
	font-size:0.8em;
	float:right;
	border: 0px;
	font-weight: normal;
	width:257px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 10px;
}



/**********************/
/* SECTION 4 - TOP NAVIGATION */
/**********************/


.nav-main-top {
	float:left;
	width: 954px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	min-height: 2em;
	line-height: 2em;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	
	
}
	
		
.nav-main-top ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 50px;
	font-weight: bold;
	
	
}	
.nav-main-top li {float: left; white-space: nowrap; background-color: inherit;}
.nav-main-top li a {
	margin: 0px;
	border-right: solid 1px rgb(255,255,255);
	color: #000000;
	text-decoration: none;
	font-size: 105%;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	
}
.nav-main-top a:hover, .nav-main-top a.selected {background-color: #333333; color: rgb(255,255,255); text-decoration: none; }

* html .nav-main-top {height: 2.0em;} /* IE6-Hack for min-height. Works also for IE7-Beta2 */ 


	
/**********************/
/* SECTION 5 - BUFFER */
/**********************/
.buffer {
    float:left;
    height:10px;
    margin:0px;
    padding:0px 0px 10px;
    width:954px;
}



/**********************/
/* SECTION 5 - ADS HORIZONTAL LONG */
/**********************/
.ads-horz {
	float:left;
	margin:0px;
	padding:0px 0px 10px;
	width:954px;
	text-align: center;
}



/*----------------------------------------------------------------------------------------*/
/* SHOULD BE SECTION 6 BUT - MAIN CONTAINER for all content */
/*-------------------------------------------------------------------------------------------*/	



  .main-container {
   
    width:954px;
}
  
 


/**********************/
/* SECTION 6  - TOP NEWS and POLL WATCH */
/**********************/


.topnews {
	width:922px;
	float:left;
	border: 1px solid #CCC;
	margin:0px 10px 10px 10px;
	padding:0.7em 5px 0px;
	border: 1px solid #CCC;
	font-weight: bold;
}


.topnews-container p {
	font-size: 1.2em;
	font-weight: normal;	
	}

/**********************/
/* Section 6.1  - top news headline container */
/**********************/


.topnews-container {
	width:705px;
	padding-bottom: 5px;
	float: left;
	margin-bottom: 5px;
	padding-left: 5px;
}


.topnews-container h1,.topnews-container h2,.topnews-container h3,.topnews-container h4,.topnews-container h5,.topnews-container h6 {
	margin-bottom: 10px;	
	
	
}


.topnews-container p {
	font-weight: normal;	
}


.pollwatch h5 {
	text-align:left
 	
	
	}

/**********************/
/* Section 6.1.1  - image styling for top news headline container */
/**********************/

.topnews img  

{
	float:left;
	margin: 5px 10px 5px 10px;
}




/**********************/
/* Section 6.2  - top news boxes container */
/**********************/


.topnewsboxes-container {
	width:920px;
	float: left;
	
}



.quotepick {
	border: 1px solid #CCC;
	padding: 5px;
	margin-left: 5px;
	margin-right: 5px;
	font-weight: normal;
	font-size: 1.1em;	
	}
	
	

	
	
.topnewsbox1

{
	width:211px;
	float:left;
	border: 1px solid #CCC;
	margin:5px 5px 5px 5px;
	padding:5px 2px 5px 5px;
	border: 1px solid #CCC;
	font-size: 1.1em;
	height: 100px;
	background-color: #CCC;
}


.topnewsbox2

{
	width:211px;
	float:left;
	border: 1px solid #CCC;
	margin:5px 5px 5px 5px;
	padding:5px 2px 5px 5px;
	border: 1px solid #CCC;
	font-size: 1.1em;
	height: 100px;
	background-color: #F4F4F4;
}


.topnewsbox3

{
	width:208px;
	float:left;
	border: 1px solid #CCC;
	margin:5px 5px 5px 5px;
	padding:5px 2px 5px 5px;
	border: 1px solid #CCC;
	font-size: 1.1em;
	height: 100px;
	background-color: #F4F4F4;
}



.topnewsbox4

{
	width:211px;
	float:left;
	border: 1px solid #CCC;
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
	border: 1px solid #CCC;
	font-size: 1em;
	height: 100px;
	background-color: #9A9B9C;
	color: #FFF;
}



/**********************/
/* Section 6.3  - pollwatch */
/**********************/


.pollwatch {
	width: 190px;
	float: right;
	padding: 8px;
	border-width: 0px 0px 0px 1px;
	border-style:solid;
	border-color: #CCC;
	font-size: 110%;
	line-height: 1.4em;
	margin-bottom: 5px;
	margin-top: 5px;
	color: #333;
	font-weight: normal;
}


.pollwatch ul {
	list-style: none;
	
	text-align:center;
	
	margin-bottom: 0px;
}


.pollwatch ul li {
	list-style: none;
	margin-left: 0px;
	text-align:left;
	padding: 0px;

}


.pollwatch-title {
	font-size: 1.1em;
	
	 
	}


/**********************/
/* SECTION 7  - CONTAINERTHRCOL -DIVIDING THE WHOLE PAGE-CONTAINER IN 3 PARTS - 2 LARGER EQUAL ONES AND 1 NARROWER SIDE BAR ON RIGHT */
/**********************/

 .containerthrcol {
   
    width:954px;
}


/**********************/
/* Section 7.1  - thrdwide-left */
/**********************/

.thrdwide-left {
	float:left;
	margin:0px 0px 10px 10px;
	padding:0.7em 0px 0px 0px;
	width:340px;
	border: 1px solid #CCC;
	
}


.india {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 5px 5px 10px;
	width:323px;
	border: 0px;
	font-size: 1.3em;
	
}


/**********************/
/* Section 7.2  - thrdwide-middle */
/**********************/

.thrdwide-middle {
    
    float:left;
    margin:0px 0px 10px 10px;
    padding:0.7em 0px 0px;
    width:340px;
	border: 1px solid #CCC;
	
}



.world {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 5px 5px 10px;
	width:323px;
	border: 0px;
	font-size: 1.3em;
	
}





/**********************/
/* Section 7.3  - sidebar-right */
/**********************/


.sidebar-right {
    
    float:right;
    margin:0px 10px 10px 0px;
    padding:0.7em 0px 0px;
    width:230px;
	border: 1px solid #CCC;
	font-size:1.1em;
}


.sidebar-right-box {
	margin:0px 5px 10px 5px;
	padding:0px 9px 5px 9px;
	width:200px;
	border: 1px solid #CCC;
	float: left;
	font-size: 110%;
	
}


.sidebar-right-box-title {
	margin:5px 5px 3px 5px;
	padding:0px 0px 0px 0px;
	width:196px;
	border: 0px;
	font-size:0.8em;

	
		
}



/**********************/
/* SECTION 8  - CONTAINERTWOCOL -DIVIDING THE WHOLE PAGE-CONTAINER IN 2 EQUAL PARTS */
/**********************/




.containertwocol {
	width:922px;
	float:left;
	border: 1px solid #CCC;
	margin:10px 10px 10px 10px;
	padding:0.7em 5px 0px;
	border: 1px solid #CCC;
	
}



.half-left {
	float:left;
	margin:0px 0px 10px 10px;
	padding:5px 5px 5px 10px;
	width:430px;
	border: 1px solid #CCC;
	font-size: 1.3em;
}



.half-right {
	float:right;
	margin:0px 10px 10px 0px;
	padding:5px 5px 5px 10px;
	width:430px;
	border: 1px solid #CCC;
	font-size: 1.3em;
	
}



/**********************/
/* SECTION 9  - CONTAINER FOR GOODART AND STAR COMMENT */
/**********************/

.containermainartfuel {
	width:954px;
}


.comment {
	float:left;
	margin:0px 0px 0px 10px;
	padding:2px 10px 2px 10px;
	width:517px;
	border: 1px solid #C0C0C0;
	font-size: 115%;
}


.artfuel {
    
    float:right;
    margin:0px 10px 0px 10px;
    padding:2px 5px 2px 5px;
    width:370px;
	border: 2px solid #C0C0C0;
	text-align: center;
}








/**********************/
/* SECTION 10  - CONTAINERTHREECOL-LINKS -DIVIDING THE WHOLE PAGE-CONTAINER IN 3 EQUAL PARTS FOR LINKS */
/**********************/




.containerthreecol-links {
	width:922px;
	float:left;
	border: 1px solid #CCC;
	margin:10px 10px 10px 10px;
	padding:0.7em 5px 0px;
	border: 1px solid #CCC;
	font-size: 1.2em;
	line-height: 0.9em;
	
}



.fifth-leftest {
	float:left;
	margin:5px 0px 10px 10px;
	padding:5px 5px 0px 10px;
	width:155px;
	border: 1px solid #CCC;
}



.fifth-left {
	float:left;
	margin:5px 0px 10px 10px;
	padding:5px 5px 0px 10px;
	width:155px;
	border: 1px solid #CCC;
}



.fifth-middle {
	float:left;
	margin:5px 0px 10px 10px;
	padding:5px 5px 0px 10px;
	width:157px;
	border: 1px solid #CCC;
}


.fifth-right {
	float:right;
	margin:5px 10px 10px 0px;
	padding:5px 5px 0px 10px;
	width:155px;
	border: 1px solid #CCC;
	
}


.fifth-rightest {
	float:right;
	margin:5px 10px 10px 0px;
	padding:5px 5px 0px 10px;
	width:155px;
	border: 1px solid #CCC;
	
}





/**********************/
/* SECTION 11 - FOOTER */
/**********************/
.footer {
    background-color:rgb(255,255,255);
    border-top:1px solid #CCC;
    clear:both;
    color:#000000;    
    margin:0px 0px 3px 0px;
    padding:0.5em 0px;
    width:954px;
		
}

.footer p {
text-align: center;
}

.imgfooter { opacity:0;               /*Firefox & Chrome*/
	filter:alpha(opacity=0);   /* IE */
       filter: Gray;
}







/*---------------------*/
/* SECTION 12 - IMAGES */
/*---------------------*/

/*------------------------------------*/
/* Section 12.1-Method 2 (new)Image replacement-greyscale becomes color on hover*/
/*------------------------------------*/




/* put image div #mnu1 mnu2 etc in this div to have text below and above the image */
/* for a 160px image */
.mnuimg160 {
	padding: 5px;
	text-align: center;
	width: 198px;
	float: left;


}



/* image divs #mnu1 mnu2 etc each unique div for a different image */

    /* index*/
   /* 1 160px image1 float left*/
   /* 2 160px image2 float left*/
   /* 3 160px image3 float right*/
   /* 4 160px image3 float right*/
   /* 5 200px image1 float left*/
   /* 6 200px image1 float left*/   /* if reqd.*/   
   /* 7 250px image1 float left*/
   /* 8 300px top news image float right*/
   /* 9 80px image  for right sidebar donate box float left*/
   /* 10  80px image 1  float left */
   /* 11 80px image 2  float right */
   /* 12 80px image 3 float right */
   /* 13 80px image 4 float left */
   
   /* add more such divs if reqd. each with a unique name */
   
   
   
/* 1*/
/* 160px image1 float left*/



/* get rid of the bullets and margin */

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


/*  make the list horizontal */

#mnu160img1 li {float:left;}


/*  Adding the initial images */

#mnu160img1 li.lst160img1 {background:transparent url(../images/2009_dec/160px_sheila_dixit_grumpy_arc.jpg);}



/* General link styling */ 

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


#mnu160img1 a {display:block; width:160px; height:0; padding-top:171px; 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 #mnu160img1 a:link, * html #mnu160img1 a:visited {height:171px; he\ight:0;}


/* Step 7 - Separating the images */

#mnu160img1 li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnu160img1 a#itm160img1 {background:transparent url(../images/2009_dec/160px_sheila_dixit_grumpy.jpg) -160px -90px no-repeat;}



/* Adding the :hover style */

#mnu160img1 a#itm160img1:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnu160img1 a:hover {height:171px; 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 */
#mnu160img1 {
	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 */

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


/*  make the list horizontal */

#mnu160img2 li {float:left;}


/*  Adding the initial images */

#mnu160img2 li.lst160img2 {background:transparent url(../images/template/img160px_2_arc.jpg);}



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

#mnu160img2 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 #mnu160img2 a:link, * html #mnu160img2 a:visited {height:111px; he\ight:0;}


/* Step 7 - Separating the images */

#mnu160img2 li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnu160img2 a#itm160img2 {background:transparent url(../images/template/img160px_2.jpg) -160px -90px no-repeat;}



/* Adding the :hover style */

#mnu160img2 a#itm160img2:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnu160img2 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 */

#mnu160img2 {
	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 */

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


/*  make the list horizontal */

#mnu160img3 li {float:left;}


/*  Adding the initial images */

#mnu160img3 li.lst160img3 {background:transparent url(../images/template/img160px_3_arc.jpg);}



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

#mnu160img3 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 #mnu160img3 a:link, * html #mnu160img3 a:visited {height:107px; he\ight:0;}


/* Step 7 - Separating the images */

#mnu160img3 li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnu160img3 a#itm160img3 {background:transparent url(../images/template/img160px_3.jpg) -160px -90px no-repeat;}



/* Adding the :hover style */

#mnu160img3 a#itm160img3:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnu160img3 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 */

#mnu160img3 {
	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 */

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


/*  make the list horizontal */

#mnu160img4 li {float:left;}


/*  Adding the initial images */

#mnu160img4 li.lst160img4 {background:transparent url(../images/template/img160px_4_arc.jpg);}



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

#mnu160img4 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 #mnu160img4 a:link, * html #mnu160img4 a:visited {height:107px; he\ight:0;}


/* Step 7 - Separating the images */

#mnu160img4 li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnu160img4 a#itm160img4 {background:transparent url(../images/template/img160px_4.jpg) -160px -90px no-repeat;}



/* Adding the :hover style */

#mnu160img4 a#itm160img4:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnu160img4 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 */

#mnu160img4 {
	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 */

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


/*  make the list horizontal */

#mnu200img1 li {float:left;}


/*  Adding the initial images */

#mnu200img1 li.lst200img1 {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*/

#mnu200img1 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 #mnu200img1 a:link, * html #mnu200img1 a:visited {height:150px; he\ight:0;}


/* Step 7 - Separating the images */

#mnu200img1 li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnu200img1 a#itm200img1 {background:transparent url(../images/2009_dec/img200px_bob_hawke_birthday_bikini.jpg) -200px -200px no-repeat;}



/* Adding the :hover style */

#mnu200img1 a#itm200img1:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnu200img1 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 */

#mnu200img1 {
	display:block;
	width:210px;
	
	margin: 5px 5px 0px 5px;
	padding: 5px;
	float: left;
}








/* 6*/

/* 200px image2 float left*/

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


/* get rid of the bullets and margin */

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


/*  make the list horizontal */

#mnu200img2 li {float:left;}


/*  Adding the initial images */

#mnu200img2 li.lst200img2 {background:transparent url(../images/template/img200px_1_arc.jpg);}



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

#mnu200img2 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 #mnu200img2 a:link, * html #mnu200img2 a:visited {height:187px; he\ight:0;}


/* Step 7 - Separating the images */

#mnu200img2 li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnu200img2 a#itm200img2 {background:transparent url(../images/template/img200px_1.jpg) -200px -200px no-repeat;}



/* Adding the :hover style */

#mnu200img2 a#itm200img2:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnu200img2 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 */

#mnu200img2 {
	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 */

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


/*  make the list horizontal */

#mnu250img1 li {float:left;}


/*  Adding the initial images */

#mnu250img1 li.lst250img1 {background:transparent url(../images/template/img250px_1_arc.jpg);}



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

#mnu250img1 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 #mnu250img1 a:link, * html #mnu250img1 a:visited {height:186px; he\ight:0;}


/* Step 7 - Separating the images */

#mnu250img1 li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnu250img1 a#itm250img1 {background:transparent url(../images/template/img250px_1.jpg) -270px -250px no-repeat;}



/* Adding the :hover style */

#mnu250img1 a#itm250img1:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnu250img1 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 */

#mnu250img1 {
	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 */

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


/*  make the list horizontal */

#mnutopnewsimg li {float:left;}


/*  Adding the initial images */

#mnutopnewsimg li.lsttopnewsimg {background:transparent url(../images/2009_dec/300px_polar_bear_phil_jones_arc.jpg);}



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

#mnutopnewsimg a {display:block; width:300px; height:0; padding-top:350px; 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 #mnutopnewsimg a:link, * html #mnutopnewsimg a:visited {height:350px; he\ight:0;}


/* Step 7 - Separating the images */

#mnutopnewsimg li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnutopnewsimg a#itmtopnewsimg {background:transparent url(../images/2009_dec/300px_polar_bear_phil_jones.jpg) -300px -250px no-repeat;}



/* Adding the :hover style */

#mnutopnewsimg a#itmtopnewsimg:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnutopnewsimg a:hover {height:350px; 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 */

#mnutopnewsimg {
	display:block;
	width:310px;
	
	margin: 5px 5px 0px 5px;
	padding: 5px;
	float: right;
}







/* 9*/

/* 80px image  for right sidebar donate box float left*/




/* get rid of the bullets and margin */

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


/*  make the list horizontal */

#mnudonate80px li {float:left;}


/*  Adding the initial images */

#mnudonate80px li.lstdonate80px {background:transparent url(../images/template/donate_img80px_1_arc.jpg);}



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

#mnudonate80px 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 #mnudonate80px a:link, * html #mnudonate80px a:visited {height:186px; he\ight:0;}


/* Step 7 - Separating the images */

#mnudonate80px li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnudonate80px a#itmdonate80px {background:transparent url(../images/template/donate_img80px_1.jpg) -90px -110px no-repeat;}



/* Adding the :hover style */

#mnudonate80px a#itmdonate80px:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnudonate80px 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 */

#mnudonate80px {
	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 */

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


/*  make the list horizontal */

#mnu80img1 li {float:left;}


/*  Adding the initial images */

#mnu80img1 li.lst80img1 {background:transparent url(../images/template/img80px_obama_mad_magazine_arc.jpg);}



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

#mnu80img1 a {display:block; width:80px; height:0; padding-top:103px; 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 #mnu80img1 a:link, * html #mnu80img1 a:visited {height:103px; he\ight:0;}


/* Step 7 - Separating the images */

#mnu80img1 li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnu80img1 a#itm80img1 {background:transparent url(../images/template/img80px_obama_mad_magazine.jpg) -90px -110px no-repeat;}



/* Adding the :hover style */

#mnu80img1 a#itm80img1:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnu80img1 a:hover {height:103px; 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 */

#mnu80img1 {
	display:block;
	width:90px;
	
	margin: 5px 5px 0px 5px;
	padding: 5px;
	float: left;
}




/* 11*/

/* 80px image 2  float left*/




/* get rid of the bullets and margin */

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


/*  make the list horizontal */

#mnu80img2 li {float:left;}


/*  Adding the initial images */

#mnu80img2 li.lst80img2 {background:transparent url(../images/template/img80px_2_arc.jpg);}



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

#mnu80img2 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 #mnu80img2 a:link, * html #mnu80img2 a:visited {height:104px; he\ight:0;}


/* Step 7 - Separating the images */

#mnu80img2 li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnu80img2 a#itm80img2 {background:transparent url(../images/template/img80px_2.jpg) -90px -110px no-repeat;}



/* Adding the :hover style */

#mnu80img2 a#itm80img2:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnu80img2 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 */

#mnu80img2 {
	display:block;
	width:90px;
	margin: 5px 5px 0px 5px;
	padding: 5px;
	float: right;
}




/* 12*/

/* 80px image 3 float left*/




/* get rid of the bullets and margin */

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


/*  make the list horizontal */

#mnu80img3 li {float:left;}


/*  Adding the initial images */

#mnu80img3 li.lst80img3 {background:transparent url(../images/template/img80px_3_arc.jpg);}



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

#mnu80img3 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 #mnu80img3 a:link, * html #mnu80img3 a:visited {height:92px; he\ight:0;}


/* Step 7 - Separating the images */

#mnu80img3 li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnu80img3 a#itm80img3 {background:transparent url(../images/template/img80px_3.jpg) -90px -110px no-repeat;}



/* Adding the :hover style */

#mnu80img3 a#itm80img3:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnu80img3 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 */

#mnu80img3 {
	display:block;
	width:90px;
	margin: 5px 5px 0px 5px;
	padding: 5px;
	float: right;
}




/* 13*/

/* 80px image 4 float left*/




/* get rid of the bullets and margin */

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


/*  make the list horizontal */

#mnu80img4 li {float:left;}


/*  Adding the initial images */

#mnu80img4 li.lst80img4 {background:transparent url(../images/template/img80px_4_arc.jpg);}



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

#mnu80img4 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 #mnu80img4 a:link, * html #mnu80img4 a:visited {height:107px; he\ight:0;}


/* Step 7 - Separating the images */

#mnu80img4 li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnu80img4 a#itm80img4 {background:transparent url(../images/template/img80px_4.jpg) -90px -110px no-repeat;}



/* Adding the :hover style */

#mnu80img4 a#itm80img4:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnu80img4 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 */

#mnu80img4 {
	display:block;
	width:90px;
	
	margin: 5px 5px 0px 5px;
	padding: 5px;
	float: left;
}












/*------------------------------------*/
/* Section 12.2-Method 1 (old)Image replacement-greyscale becomes color on hover*/
/*------------------------------------*/



/*------------------------------------*/
/* Section 12.2.1-Image floating left*/
/*------------------------------------*/




.thumbnail-left {
position: relative;
z-index: 0;
border: none;
float: left; 
    margin: 4px;
}


.thumbnail-left{
position: relative;
z-index: 0;
border: none;
}


.thumbnail-left:hover{
background-color: transparent;
z-index: 50;
border: none;
}

.thumbnail-left span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 0px;
left: -1000px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail-left span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail-left:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */

}
.thumbnail-left img{
border: none;
}

/*------------------------------------*/
/* Section 12.2.2-Image floating right*/
/*------------------------------------*/



.thumbnail-right {
position: relative;
z-index: 0;
border: none;
float: right; 
    margin: 4px;
}


.thumbnail-right{
position: relative;
z-index: 0;
border: none;
}


.thumbnail-right:hover{
background-color: transparent;
z-index: 50;
border: none;
}

.thumbnail-right span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 0px;
left: -1000px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail-right span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail-right:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */

}
.thumbnail-right img{
border: none;
}




/*------------------------------------*/
/* Section 12.3- other styles for images*/
/*------------------------------------*/
}


/*------------------------------------*/
/* Section 12.3.1- div for for aligning any image at center*/
/*------------------------------------*/
}
.img-align-center{
	
	text-align: center;
	float: left;
	clear: both;
	width: 190px;	
	border: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	
}







/*---------------------*/
/* SECTION 13 - OTHER STYLES for all pages*/
/*---------------------*/



.bg-black {background-color: #0d0d0d;
color:rgb(255,255,255);
padding:0px 2px 0px 2px;
}

a:hover.bg-black {
	color: #000;
	background-color: #CCC;
}

.bg-gray {
	background-color: #999;
	color:rgb(255,255,255);
	padding:0px 2px 0px 2px;
}

.bg-gray2 {
	background-color: #DDD;

	color:#666;
	padding:0px 2px 0px 2px;
}



.bg-gray3 {
	background-color: #7A7A7A;
	color:rgb(255,255,255);
	padding:0px 2px 0px 2px;
}

.bold {font-weight: bold; font-style: normal; font-size:90%;}






.article-title {
	font-weight: bold;
	font-size: 0.95em;
	
}


.mediasite-title {
	color: #666;
	font-variant: small-caps;
}


.mediasite-title2 {
	font-variant: small-caps;
	
}



.author {
	font-style: italic;
	color: #666;
}

.author-article {
	color: #333;
	font-style: italic;
}




.color-gray {
	color: #999;	
}

.ads1 {
	float: left;
	font-size: 0.8em;
	width: 125px;
	margin-right: 5px;
	
	
	}
	
	
	
/*------------------------------------------------------------------------------------*/
/* SECTION  - FOR OTHER THAN MAIN PAGE */
/*----------------------------------------------------------------------------------------*/

/*------------------------------------*/
/* SECTION 14 - ARCHIVES PAGE */
/*------------------------------------*/



/*------------------------------------*/
/* Section 14.1 - archives navigation */
/*------------------------------------*/


.archnav-main h3 {
	text-align: center;	
	
	
}



.archnav-main ul {
	text-align: center;
	
	
}



	
	



/* link styles for the menu */
#archnav-main :link, #archnav-main :visited {
	text-decoration: none;
}




#archnav-main ul :link:hover,
#archnav-main ul :visited:hover {
	color: #FFF;
	background-color: #333;	
	
}





/* menu styling */
#archnav-main {
	position: relative;
	margin: 1em;
	padding: 0;
	left: 0;
	right: 0;
	height:2.5em;
	font-size: 180%;
		
 
}

/* remove defaults on ul and li */
#archnav-main li {
	display: inline;
	
}
#archnav-main ul, #archnav-main li { margin: 0; padding: 0; }

/* position these to pop up in the right place */
#archnav-main a, #archnav-main li ul {
	position: absolute;
	color: #333;
}

/* top level menu styles */
#archnav-main a {
  z-index: 2;

  /* decoration */
 
  width: 7em;
  font-weight: bolder;
  text-align: center;
}



/* second level menus need to be reset to defaults */
#archnav-main ul a {
  position: static;
  z-index: auto;

  /* undo decoration */
  border: 0;
  width: auto;
  font-weight: inherit;
  text-align: inherit;
}




/* second level menus get positioned below the top level */
#archnav-main li ul {
	display: none;
	top: 1.5em;
	left: 0;
	bottom: 0;
	right: 0;
	line-height: 1.8em; /* fudge height for a better look */
	background: #ddd;
	font-weight: bold;  
}


/* style second level menus for months not available */
.notthere {
	color: #999;	
	
	 
}


/* top level menu link gets inverted  */
#archnav-main li:hover a {
	color: #FFF;
	background: black;
}

/* undo second level menu links */
#archnav-main li:hover ul a {
  color: black;
  background: transparent;
  
}

/* position top level menu items */
#year2009 { left: .5em; }
#year2010 { left: 7em; }
#year2011 { left:  13.5em; }




/* second-level menus display on hover */
#archnav-main li:hover ul {
	display: block;
	z-index: 1;
	font-size: 70%;  
}

/* second-level menu items get displayed linearly */
#archnav-main li:hover ul li {
  display: inline;
  padding: 0 .5em;
}





/*------------------------------------*/
/* Section 14.2 - archive navigation 2 */
/*------------------------------------*/


/* link styles for the menu */
#archnav-main2 :link, #archnav-main2 :visited {
	text-decoration: none;
}




#archnav-main2 ul :link:hover,
#archnav-main2 ul :visited:hover {
	color: #FFF;
	background-color: #333;	
	
}





/* menu styling */
#archnav-main2 {
	position: relative;
	margin: 1em;
	padding: 0;
	left: 0;
	right: 0;
	height:5.5em;
	font-size: 130%;
	
 
}

/* remove defaults on ul and li */
#archnav-main2 li { display: inline; }
#archnav-main2 ul, #archnav-main2 li { margin: 0; padding: 0; }

/* position these to pop up in the right place */
#archnav-main2 a, #archnav-main2 li ul { position: absolute; }

/* top level menu styles */
#archnav-main2 a {
  z-index: 2;

  /* decoration */
 
  width: 14em;
  font-weight: bolder;
  text-align: center;
}



/* second level menus need to be reset to defaults */
#archnav-main2 ul a {
  position: static;
  z-index: auto;

  /* undo decoration */
  border: 0;
  width: auto;
  font-weight: inherit;
  text-align: inherit;
}




/* second level menus get positioned below the top level */
#archnav-main2 li ul {
	display: none;
	top: 1em;
	left: 0;
	bottom: 0;
	right: 0;
	line-height: 1.8em; /* fudge height for a better look */
	background: #ddd;
	font-weight: bold;
	
}



	
	 



/* top level menu link gets inverted  */
#archnav-main2 li:hover a {
  color: white;
  background: black;
}

/* undo second level menu links */
#archnav-main2 li:hover ul a {
  color: black;
  background: transparent;
  
}



/* position top level menu items */
#starcommentary { left: 2.5em; }
#goodart { left: 18em; }


	

/* second-level menus display on hover */
#archnav-main2 li:hover ul {
	display: block;
	z-index: 1;
	font-size: 100%;  
}

/* second-level menu items get displayed linearly */
#archnav-main2 li:hover ul li {
  display: inline;
  padding: 0 .5em;
}


/*------------------------------------*/
/* Section 14.3 - archive navigation monthly */
/*------------------------------------*/
.archnav-month {
	float:left;
	width: 954px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	min-height: 2em;
	line-height: 2em;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	
	
}
	
		
.archnav-month ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 100px;
	font-weight: bold;
	font-size: 1.1em;
}	




.archnav-month li {float: left; white-space: nowrap; background-color: inherit;}

.archnav-month li a {
	margin: 0px;
	border-right: solid 1px rgb(255,255,255);
	color: #000000;
	text-decoration: none;
	font-size: 105%;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	
}
.archnav-month a:hover, .archnav-month a.selected {background-color: #333333; color: rgb(255,255,255); text-decoration: none; }

* html .archnav-month {height: 2.0em;} /* IE6-Hack for min-height. Works also for IE7-Beta2 */ 

.archnav-month h4{
	text-align: center;	
}







.archnav-main2 h3 {
	text-align: center;	
	
	
}



.archnav-main2 ul {
	text-align: center;
	
	
}







.full-archive {
	padding-left: 800px;
	margin-bottom: 5px;
	
		
	}
	
	
	
	
	
	.quotepick-arch {
	border: 1px solid #CCC;
	padding: 5px;
	margin-left: 5px;
	margin-right: 5px;
	font-weight: normal;
	font-size: 1.1em;
	margin-bottom: 5px;
	}
	

/*------------------------------------*/
/* Section 14.4  - pollwatch for archives page*/
/*------------------------------------*/
.pollwatch-archive {
	list-style: none;
	margin-bottom: 10px;
	font-size: 0.9em;
}



.date-bold {
	font-weight: bold;	
	
}

/*------------------------------------*/
/*  Section 14.5  - IMG REPLACE method 2  for the supportLNC page*/
/*------------------------------------*/

.mnu-buyartimg160-left {
	padding: 5px;
	text-align: center;
	width: 198px;


}


.mnu-buyartimg160-middle {
	padding: 5px 5px 5px 5px;
	text-align: center;
	width: 198px;


}


.mnu-buyartimg160-right {
	padding: 5px;
	text-align: center;
	width: 198px;


}








/* 1*/
/* 160px image 1 float left*/



/* get rid of the bullets and margin */

#mnu-buyart160img1 ul {margin:0; padding:0; list-style-type:none;}


/*  make the list horizontal */

#mnu-buyart160img1 li {float:left;}


/*  Adding the initial images */

#mnu-buyart160img1 li.lst-buyart160img1 {background:transparent url(../images/template/buyart1_160px_arc.jpg);}



/* General link styling */ 

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


#mnu-buyart160img1 a {display:block; width:160px; height:0; padding-top:120px; 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 #mnu-buyart160img1 a:link, * html #mnu-buyart160img1 a:visited {height:120px; he\ight:0;}


/* Step 7 - Separating the images */

#mnu-buyart160img1 li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnu-buyart160img1 a#itm-buyart160img1 {background:transparent url(../images/template/buyart1_160px.jpg) -160px -90px no-repeat;}



/* Adding the :hover style */

#mnu-buyart160img1 a#itm-buyart160img1:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnu-buyart160img1 a:hover {height:120px; 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 */
#mnu-buyart160img1 {
	display:block;
	width:170px;
	margin: 5px 0px 5px 15px;
	padding: 5px;
	float: left;
}





/* 2*/
/* 160px image 2 float left*/



/* get rid of the bullets and margin */

#mnu-buyart160img2 ul {margin:0; padding:0; list-style-type:none;}


/*  make the list horizontal */

#mnu-buyart160img2 li {float:left;}


/*  Adding the initial images */

#mnu-buyart160img2 li.lst-buyart160img2 {background:transparent url(../images/template/buyart2_160px_arc.jpg);}



/* General link styling */ 

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


#mnu-buyart160img2 a {display:block; width:160px; height:0; padding-top:120px; 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 #mnu-buyart160img2 a:link, * html #mnu-buyart160img2 a:visited {height:120px; he\ight:0;}


/* Step 7 - Separating the images */

#mnu-buyart160img2 li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnu-buyart160img2 a#itm-buyart160img2 {background:transparent url(../images/template/buyart2_160px.jpg) -160px -90px no-repeat;}



/* Adding the :hover style */

#mnu-buyart160img2 a#itm-buyart160img2:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnu-buyart160img2 a:hover {height:120px; 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 */
#mnu-buyart160img2 {
	display:block;
	width:170px;
	margin: 5px 0px 5px 15px;
	padding: 5px;
	float: left;
}






/* 3*/
/* 160px image 3 float left*/



/* get rid of the bullets and margin */

#mnu-buyart160img3 ul {margin:0; padding:0; list-style-type:none;}


/*  make the list horizontal */

#mnu-buyart160img3 li {float:left;}


/*  Adding the initial images */

#mnu-buyart160img3 li.lst-buyart160img3 {background:transparent url(../images/template/buyart3_160px_arc.jpg);}



/* General link styling */ 

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


#mnu-buyart160img3 a {display:block; width:160px; height:0; padding-top:120px; 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 #mnu-buyart160img3 a:link, * html #mnu-buyart160img3 a:visited {height:120px; he\ight:0;}


/* Step 7 - Separating the images */

#mnu-buyart160img3 li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnu-buyart160img3 a#itm-buyart160img3 {background:transparent url(../images/template/buyart3_160px.jpg) -160px -90px no-repeat;}



/* Adding the :hover style */

#mnu-buyart160img3 a#itm-buyart160img3:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnu-buyart160img3 a:hover {height:120px; 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 */
#mnu-buyart160img3 {
	display:block;
	width:170px;
	margin: 5px 0px 5px 15px;
	padding: 5px;
	float: left;
}






/**********************/
/* SECTION 15  - SUPPORT LNC PAGE*/
/**********************/

.support {
	float:left;
	width: 914px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	min-height: 2em;
	line-height: 2em;
	margin: 0px;
	padding: 5px 20px 20px 20px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	font-size: 1.3em;
	
	
}


.support-art-outer {
	width: 900px;
	float: left;
	text-align: center;
	margin-right: 20px;
	
	
}







.support-art1 {
	width: 249px;
	float: left;
	text-align: center;
	padding-left: 50px;
	
	
}






.support-art2 {
	width: 249px;
	float: right;
	text-align: center;
	padding-left: 50px;
	
	
}






.support-art3 {
	width: 249px;
	float: right;
	text-align: center;
	padding-left: 50px;
	
	
}




/*  Section 15.1  - IMG REPLACE method 2  for the supportLNC page*/



#buyart160img2 ul{
list-style-type:none; /*remove bullets*/
}
#buyart160img2 li.list-buyart-160img2{
display:inline; /*fix IE whitespace in lists bug*/
}
#buyart160img2 li.list-buyart-160img2 a:link, li.list-buyart-160img2 a:visited{
display:block; /*allows anchor to take width and height*/
width:160px; /*equal to image width*/
height:120px;/*equal to image height*/
background:url(../images/template/buyart2_160px_arc.jpg) 0 0 no-repeat; /*the image*/
text-indent:-3000px; /*moves text out of the way*/
overflow:hidden;
text-decoration:none;
}
#buyart160img2 li.list-buyart-160img2 a:link:hover, li.list-buyart-160img2 a:visited:hover{
background:url(../images/template/buyart2_160px.jpg) 0 0 no-repeat; /*you can also swap the image on hover to get a rollover effect if desired*/
}







#buyart160img3 {
	margin:10px;
	padding:5px;
}



#buyart160img3 ul{
list-style-type:none; /*remove bullets*/
}
#buyart160img3 li.list-buyart-160img3{
display:inline; /*fix IE whitespace in lists bug*/
}
#buyart160img3 li.list-buyart-160img3 a:link, li.list-buyart-160img3 a:visited{
display:block; /*allows anchor to take width and height*/
width:160px; /*equal to image width*/
height:120px;/*equal to image height*/
background:url(../images/template/buyart3_160px_arc.jpg) 0 0 no-repeat; /*the image*/
text-indent:-3000px; /*moves text out of the way*/
overflow:hidden;
text-decoration:none;
}
#buyart160img3 li.list-buyart-160img3 a:link:hover, li.list-buyart-160img3 a:visited:hover{
background:url(../images/template/buyart3_160px.jpg) 0 0 no-repeat; /*you can also swap the image on hover to get a rollover effect if desired*/
}





/* Section 15.2 -paypalbtn*/




/* get rid of the bullets and margin */

#mnu-paypalbtn ul {margin:0; padding:0; list-style-type:none;}


/*  make the list horizontal */

#mnu-paypalbtn li {float:left;}


/*  Adding the initial images */

#mnu-paypalbtn li.lst-paypalbtn {background:transparent url(../images/template/btn_donate_LG_arc.gif);}



/* General link styling */ 

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


#mnu-paypalbtn a {display:block; width:92px; height:0; padding-top:26px; 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 #mnu-paypalbtn a:link, * html #mnu-paypalbtn a:visited {height:26px; he\ight:0;}


/* Step 7 - Separating the images */

#mnu-paypalbtn li {float:left; margin-right:1px;}



/* Adding the hover images */

#mnu-paypalbtn a#itm-paypalbtn {background:transparent url(../images/template/btn_donate_LG.gif) -160px -90px no-repeat;}



/* Adding the :hover style */

#mnu-paypalbtn a#itm-paypalbtn:hover {background-position:0 0; z-index:50;}

/*  IMP! height=height of image but seems to have no effect */
* html #mnu-paypalbtn a:hover {height:26px; 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 */
#mnu-paypalbtn {
	display:block;
	width:102px;
	margin: 5px 0px 5px 15px;
	padding: 5px;
	float: left;
}









/**********************/
/* SECTION 16 - STAR COMMENTARY  */
/**********************/	





.color-gray {
	color: #999;	
}




.archnav-month2 {
	float:left;
	width: 695px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	min-height: 2em;
	line-height: 2em;
	margin: 0px;
	padding: 0px 70px 0px 189px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	text-align: center;
	
	
}
	
		
.archnav-month2 ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 50px;
	font-weight: bold;
	font-size: 1.2em;	
}	




.archnav-month2 li {float: left; white-space: nowrap; background-color: inherit;}

.archnav-month2 li a {
	margin: 0px;
	border-right: solid 1px rgb(255,255,255);
	color: #000000;
	text-decoration: none;
	font-size: 105%;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	
}
.archnav-month2 a:hover, .archnav-month2 a.selected {background-color: #333333; color: rgb(255,255,255); text-decoration: none; }

* html .archnav-month2 {height: 2.0em;} /* IE6-Hack for min-height. Works also for IE7-Beta2 */ 

.archnav-month2 h4{
	text-align: center;	
}



/**********************/
/* SECTION 17 - BUFFER-BOTTOM  */
/**********************/	
.buffer-bottom {
	float:left;
	margin:0px;
	padding:0px 10px 10px;
	width:934px;
	text-align: right;
	font-size: 120%;
}


.highlighted {
	width: 400px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #CCC;
	padding: 5px;
	background-color: #EBEBEB;
	
	}