@font-face {
	font-family: ScaryOff;
	src: url("Haunting Attraction.ttf");
}
/*
	src: url("Spiders.ttf");
	src: url("Zombie_Holocaust.ttf");
	src: url("Nemo Nightmares.ttf");
*/

A:visited {
	color: Blue;
	font-weight: Bold;
}

A.new {
	background-color: Yellow;
	color: Red;
}

BODY {
	background-color: White;
}

CAPTION {
	background-color: Navy;
	border: Double Yellow 4px;
	color: White;
	font-size: 14pt;
	padding: 1em;
}

CAPTION, .TableCaption {
	background-color: Orange;
	font-size: 200%;
}

DIV {
	font-family: Arial,Sans-Serif;
}

HR {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}

HR.section {
    border-style: inset;
    border-width: 1em;
	color: Orange;
}

.legend {
	display: Inline;
	float: Right;
}

.stage {
	background-color: LightYellow;

	display: Inline;
	float: Right;
}

.stage4 {
	background-color: Black;
	display: Inline;
	float: Right;
	width: 16px;
}

.stage3 {
	background-color: Red;
	display: Inline;
	float: Right;
	width: 12px;
}

.stage2 {
	background-color: Orange;
	display: Inline;
	float: Right;
	width: 8px;
}

.stage1 {
	background-color: Green;
	display: Inline;
	float: Right;
	width: 4px;
}

DD {
	padding-bottom: 1em;
}

DL {
	margin-left: 2em;
	margin-right: 5em;
}

DT {
	color: AntiqueWhite;
	font-size: 12pt;
	font-weight: Bold;
	padding: 5px;
	text-decoration: Underline;
}

DT.auto {
	color: Black;
	font-size: 10pt;
	font-weight: Bold;
	padding: 5px;
	text-decoration: None;
}

DT.dem {
	background-color: Blue;
}

DT.ds {
	background-color: Purple;
}

DT.rep {
	background-color: Red;
}

DL.Contact {
	background-color: LightYellow;
	border: Double Brown 4px;
	color: Black;"
	content: initial;
	margin-left: 2em;
/*	margin-right: 5em;*/
}

DL.Contact, DT {
	color: Navy;
	font-weight: Bold;
	margin-left: 2em;
/*	margin-right: 5em;*/
}

DL.Contact, DD {
	color: Black;
	margin-left: 4em;
/*	margin-right: 5em;*/
}

H1 {
	font-family: Scary, "Comic Sans MS";
	font-size: 24pt;
	margin-bottom: 1em;
	margin-top: 1em;
	text-align: Center;
}
H2 {
	font-size: 14pt;
	margin-bottom: 1em;
	margin-top: 2em;
	text-align: Center;
}

H3 {
	font-size: 12pt;
	font-weight: Bold;
	margin-bottom: 1em;
	margin-top: 1em;
}

H3 {
	font-weight: Bold;
	text-align: Center;
}

LI {
	list-style-type: None;
	margin-bottom: 0.5em;
}

OL.ordered {
	content: initial;
	list-style: decimal;
}

OL.ordered LI {
	list-style: decimal;
	list-style-type: inherit;
}

LI.ordered {
	list-style-type: decimal;
	margin-bottom: 0.5em;
}

UL.box {
	list-style-type: square;
}


UL.icon {
	list-style: none;
}

UL.icon LI {
	text-indent: -16px;
}

UL.icon LI {
	/*font-family: bullets;*/
	content: "\e9633";
	/*float: left;
	width: 1.4em;*/
}
/*UL.icon LI:before { content: "\e9633"; padding-right: 8px; }*/
UL.icon LI:before { content: "\e0040"; padding-right: 8px; }

LI.checkbox {
	padding-left: 16px;
}

LI.checkbox:before {
	content: 	/*large white square */
	padding-right: 8px;
	color: blue;
}

TD {
	vertical-align: Top;
}

UL.bullets, LI.bullets {
	list-style-type: square;
	margin-bottom: 0.5em;
}

P {
	margin-bottom: 1em;
}

.AlertBox {
	background-color: Yellow;
	border: dashed black 0.25em;
	padding: 0.5em;
}

PRE {
	font-family: Arial,Sans-Serif;
/*	font-size: 10pt;*/
	font-size: 100%;
}

PRE.columns {
	font-family: Monospace;
	line-height: 1.5;
}

PRE.wrap {
	font-family: Arial,Sans-Serif;
	font-size: 100%;
	white-space: pre;
}

