/* LWVNM style sheet for Printout:
** lwvnmPrint.css
**  09.19.2013
**
** This attempts to duplicate the look and function of the current LWVNM.ORG website,
** which looks pretty good, in my opinion. (And I'm a notable redesign crank.)
**
** Main colors:
**   background: cornsilk  #fff8dc
**   font color: black     #000000
**   header color: black   #000000
**   except for h2, which is blue  #0000ff
** Fonts used: (defaults - try these)
**   body:    Times, "Palatino Linotype", serif
**   headers: Verdana, Helvetica, sans serif: BOLD
*/

body { 
    letter-spacing: 1pt; }
 /*   
    background: #fff8dc;
	color: #000000;
	min-width: 800px;
	padding: 8px;
	font-family: Times, "Palatino Linotype", serif;
*/
	
#header { background: #fff8dc;
    color: #0000ff;
    padding: 8px;
    }
    #header p { font-size: 80%;
    font-style: oblique;
    text-align: right;
    }
    #header h1 { font-size: 25px;
    color: #0000ff;
    z-index: 1;
    }
    #header h2 { font-size: 20px;
    color: #0000ff;
    z-index: 2;
    }
    #header img { z-index: 9; }
#banner { width: 350px;
	float: left;
	margin: 0;
	z-index: 10;
	}

#leftcolumn { 
    display: none;  }
    /*  width: 21%;
	float: left;
	border-right: 5px solid #003366;
	padding: 8px;
	margin: 0;
	font-size: 80%;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;  */

	/*
	#leftcolumn a:link { text-decoration: none; }
	#leftcolumn a:visited { text-decoration: none; }
	#leftcolumn a:focus { text-decoration: underline; }
	#leftcolumn a:hover { text-decoration: underline; }
	#leftcolumn a:active { text-decoration: underline; }
	*/

img { border-width: 0; }

ul.navlist { display: none; }
ul.subnavlist { display: none; }

/*
ul.navlist { list-style: none inside;
	margin-left: 25px;
	padding: 0;
	}
ul.subnavlist { list-style: none inside;
	margin-left: 15px;
	padding: 0;
	font-size: 80%;
	}
li.navlist { list-style-type: none;
	display: block;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 90%;
	}
ul.blank { list-style: none outside;
	margin: 0;
	padding: 10px;
	}
*/
/* More list-type classes 
** note that IE doesn't support "upper/lower-latin" and requires "upper/lower-alpha" instead
**
*/

.capA { list-style-type: upper-latin; 
	list-style-type: upper-alpha; }
.smallA { list-style-type: lower-latin; 
	list-style-type: lower-alpha;  }		
.decimal { list-style-type: decimal; }	
.square { list-style-type: square; }

#rightcolumn { margin: 0 0 0 0; }/* decrease right margin from 25% to 0 */
/*	padding-left: 10px; */

	
#footer { margin: 25px 0 10px 0;
	border-top: 2px solid #003366;
	font-size: 75%;
	font-style: oblique;
	font-family: Verdana, Helvetica, sans-serif;
	}

h1, h2, h3, h4, h5, h6 { 
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	margin: 10px 0 0 0;
	}
h1, h2, h3, h4, h5, h6  { color: #0000ff;
	background: #fff8dc; }


u { text-decoration: underline; }
.alert { color: #ff0000;  /* Red letters */
	font-weight: bold;
	font-size: 120%;
	}
.subtitle { font-size: 75%;
	font-style: oblique;
	font-weight: normal;
	}
.synopsis { font-size: 80%;
    font-style: italic;
    font-weight: normal;
    }
.announceBlue, .announceGreen, .announceRed, .announceWhite, .announceViolet { 
    min-width: 500px;
	border-style: double;
	border-color: #000000;
  	border-width: 1px 5px 7px 1px; 
	padding: 5px;
	margin: 10px 0 10px 0;
	}
	.announceBlue { background: #b0e0e6;  }  /* powderblue */ 
	.announceGreen { background: #98fb98; }   /* palegreen */
	.announceRed { background: #ff6666;       /*  */
		color: #ffffff;
		}
	.announceWhite { background: #ffffff; }
	.announceViolet { background: #ffccff; }
  

.float-left { float: left; 
   margin: 5px 10px 5px 0; 
   }
.float-right { float: right; 
   margin: 5px 5px 5px 0; 
   }
   
.clear-left { clear: left; }
.clear-right { clear: right; }

.align-right { text-align: right; }
.align-left { text-align: left; }
.align-center { text-align: center; }

.icon { border: 0;
	vertical-align: text-bottom;
	margin: 0 5px;
	}

table { border: thin solid #000000;
	width: 96%;
	margin: auto;
	border-collapse: collapse;
	background: #ffffff;    /* white */
	}
	caption { font-size: 150%;
		color: #0000ff;
		font-family: Verdana, Helvetica, sans-serif;
		font-weight: bold;
		text-align: left;
		}
	table th { background-color: #dddddd;   /* grrey */
		text-align: center;
		font-size: 110%;
		border: thin solid #000000;
		padding: 3px 0;
		}
	table td { background-color: #ffffff;  /* white */
		text-align: left;
		font-size: 90%;
		border: thin solid #000000;
		padding: 2px 6px;
		}
		
table.invisible { border-width: 0;
	color: #000000;
	background: #fff8dc;
	float: left;
	margin: 0;
	}
	table.invisible caption { font-size: 120%;
		color: #0000ff;
		font-family: Verdana, Helvetica, sans-serif;
		font-weight: bold;
		text-align: left;
		margin: 10px 0;
		}
	table.invisible th { 
		color: #000000;
		background: #fff8dc;
		text-align: center;
		font-size: 100%;
		border-width: 0;
		padding: 3px 0;
		}
	table.invisible td { 
		text-align: left;
		font-size: 100%;
		color: #000000;
		background: #fff8dc;
		border-width: 0;
		padding: 2px 6px;
		}
		
table.bills { border-width: 0;
	background: #fff8dc;
	color: #000000;
	margin: 10px 0 0 15px;
	border-collapse: collapse;
	empty-cells: hide;
	}
	table.bills th { color: #0000ff;
		background: #dddddd;
		text-align: left;
		font-family: Verdana, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 120%;
		border: 2px solid #000000;
		padding: 8px 6px;
		}

	table.bills td {
/*		color: #000000;   */
		background: #fff8dc; 
		font-size: 100%;
		text-align: left;
		vertical-align: top;
		border: 0;
		border-bottom: 2px dotted #333333;
		padding: 4px 6px;
		}

		