/* 
SAVE AS UTF-16
"New York", "Times New Roman", "Lucida Bright", Lucidabright, serif;
Georgia, "Bitstream Vera Serif", "
Geneva, "Trebuchet MS", Verdana, "Lucida Grande", "Lucida Sans",  "Lucida Sans Unicode", Lucida, Arial, Helvetica, sans-serif; 
Tahoma ?, "Bitstream Vera Sans", 
"Lucida Console", "Andale Mono", 
 "monotype.com", "Bitstream Vera Sans Mono", "Courier New", monospace; 
font-size: small
line-height: 1.2 made Titles overlap in IE.  Use 1.5 or 'normal'
All the properties in one declaration
font: italic small-caps 900 12px arial
border: medium double rgb(250,0,255)
border-top: medium solid #ff0000
border-color: #ff0000 #00ff00 #0000ff rgb(250,0,255)
Easy on eyes: color: #006600; background: #ffffcc;
background-image: url(Bkgrnd.jpg);
dull green  bgcolor="#D5E7C2"
newsprint  bgcolor="#E5DED6"
When styling italics and bold, there is usually no need to change their color.  Doing so will only confuse readers about what is and isn't a link.
? Set table.Text1Col {max-width: 50em;} ?
*/
html	{overflow-x: auto; height:100%;}
body	{margin: 0px;  padding: 0px; color: black; 
background: #fffffc;}

body, td, th	{font-size: 90%; line-height: 1.3em;
font-family: Geneva, "Trebuchet MS", Verdana, "Lucida Grande", "Lucida Sans",  "Lucida Sans Unicode", Lucida, sans-serif;}
th	{border-bottom: 1px solid black; padding: .2em .5em .2em;}

.Big	{font-size: 125%; line-height: 1.3em; ; font-weight: bold;
font-family: Geneva, "Trebuchet MS", Verdana, "Lucida Grande", "Lucida Sans",  "Lucida Sans Unicode", Lucida, sans-serif;}

img	{border: none;}

h1 
{font-size: 250%; line-height: 1.2em; 
font-family: "New York", "Times New Roman", "Lucida Bright", Lucidabright, serif;
margin-top: 0em; margin-bottom: 0em; 
padding-top: 0em; padding-bottom: 0em; 
color: #0000cc; vertical-align: middle;}
h1 div	{font-family: Geneva, Tahoma, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Arial, Helvetica, sans-serif; font-weight: normal;}

h1.Title	{font-size: 300%; line-height: 1.2em;}
/*   font-variant: small-caps;  Unused because small-caps do not work well in MS Explorer; font-size is not the same in Netscape vs. Opera. */

h2, h3, h4	{font-weight: bold; color: #cc0000; 
font-family: Geneva, Verdana, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", sans-serif;}
h2	{margin-top: 1em; margin-bottom: .1em;}
h3	{margin-top: 1em; margin-bottom: .3em;}
h4	{margin-top: .5em; margin-bottom: .1em;}
h3.First	{margin-top: .3em; margin-bottom: .3em;}

a:link		{color: #0000cc;}
a:visited	{color: #cc0000;}
a:hover	{background-color: #ddeeee;}

a:active	{background-color: white;}
/* Maybe text-decoration: none; font-weight: bold;*/

a.Draft:link	{color: gray; text-decoration: none;}
/* Maybe color: #0000cc; just not underlined; but none underlined on Map and NavC so draft must be gray there. */
a.Draft:visited	{color: #cc0000; text-decoration: none;}
a.Draft:hover	{text-decoration: none;}

a.Plain:link	{color: black; text-decoration: none;}
a.Plain:visited	{color: black; text-decoration: none;}
a.Plain:hover	{text-decoration: none;}

a.Hid:link	{color: black; text-decoration: none; background-color: #fafafa; cursor: text;}
a.Hid:visited	{color: black; text-decoration: none; background-color: #fafafa; cursor: text;}
a.Hid:hover	{text-decoration: none; background-color: #fafafa; cursor: text;}

.Next	{}
.Next a:hover	{text-decoration: none;}
.Next img	{vertical-align: middle;}

/* old */
a.Next	{text-decoration: underline;}
a.Next:visited	{text-decoration: none;}
a.Next img	{vertical-align: text-bottom;}
img.Next	{vertical-align: text-bottom;}


/* Impressive but not eye catching, gray background blends with std menu bars, dark blue font.  */
table.Top	{padding: 0px; width:100%; background: #cccccc; border-bottom: #aaaaaa 1px solid;  }

/* similar fonts according to Windows: High Tower, Georgia, Book Antiqua, Lucidia Bright  */
td.Top1	{font-size: 1.8em; line-height: 1.6em; padding: 4px 0px 0px 0px; margin: 0px; border: 0px; font-family: "High Tower Text", "New York", "Lucidia Console", "Lucida Bright", Lucidabright, Georgia, AGaramond, serif;  color: #040486; font-weight: normal; white-space: nowrap; vertical-align: bottom;}
td.Top1 h2	{font-size: 1.8em; padding: 0px; margin: 0px; border: 0px; font-family: "High Tower Text", "New York", "Lucidia Console", "Lucida Bright", Lucidabright, Georgia, AGaramond, serif;  color: #040486; font-weight: normal; white-space: nowrap; vertical-align: bottom;}
td.Top1 a:link	{color: #040486; text-decoration: none;}
td.Top1 a:visited	 {color: #040486; text-decoration: none;}
td.Top1 a:hover	{color: #040486; text-decoration: none; background: #eeeeee;}
td.Top1 img	{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;  border: 0px; width: 1.5em; height: 1.5em; vertical-align: top;}
/*  width: 29px; height: 28px;

Voting_Systems1.gif is eye catching.  width: 28px; height: 28px; background: #040486; */

td.Top2	{text-align: right; margin: 0px; padding-right: 6px; padding-top: 2px; font-family: Arial, Helvetica, sans-serif; font-size: .9em; line-height: 1.5em; }
/*  td.Top2 img	{width: 10px; height: 11px;}
/*  width: 0.5em; height: 0.5em;
td.Top2 a:link	{text-decoration: none;}
td.Top2 a:visited	 {text-decoration: none;}
td.Top2 a:hover	{text-decoration: underline;}

/* self */
td.Top2 span	{cursor: sw-resize; color: #cc0000; margin-right: 0em;}
span.self {font-weight: bold;  cursor: n-resize; color: #cc0000; margin-right: 0em;}
span.low img	{vertical-align: text-bottom;}

table.Title		{width: 100%; background: #eeeeee url(TitleBg.jpg);}
table.Title img	{width: 78px; height: 72px; margin-top: 6px; margin-bottom: 6px;}

/* width: 27%;  */
td.Title1	{vertical-align: middle; text-align: right; padding-top: .3em; padding-bottom: .2em;}
td.Title2	{width: 28em; white-space: nowrap; vertical-align: middle; text-align: center; padding-left: 1em; padding-right: 1em;}
td.Title2b	{width: 28em; white-space: nowrap; vertical-align: bottom; text-align: center; padding-left: 1em; padding-bottom: .5em; padding-right: 1em;}

/*  chapter_intro pages  */
td.Title2c	{width: 28em; white-space: nowrap; vertical-align: bottom; text-align: center; padding-left: 1em; padding-bottom: .5em; padding-right: 1em;}
td.Title2c h3 {font-family: "High Tower Text", "New York", "Lucidia Console", "Lucida Bright", Lucidabright, Georgia, AGaramond, serif;  margin-top: 0em; margin-bottom: 0em; padding-top: 0em; padding-bottom: 0em; color: #0000cc;}

td.Title3	{vertical-align: middle; text-align: left; padding-top: .3em; padding-bottom: .2em;}
/*  background-color: #ededed; */


/* translate  on *_intro pages; not found 2008-05-03.  tight squeeze. */
table.Trans {width: 470px; border: none; padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: .9em;}
table.Trans td {text-align: right;}

table.Index	{margin-bottom: .5em; margin-left: 5em;}
/* The margin is OK in IE5 but small in Moz border: 2px solid black; */

table.Index td.T1	{width: 12em; white-space: nowrap; text-align: left;}
table.Index td.T2	{width: 12em; white-space: nowrap; text-align: left;}


div.Divide	{margin: 0px; padding: 0px;}
img.Divider	{width: 500px; height: 10px; margin: 0px;}
.Rule_500 {padding-top: .7em; padding-bottom: .5em; text-align: center;}
.Rule_500 img	{width: 30em; height: .7em;}
/*  smaller them 500px in 800x600  smaller font  */

.Rule_300 {margin-top: 1em; margin-bottom: 0em; text-align: center;}
.Rule_300 img	{width: 23em; height: .6em;}
.Rule_120 {text-align: center;}
.Rule_120 img	{width: 10em; height: .4em;}


.P100	{width: 100%; margin: 0px; padding: 0px; border-width: 0px; border-style: none;}
.Text460	{width: 460px; text-align: left; margin-top: 8px;}
.Text480	{width: 480px; text-align: left; margin-top: 8px;}

.Text1Col	{width: 33em; text-align: left; margin-top: .7em; margin-bottom: .6em;}
.Text1Col1Line	{width: 38em; text-align: left;  margin-top: .6em; margin-bottom: .6em; padding-right: 2em; margin-right: 2em; border-right: .1em solid #cc0000;}

.Text2ColA	{width: 48%; text-align: left; vertical-align: top; padding-top: .6em; padding-left: 1em; padding-right: .7em; padding-bottom: .8em;}
.Text2ColA h3	{margin-top: 0em; padding-top: 0em;}
.Text2ColB	{width: 48%; text-align: left; vertical-align: top; padding-top: .6em; padding-left: 1.1em; padding-right: .9em; padding-bottom: .8em;}
.Text2ColB h3	{margin-top: 0em; padding-top: 0em;}

.Text2Pic	{text-align: center; vertical-align: top; padding-top: .6em; padding-left: 1em; padding-bottom: .6em; padding-right: 1em;}
.Text2Pic h3	{margin-top: 0em; padding-top: 0em;}
.Text2Cap	{text-align: left; vertical-align: top; padding-top: .6em; padding-left: 1em; padding-bottom: .6em; padding-right: 1em;}
.Text2Cap h3	{margin-top: 0em; padding-top: 0em;}

/* border-style: none hidden dotted dashed solid double groove ridge inset outset  
border-collapse: collapse OR sepparate  */
table.Data	{border: thin solid black;}
table.Data tr.H	{font-weight: bold; background-color: #d0d0d0;}
table.Data tr.Last	{padding-bottom: 2px;}

table.Data th	{white-space: nowrap;}
/*  Was Top  */
table.Data th.First	{border-bottom: none;}
/*  Was Title  */
table.Data th.Caption	{text-align: left; color: #0000ff; padding: 5px; border-bottom: none;}
table.Data td	{text-align: center; padding: 0px 0px 2px 0px; margin: 0px; border: 1px solid gray; border-collapse: collapse;}
table.Data td.Left	{text-align: left !important; font-weight: bold; background-color: #d0d0d0; border-right: 1px solid black !important; padding-left: .9em !important; padding-right: .9em !important;}
td.Left	{text-align: left !important; font-weight: bold; background-color: #d0d0d0; border-right: 1px solid black !important; padding-left: .9em !important; padding-right: .9em !important;}

td.D	{text-align: center; padding: 0px 0px 2px 0px; margin: 0px; font-family: Geneva, Verdana, "Lucida Grande", "Lucida Sans",  "Lucida Sans Unicode", Lucida, Arial, sans-serif; }
/* border: 1px solid gray; border-collapse: collapse; */
th.Left	{border-right: 1px solid black; background-color: #d0d0d0; padding-left: .5em; padding-right: .5em;}

p	{margin-top: .8em; margin-bottom: .7em;}
p.First	{margin-top: .4em; margin-bottom: .3em;}
p.Humor	{margin-top: .6em; margin-bottom: .3em;}
/* p	{text-indent: 1em;} Indent all paragraghs? First line only?*/
/* Highlight background-colors light gray #e2e2e2, pale yellow #ffffae, or yellow? */
p.Highlight	{border-right: 2px solid #cc0000; border-left: 2px solid #cc0000; background-color: #e2e2e2; padding: .5em .5em .5em .5em;}
.Ensemble {color: #005555; font-weight: bold;}
span.Highlight {background-color: yellow; margin-right: 0em;}
span.Highlight2 {background-color: #ffffae; margin-right: 0em;}
p.Closer1	{margin: .1em .1em .1em .1em; padding: .1em .1em .1em .1em;}

/* vertical-align: text-bottom   helps IE 5.5 */
/* text-indent: 1em; same as list-style-position: outside;  Pushes Dot4 into paragraph, flush left.  */
ul.Dot1 li img	{vertical-align: text-bottom; padding: 0px; margin: 0px; width: 18px; height: 18px;}

ul.Dot3 li img	{vertical-align: text-bottom; padding: 0px; margin: 0px; width: 18px; height: 18px;}

ul.Dot2	{list-style-image: url(Dot2cList.gif);
vertical-align: text-bottom;}
ul.Dot2 li	{list-style-image: url(Dot2cList.gif);
vertical-align: text-bottom; padding: 0px; margin: 0px;}
ul.Dot2 img	{vertical-align: text-bottom; padding: 0px; margin: 0px; width: 18px; height: 18px;}
ul.Dot2 li img	{vertical-align: text-bottom; padding: 0px; margin: 0px; width: 18px; height: 18px;}

ul.Dot4	{list-style-image: url(Dot4List.gif);
vertical-align: text-bottom;}
/*  ul.Dot4 img	{padding-right: 1em; amrgin-right: 1em; border-right: 1em;}  Box attributes do not work on images.  */
li.Dot4	{list-style-image: url(Dot4List.gif);
vertical-align: text-bottom;}
ul.Dot4 li img	{vertical-align: text-bottom; padding: 0px; margin: 0px; width: 18px; height: 18px;}

ul.Budgets	{list-style-image: url(A_Budgets.gif);}

p.Footnote	{font-size: 80%; line-height: 1.2em; font-family: verdana; color: #222222;}

dfn	{font-style: normal; text-decoration: none;}
/* Definitions are often rendered in italic ;*/

abbr	{font-style: normal; text-decoration: none;}
acronym	{font-style: normal; text-decoration: none;}
/*  
<abbr OR acronym title="Single Transferable Votes">STV</abbr>
Appealing and eye catching: light colors, luminous, 
Bottom nav table on inner pages   border-collapse: collapse; ? */
table.Nav	{width: 37em; padding: 0px; border-top: gray 1px solid; border-right: gray 2px solid; margin-top: 1em;}

table.Nav td	{text-align: center; vertical-align: top; font-family: Geneva, Verdana, "Lucida Grande", "Lucida Sans",  "Lucida Sans Unicode", Lucida, sans-serif;   border-top: gray 1px solid; border-bottom: gray 2px solid;  border-left: gray 1px solid;  margin: 0px; padding: 4px 5px 5px 5px;}

table.Nav td img	{margin-top: .2em; width: 3em; height: 11.5em;}

table.Nav a:link	{text-decoration: none;}
table.Nav a:visited	{text-decoration: none}
table.Nav a:hover	{text-decoration: underline;}

/* table top cell with title or AccuDem.gif      */
th.Nav	{margin: 0px; border-bottom: none; border-left: gray 1px solid; padding-bottom: 3px; vertical-align: middle; color: #0000cc; background: #efefef url(TitleBg.jpg);}
table.Nav th.Nav a:hover {background: white;}

table.Nav th.Nav h2.Nav	{font-size: 2.1em; line-height: 1.5em; font-weight: bold; font-family: "High Tower Text", "Bell MT", "Lucidia Console", AGaramond, Garamond, serif; color: #0000cc; margin: 0px; padding: 0px; text-align: center;}
/* Georgia, is too big;
Doesn't work to cover gray border-right:  #040486 2px solid ! important; */
table.Nav th.Nav h2.Nav a:link	{color: #0000cc; text-decoration: none;}
table.Nav th.Nav h2.Nav a:visited	 {color: #0000cc; text-decoration: none;}
table.Nav th.Nav h2.Nav a:hover	{color: #0000cc; text-decoration: none; margin: 2px; background: white;}
table.Nav th.Nav h2.Nav img	{margin-right: .6em; margin-left: .6em; vertical-align: middle; width: 1.1em; height: 1.1em; background: #efefef url(TitleBg.jpg);}


/* Section, electoral or legislative, containing Active page */
th.NavA	{font-family: Verdana, Geneva, "Lucida Grande", "Lucida Sans",  "Lucida Sans Unicode", "Lucida", Tahoma, sans-serif;  font-weight: bold; text-align: center; margin: 0px; padding: 5px; border-top: #bbbbbb 1px solid; border-bottom: none; border-left: gray 1px solid; background: #efefef url(TitleBg.jpg);}
table.Nav th.NavA a:hover {background: white;}

/* Inactive section  */
th.NavI	{font-family: Verdana, Geneva, "Lucida Grande", "Lucida Sans",  "Lucida Sans Unicode", "Lucida", Tahoma, sans-serif;  font-weight: normal; text-align: center; margin: 0px; padding: 5px; border-top: gray 1px solid; border-bottom: none; border-left: gray 1px solid;}

/* Open header cell */
th.NavO	{margin: 0px; padding: 5px; border-top: #bbbbbb 1px solid; border-bottom: none; border-left: gray 1px solid; background: #efefef url(TitleBg.jpg);}


table.Nav td.NavC	{font-family: Verdana, Geneva, "Lucida Grande", "Lucida Sans",  "Lucida Sans Unicode", "Lucida", Tahoma, sans-serif !important;   text-align: left !important; padding-top: 4px; border-top: #bbbbbb 1px solid; border-right: blue 1px solid; border-bottom: blue 2px solid; border-left: blue 1px solid; white-space: nowrap; background: #efefef url(TitleBg.jpg);}
table.Nav td.NavC a:visited	{text-decoration: none;}
table.Nav td.NavC a:hover	{text-decoration: underline; background: white;}
table.Nav td.NavC a.Draft:hover	{text-decoration: none; background: white;}

/* Self links to #top. */
td.NavC a.Self:link	{font-weight: bold; color: #cc0000;}
td.NavC a.Self:visited	{font-weight: bold;}
td.NavC a.Self:hover	{cursor: n-resize; font-weight: bold; color: #cc0000; text-decoration: none;}
/* background-color: #f8f8f8; */
/*  Links to the .doc and .rtf version of self  */
td.NavC a.Doc	{font-size: .9em;}
td.NavC a.Rtf 	{font-size: .9em;}
/* Unused; linked to the translation of self */
td.NavC a.Trans	{font-family: Verdana, Geneva, "Lucida Grande", "Lucida Sans",  "Lucida Sans Unicode", "Lucida", Tahoma, sans-serif;  font-size: .9em;}
table.Nav td.NavC a.Next	{text-decoration: underline;}
table.Nav td.NavC a.Next:visited	{text-decoration: underline;}
table.Nav td.NavC a.Next:hover	{text-decoration: underline;}

/* NavC dividers */
table.Nav td.NavC  div	{text-align: center !important;}
td div.Rule_120 img	{width: 8em; height: .7em;}
td div.Rule_100 img	{width: 7em; height: .4em;}


/* Partial map on voting_rules and s_sim */
table.Map1	{width: 30em; border-collapse: collapse; border-top: blue 1px solid; border-right: blue 2px solid; border-bottom: blue 2px solid; border-left: blue 1px solid;}
table.Map1 th { border-left: 1px solid blue; border-bottom: none !important;}
table.Map1 th img {width: 5em; height: 10px; margin-top: 2px; margin-bottom: 0px;}
table.Map1 td {text-align: left; border-left: 1px solid blue; border-top: none; padding-left: 0.5em;}
table.Map1 td.caption {border-top: 1px solid blue; border-bottom: 1px solid blue;}
table.Map1 div {text-align: center;}
table.Map1 a:link {text-decoration: none;}
table.Map1 a:visited {text-decoration: none;}


/* NavLast gifs are in this. Was called Copyright. */
table.NavLast	{font-size: 80%; text-align: center;
font-family: Geneva, "Lucida Grande", "Lucida Sans",  "Lucida Sans Unicode", "Lucida", Tahoma, sans-serif; }
table.NavLast a:hover	{background-color: #f8f8f8;}
table.NavLast img	{width: 293px; height: 104px; margin: 0px;}


/* table for nav icons on *_intro pages */
table.NavIcons {border: none; margin-top: 2em; font-family: Geneva, "Lucida Grande", "Lucida Sans",  "Lucida Sans Unicode", "Lucida", Verdana, Tahoma, sans-serif;}
table.NavIcons td {width: 5em; text-align: center; vertical-align: bottom;}
table.NavIcons td img {width: 43px; height: 46px; border: none;}
table.NavIcons a {text-decoration: none; color: #040486;}
table.NavIcons a:visited {text-decoration: none; color: #cc0000;}
/* px to em  25.5=1.0  28=1.1   43=1.65    104=4   293=12 */

table.Copyright {margin: 0px; padding: 0px; text-align: center;}


table.CopyrightGif	{margin: 1em; padding: 0em; text-align: center; width: 100%;}
table.CopyrightGif td	{text-align: center;}
table.CopyrightGif  img	{width: 202px; height: 15px;}
table.CopyrightGif  a:hover  {background-color:#f8f8f8;}
table.CopyrightGif  a:active	{text-decoration: none; background-color: #f8f8f8;}

p.Copyright	{font-family: Geneva, Verdana, "Lucida Grande", "Lucida Sans",  "Lucida Sans Unicode", "Lucida", Tahoma, sans-serif;  font-size: 80%; text-align: center;}

/* old */
p.CopyrightGif  {border-bottom: 1px solid blue;}
p.CopyrightGif  a:hover {background-color:#f8f8f8;}
p.CopyrightGif  a:active {text-decoration: none; 
background-color: #f8f8f8;}

table.End {border-bottom: 4px solid #0000aa; width: 100%; margin: 0px; padding: 0px;}

/* ========================== */
@media aural {  
  h1, h2, h3 { stress: 20; richness: 90;}
  .Hide {speak: none;}
  p.Copyright { volume: x-soft; speech-rate: x-fast;}
  dt { pause-before: 20%;}
  pre { speak-punctuation: code;} 
}
/* ========================== */
/*  Last to load, vertical name  */
/*  body {background-position: top left ! important;
background-attachment: fixed ! important;
background-repeat: no-repeat ! important;
background-image: url(AD_up.gif) ! important;}
*/