zOL {
	display: initial; /*auto;*/
}
zLI {
	margin-bottom: 1em;
	list-style-position: inside;
	list-style-type: decimal;
}

.Answer {
	color: Purple;
	font-size: Large;
	font-weight: Bold;
}

.CallToAction {
	background: Yellow;
	border: double red 4px;
	color: Red;
	font-size: 20pt;
	font-weight: Bold;
	padding: 5px 10px;
	text-align: Center;
}

.Question {
	color: Blue;
	font-size: Large;
	font-weight: Bold;
	float: Left;
}

.Update {
	color: Green;
	font-size: Small;
	font-weight: Bold;
	float: Right;
}

.banner {
	background-color: LightYellow;
	border: Solid Navy 0.25em;
	font-family: Scary, Garamond;
	font-size: 28pt;
	padding: 0.5em;
	width: 60%;
}

.tag {
/*	background-color: Navy;*/
	border: Double Navy 4px;
	color: Navy;
	font-family: Scary, Garamond;
	font-size: 12pt;
	padding: 0.5em;
	width: 55%;
}

.body_block {
	background-color: LightGray;
	font-family: Arial,Sans-Serif;
	font-size: 10pt;
	padding: 1em;
	text-align: Left;
	width: 85%;
}

.body_block576 {
	background-color: LightGray;
	font-family: Arial,Sans-Serif;
	font-size: 10pt;
	padding: 1em;
	text-align: Left;
	width: 576px;
}

.body_indent {
	font-family: Arial,Sans-Serif;
	font-size: 10pt;
	margin: 2em 10em;
}

.body_medium {
	font-size: 125%;
}

.body_medium_block {
	margin: 2em 10em;
}

.body_narrow {
	font-family: Tahoma;
	font-size: 10pt;
	margin: 2em 20em;
}

.BodySection {
	font-size: 110%;
	font-weight: Normal;
	margin: 2em 10em;
}

.body_small {
	font-size: 85%;
}

.bullet {
	list-style-type: None;
	margin-bottom: 0;
	margin-left: 0.5in;
	text-indent: -0.25in;
}

.callout {
	background-color: Orange;
	border: dashed blue 4px;
	font-size: 14pt;
	margin: 0em 2em;
	padding: 4px;
}

.co {
	background-color: AntiqueWhite;
	border: double navy 4px;
	float: right;
	font-size: 14pt;
	margin: 0.5em;
	padding: 4px;
	width: 25%;
}

.halloween {
	background-color: Orange;
	font-family: ScaryOff;
}

.Grayed {
	color: Silver;
}

.hide {
	display: None;
	color: White;
	font-size: 10pt;
}

.hideroll {
	display: None;
	color: White;
	font-size: 0pt;
	visibility: Hiddenl
}

.highlight, .hl {
	background-color: Yellow;
	color: Red;
	font-weight: Bold;
}

.level0 {
	margin-left: 0.5in;
	text-indent: -0.25in;
}

.level1 {
	margin-left: 0.75in;
	text-indent: -0.25in;
}

.level2 {
	margin-left: 1.0in;
	text-indent: -0.25in;
}

.level3 {
	margin-left: 1.25in;
	text-indent: -0.25in;
}

.LinkBlock {
	color: Purple;
}

.LinkBlock:visited {
	color: Purple;
}

.LinkLocal {
	color: Green;
}

.LinkLocal:visited {
	color: Green;
}

.marquee {
	border: solid black 1px;
	font-family: Verdana;
	height: 22px;
	margin-bottom: 0.5em;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 75%;
}

.marquee span {
	white-space: nowrap;
}


.menu {
	background-color: LightBlue;
	font-family: Scary, "Comic Sans MS";
	font-size: 14pt;
	padding: 5px;
	text-align: Center;
	width: 75%;
}

.menu_member {
	background-color: White;
	border: Maroon Double 5px;

	color: Red;
	font-family: Scary, "Georgia";
	font-size: 14pt;
	padding: 5px;
	text-align: Center;
	width: 75%;
}

.promo_box {
	background-color: LightCyan;
	border: Dashed Navy 3px;
	padding: 0.5em;
}

.promo_title {
	background-color: Navy;
	color: White;
	font-size: XX-Large;
	text-align: Center;
}

.smaller {
	font-size: 75%;
}

.warn {
	color: Red;
	font-weight: Bold;
}

#hover {
	border: solid 1px #CCC;
	padding: 5px;
	position: absolute;
	visibility: hidden;
}

/*<a href="#">Required text<img src="image url" /></a> Use CSS code */

A img {
	display: None;
}

A:hover IMG {
	display: Block;
}

.section {
	background-color: Gold;

	color: Navy;
	font-size: 120%;
	font-weight: Bold;
	padding: 3px;
	text-align: Left;
}

INPUT, SELECT, TEXTAREA {
	border: Silver Thin Solid;
	font-family: inherit;

	font-size: inherit;
}
/*
INPUT[type="checkbox"] {
	border: Silver Thin Solid;
}
*/
INPUT.xCheckBox, INPUT.xRadio {
	border: Silver Thin Solid;
}

INPUT.submit {
	font-size: 110%;
	font-weight: Bold;
}

TD.election {
	background-color: Black;
	color: White;
	font-weight: Bold;
}

TD.label {
	font-weight: Bold;
	text-align: Right;
}

TD.labelreq {
	color: Maroon;
	font-weight: Bold;
	text-align: Right;
}

TD.help, .help_form {
	color: Gray;
	font-style: Italic;
}

.SmallFont {
	font-size: X-Small;
}

.nb {
	background-color: Yellow;
	color: Red;
	font-size: 105%;
	font-weight: Bold;
	padding: 3px;
}

/*
	These classes are used on the yes campaing pages.
*/
H2.TitleSection {
	color: Navy;
	font-size: Large;
	margin-bottom: 1em;
	margin-top: 2em;
	text-align: Center;
	text-decoration: Underline;
}

S {
	color: Red;
}

.yesbond {
	font-size: 12pt;
}

.yescollege {
	font-size: 16pt;
}

.yestag {
	font-size: 14pt;
}

.yestax {
	color: Red;
	font-size: 24pt;
}

.TableHead {
	text-decoration: Underline;
}

.TableGrandTotal {
	background-color: Yellow;
	color: Navy;
	font-weight: Bold;
}

.TableInstruction {
	background-color: Yellow;
	font-size: 80%;
}

.TableNormal {
	font-family: Tahoma;
	font-size: 90%;
}

.TableRow {
	background-color: LightYellow;
}

.TableRowAlt {
	background-color: LightBlue;
}

.TableRowGray {
	background-color: White;
	color: Gray;
}

.TableRowRed {
	background-color: Red;
}

.TableRowLightGreen {
	background-color: LightGreen;
}

.TableRowLightYellow {
	background-color: LightYellow;
}

/*	bold and underlined.	*/
.bu {
	font-weight: Bold;
	text-decoration: Underline;
}

/*	centered and bold.	*/
.cb {
	font-weight: Bold;
	text-align: Center;
}

/*	Analysis. */
.as {
	background-color: Yellow;
	border: Thin Dashed Black;
	color: Brown;
	margin: 1em 3em;
	padding: 1em;
}

/*	Editor's note. */
.ed {
	background-color: LightGray;
	border: Thin Dashed Black;
	color: Black;
	margin: 1em 3em;
	padding: 1em;
}

/*	Member's only material. */
.mo {
	background-color: LightGreen;
	/*border: Thin Dashed Black;*/
	color: ForestGreen;
	/*margin: 1em 3em;*/
	padding: 4px 1em;
}

DIV.voteyes {
	border: double ForestGreen 4px;
	margin: 2em 10em;
	padding: 1em;
}

P.voteyes {
	color: Black;
/*	font-family: Georgia,serif;*/
	font-size: 125%;
	line-height: 1.25;
	text-align: Left;
}

.body_left {
	border: solid black thin;
	float: left;
	height: 25em;
	padding: 1em;
	width: 15em;
}

.body_right {
	border: solid red thin;
	float: right;
	padding: 1em;
	width: 35em;
}

.byline {
	font-size: 9pt;
	font-style: Italic;
}

.dateline {
	font-size: 9pt;
	font-style: Italic;
}

SUP {
	color: Black;
	font-size: 55%;
}

.b {
	font-weight: Bold;
}

.c {
	text-align: Center;
}

.d {
	text-decoration: Underline;
/*	text-decoration-style: Double; */
}

.i {
	font-style: Italic;
}

.m {
	margin-left: 5em;
	margin-right: 5em;
}

.n {
	color: Black;
	font-style: Normal;
	font-weight: Normal;
}

.u {
	text-decoration: Underline;
}

.w {
	white-space: pre;
}

.hide {
	display: none;
}

.fn {
	font-size: 80%;
	margin-left: 0.5in;
	text-indent: -0.2in;
}

.fnsep {
	border-top: solid black thin;
}

.q {
	background-color: AntiqueWhite;
	font-size: 80%;
	margin: 0 2em;
	padding: 1em;
}

.lg {
	font-size: 150%;	
}

/* Make text smaller. */
.sm {
	font-size: Small;	
}

/*	Used for co class to make in flow with the text. */
.in {
	float: none;
	margin: 1em 4em;
	width: auto;
}

.body_display {
	font-family: Tahoma,Arial,sans-serif;
	font-size: 110%;

	line-height: 1.5;
	margin: 5em 10em;
}

ABBR {
	background-color: LightYellow;
	color: MidnightBlue;
}

.border {
	border: Solid Black Thin;
	padding: 0.5em;
}

/*****	BEGIN classes for gen-prop-39-list.cfm *****/
.plus {
	color: Navy;
	font-weight: Bold;
	font-size: 14pt;
	text-decoration: None;
}

.col3 {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
	background: White;
/*		padding: 0;*/
}

.dterm {
	margin-left: 1em;
}

.ddef {
	margin-left: 2em;
}

.g {
	color: Gray;
}

.dl {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
	background: White;
	border: Solid Green Thin;
	margin: Auto;
/*		padding: 0;*/
}

.dd {
	border: Solid Blue Thin;
	color: Purple;
/*		display: Inline;*/
/*		float: Left;*/
	margin: Auto;
	padding: 3px;
/*		text-decoration: Underline;*/
}

.dt {
	border: Solid Red Thin;
	color: Black;
/*		display: Inline;*/
/*		float: Left;*/
	font-size: Small;
	font-weight: Normal;
	margin-bottom: 0;
	margin: Auto;
/*	padding: Auto; */
	text-decoration: None;
}
/*****	END classes for gen-prop-39-list.cfm *****/

.future {
	color: ForestGreen;
	font-weight: Bold;
}

.past {
	color: Red;
	font-weight: Normal;
}


.soon {
	background-color: Red;
	color: Yellow;
	font-weight: Bold;
}

LI.ltab {
	list-style: Disc Inside None;
}

OL.llp {
	content: initial;
	list-style: lower-latin-parens;
	list-style: lower-latin;
/*	list-style-position: outside;	*/
}

OL.decp {
	content: initial;
	list-style: lower-latin-parens;
	list-style: decimal;
}

OL.decp LI {
	list-style: lower-latin-parens;
	list-style: decimal;
	list-style-type: inherit;
}

OL.llp LI {
	list-style: lower-latin-parens;
	list-style: lower-latin;
	list-style-type: inherit;
}

OL.ulp {
	content: initial;
	list-style: upper-latin-parens;
	list-style: upper-latin;
/*	list-style-position: outside;	*/
}

OL.ulp LI {
	list-style: upper-latin-parens;
	list-style: upper-latin;
	list-style-type: inherit;
}

.Error {
	color: Red;
	font-size: 150%;
	margin: 0em 10em;

	text-align: Center;
}

.Grade {
	color: Red;
	font-size: 48pt;
}

.Tweet {
	color: Red;
	font-weight: Bold;
}

.bb {
	font-size: 150%;
}

.ss {
	font-size: 90%;
}

/* Used to display measure election results. */
.fail {
	background-color: Pink;
}
.pass {
	background-color: LightGreen;
}

.twImage {
	float: Left;
	padding-right: 1em;
}

.ElectionGrandTotal {
	background-color: LightYellow;
	color: Brown;
	font-size: 90%;
	font-weight: Bold;
}

.formfppc {	/* Used to display form layouts for form generated from text. */
	color: Gray;
	font-family: monospace;
}

.NoWrap {
	white-space: nowrap;
}

/*****	USED BY MEASURES	*****/
ul.dashed {
  list-style-type: none;
}
ul.dashed > li {
  text-indent: -5px;
}
ul.dashed > li:before {
  content: "- ";
  text-indent: -5px;
}

PRE.label {
/*	2018-09-20
	Used in san_diego-measure-ll-full-text.htm to simulate a label in front of a description
	The label text was put inside a pre tag inside a p tag with two tabs following it to
	simulate extra space between the label and the description.
*/
/*	color: Red;*/
	display: Inline;
/*	font-family: Monospace; */
}

.Warning {
	background-color: Yellow;
	border: dashed Navy 3px;
	color: Red;
	padding: 1em;
}

/*	2020-03-22: Use as a second class for form labels, etc. */
TD.left {
	text-align: Left;
}