html {overflow-x: auto; height:100%;}
body {font-size:16px !important; margin: 0px; padding: 0px; color: black; background: #f9f7fa;}
body, td, th {font-size: 100%; line-height: 1.3em;
font-family:Geneva,"Trebuchet MS",Verdana,"Lucida Grande","Lucida Sans","Lucida Sans Unicode",Lucida,sans-serif;}
b {font-weight: 700 !important; font-family: Arial, sans-serif !important;}
th {border-bottom: 1px solid black; padding: .2em .5em .2em 0em; font-weight: 700; font-family: Arial, sans-serif;}
.Big {font-size: 125%; line-height: 1.3em; ; font-weight: 700 !important; font-family: Arial, sans-serif !important;
font-family:Geneva,"Trebuchet MS",Verdana,"Lucida Grande","Lucida Sans","Lucida Sans Unicode",Lucida,sans-serif;}
img {border: none;}
h1
{font-size: 220%; 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: 700 !important; font-family: Arial, sans-serif !important; color: #cc0000;
font-family: Geneva,Verdana,"Lucida Grande","Lucida Sans","Lucida Sans Unicode","Lucida",sans-serif;}
h2 {margin-top: 1em; margin-bottom: .1em;}
h3 {padding-top: .9em; margin-bottom: .3em;}
h4 {padding-top: .7em; margin-bottom: .1em;}
h3.First {margin-top: .3em; margin-bottom: .3em;}
a:link {color: #0000cc;}
a:visited {color: #800080;}
a:hover {background-color: #ddeeee;}
a:active {background-color: white;}
/* Maybe text-decoration: none; font-weight: 700 !important; font-family: Arial, sans-serif !important;*/
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: Georgia,"High Tower Text","New York","Lucidia Console","Lucida Bright",Lucidabright,Agaramond,serif; color: #040486; font-weight: normal; vertical-align: bottom;}
td.Top1 h2 {font-size: 1.8em; padding: 0px; margin: 0px; border: 0px; font-family: Georgia,"High Tower Text","New York","Lucidia Console","Lucida Bright",Lucidabright,Agaramond,serif; color: #040486; font-weight: normal; 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;}
/* 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: 700 !important; font-family: Arial, sans-serif !important; cursor: n-resize; color: #cc0000; margin-right: 0em;}
span.As1 {white-space: nowrap;}
span.Low img {vertical-align: text-bottom; padding-right: 0.5em;}
table.Title {border-top: 8px solid #aaaaaa; width: 100%; background: #deffde;}
table.Title img {margin-top: 6px; margin-bottom: 1px;}
/* width: 27%; */
td.Title1 {vertical-align: middle; text-align: right; padding-top: 1em; padding-bottom: .2em;}
td.Title1 img {width: 44px; height: 44px; padding-bottom: .4em;}
td.Title1c {vertical-align: middle; text-align: right; padding-top: .1em; padding-bottom: .2em;}
td.Title1c img {width: 74px; height: 68px;}
td.Title2 {width: 28em; vertical-align: middle; text-align: center; padding-top: .5em; padding-left: 1em; padding-right: 1em;}
td.Title2b {width: 28em; vertical-align: bottom; text-align: center; padding-top: .5em; padding-left: 1em; padding-bottom: .5em; padding-right: 1em;}
/* LINE 100 chapter_intro pages */
td.Title2c {width: 29em; vertical-align: bottom; text-align: center; padding-top: 1em; padding-left: 1em; padding-bottom: .5em; padding-right: 1em;}
td.Title2c h3 {font-family: Georgia,"High Tower Text","New York","Lucidia Console","Lucida Bright",Lucidabright,AGaramond,serif; margin-top: .2em; margin-bottom: 0em; padding-top: 0em; padding-bottom: 0em; color: #0000cc;}
td.Title3 {vertical-align: middle; text-align: left; padding-top: 1em; padding-bottom: .2em;}
td.Title3 img {width: 44px; height: 44px; padding-bottom: .4em;}
td.Title3c {vertical-align: middle; text-align: left; padding-top: .1em; padding-bottom: .2em;}
td.Title3c img {width: 74px; height: 68px;}
/* background-color: #ededed; */
/* HEADER Styles on wide screens ################################################# */
/* display: inline-block; w3schools.com/css/tryit.asp?filename=trycss_inline-block */
ul.Menus {white-space: nowrap;}
h1.Collapsing {margin: 0; padding: 0;}
#Header {z-index: 30; margin: 0; padding: 0; text-align: center; color: black; background: #fffffc;}
.HeaderWrapLeft {max-width: 20em; text-align: left; vertical-align: top; padding: 0em; }
div.HeaderWrapLeft {clear: both; float: left; background: #eeeefd; padding: 0em; margin: 0em;}
.HeaderWrapRight {max-width: 30em; text-align: left; vertical-align: top; padding: 0em; margin: 0em;}
div.HeaderWrapRight {float: right;}
.HeaderWrapLeft h1 {margin: 0em; padding: 0em;}
table.HeaderWrap { background: #eeeefd; padding: 0em 1em 0em 0em; margin: 0em;}
table.Top1 {padding: 0em; margin: 0em auto; border-top: none;}
td.BuntingArrow { width: 83px; padding: 0px; text-align: right; vertical-align: top;}
td.BuntingArrow img {width: 83px; height: 83px; vertical-align: top;}
td.AcDem {max-width: 8em; min-width: 7em; background: #eeeefd; font-size: 24pt; width: 4em; text-align: left; vertical-align: middle; padding: .1em 1em .4em 1em;}
a.AcDem {font-weight: 700 !important; line-height: 100%; font-family: Arial,serif; color: #040486; text-decoration: none; }
/* Georgia,"High Tower Text","New York","Lucidia Console","Lucida Bright",Lucidabright,Agaramond,serif */
.TagLine {float:right; max-width: 28em; min-width: 28em; background: #eeeefd; padding: .9em 0em .3em 0em; text-align: center; font: 13pt/22pt verdana,sans-serif;}
img.BuntingArrow {width: 83px; height: 83px; vertical-align: top;}
#menu
{ margin: 0px;
padding: 0px;
z-index: 30; }
#menu li
{ margin: 0px;
padding: 0px 0px 5px 0px;
list-style: none;
float: left;
font: 110%/130% verdana,sans-serif; }
/* menu was font-size: 15px then 100%/125% that is std. font-family: Verdana,Geneva,"Trebuchet MS"; */
#menu li a
{ display: block;
margin: 0px;
padding: 4px 12px 0px 12px;
color: #fff;
text-align: center;
text-decoration: none; }
#menu li a:hover
{ text-decoration: underline; }
#menu div
{ position: absolute;
visibility: hidden;
margin: 5px 0px 0px 0px;
padding: 0px 0px 6px 0px; }
#menu div a
{ position: relative;
display: block;
margin: 0px;
padding: 4px 9px 4px 9px;
width: auto;
white-space: nowrap;
text-align: left;
text-decoration: none;
color: #fff;
font: 20px verdana,sans-serif; }
#menu div a:visited
{ color: #ff0; }
#menu div a:hover
{ border-right: 0px solid #fff; border-left: 0px solid #fff;
text-decoration: underline;
color: #fff; }
/* background of button */
.Spacer {width: 1em; background: #eeeefd; color: #000; padding: 8px 0px 4px 0px; line-height: 1.5em; border-left: 2px solid #eeeefd; border-bottom: 4px solid #eeeefd;}
.Intro {background: #3091be; color: #fff; padding:4px 0px 4px 0px; line-height: 1.5em; border-left: 2px solid #eeeefd; border-bottom: 4px solid #eeeefd;}
.Chair {background: #0742b3; color: #fff; padding: 4px 0px 4px 0px; line-height: 1.5em; border-left: 2px solid #eeeefd; border-bottom: 4px solid #eeeefd;}
.Reps {background: #e01949; color: #fff; padding: 4px 0px 4px 0px; line-height: 1.5em; border-left: 2px solid #eeeefd; border-bottom: 4px solid #eeeefd;}
.Council {background: #cc0088; color: #fff; padding: 4px 0px 4px 0px; line-height: 1.5em; border-left: 2px solid #eeeefd; border-bottom: 2px solid #eeeefd;}
.Policy {background: #7700aa; color: #fff; padding: 4px 0px 4px 0px; line-height: 1.5em; border-left: 2px solid #eeeefd; border-bottom: 4px solid #eeeefd;}
.Projects {background: #22aa22; color: #fff; padding: 4px 0px 4px 0px; line-height: 1.5em; border-left: 2px solid #eeeefd; border-bottom: 4px solid #eeeefd;}
.Budgets {background: #009999; color: #fff; padding: 4px 0px 4px 0px; line-height: 1.5em; border-left: 2px solid #eeeefd; border-bottom: 4px solid #eeeefd;}
/* background of tagline box is set by menujs.js */
/* background of tagline text; it is also in the header.txt file. */
.SpacerLine {background: #eeeefd; color: #000; padding: 8px 0px 4px 0px; line-height: 1.5em;}
.IntroLine {background: #3091be; color: #fff; padding: 4px 0px 4px 0px; line-height: 1.5em;}
.ChairLine {background: #0742b3; color: #fff; padding: 4px 0px 4px 0px; line-height: 1.5em;}
.RepsLine {background: #e01949; color: #fff; padding: 4px 0px 4px 0px; line-height: 1.5em;}
.CouncilLine {background: #cc0088; color: #fff; padding: 4px 0px 4px 0px; line-height: 1.5em;}
.PolicyLine {background: #7700aa; color: #fff; padding: 4px 0px 4px 0px; line-height: 1.5em;}
.ProjectsLine {background: #22aa22; color: #fff; padding: 4px 0px 4px 0px; line-height: 1.5em;}
.BudgetsLine {background: #009999; color: #fff; padding: 4px 0px 4px 0px; line-height: 1.5em;}
p.Aline {min-width: 29em; white-space: nowrap; padding: .1em 0em .1em 0em;}
/* background of menu box */
.Intro div {background: #3091be;}
.Chair div {background: #0742b3;}
.Reps div {background: #e01949;}
.Council div {background: #cc0088;}
.Policy div {background: #7700aa;}
.Projects div {background: #22aa22;}
.Budgets div {background: #009999;}
/* background of link during hover */
.Intro a:hover {background: #3091be;}
.Chair a:hover {background: #0742b3;}
.Reps a:hover {background: #e01949;}
.Council a:hover {background: #cc0088;}
.Policy a:hover {background: #7700aa;}
.Projects a:hover {background: #22aa22;}
.Budgets a:hover {background: #009999;}
/* 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.Contents {background-color: #f9f7fa;} */
/* table.Contents tr td {padding: 0px; margin: 0px; background: 0px #f9f7fa; border: 2px solid black;} */
/* table.Contents a:link {text-decoration:none;} */
table.Index {margin-bottom: .5em; margin-left: 5em;}
/* Index DISUSED? The margin is OK in IE5 but small in Moz border: 2px solid black; */
table.Index td.T1 {width: 12em; text-align: left;}
table.Index td.T2 {width: 12em; 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 than 500px in 800x600 smaller font */
.Rule_300 {margin-top: .5em; margin-bottom: .5em; text-align: center;}
.Rule_300 img {width: 23em; height: .6em;}
.Rule_120 {text-align: center;}
.Rule_120 img {width: 10em; height: .4em;}
/* Replaces tables that hold in and center floating columns */
td.Wrap2 {max-width: 64em;}
div.Wrap2 {clear: both; max-width: 64em;}
div.Wrap1 {clear: both; max-width: 33em; text-align: left;}
div.Wrap1Wide {clear: both; max-width: 38em; text-align: left;}
.Left30 {float: left; max-width: 30em; text-align: left; padding: .5em 1em .5em 1em;}
.Right30 {float: right; max-width: 30em; text-align: left; padding: .5em .3em .5em 1em;}
.Right33 {float: right; max-width: 33em; text-align: left; padding: .5em .3em 1em .1em;}
.Left30 h3 {margin-top: 0em; padding-top: 0em;}
.Right30 h3 {margin-top: 0em; padding-top: 0em;}
.Text1Col {max-width: 33em; text-align: left; margin-top: .6em; margin-bottom: .6em;}
div.Text1Col {clear: both; max-width: 33em; text-align: left; margin: .6em;}
table.Text1Col td {max-width: 33em; text-align: left; margin-top: .6em; margin-bottom: .6em;}
.Text1Col1Line {max-width: 38em; text-align: left; margin-top: .6em; margin-right: 2em; margin-bottom: .6em; padding-right: 2em; border-right: .1em solid #cc0000;}
.Text2ColA {max-width: 30em; text-align: left; vertical-align: top; padding-top: .6em; padding-right: .7em; padding-bottom: .6em; padding-left: 1em;}
div.Text2ColA {clear: both; float: left;}
.Text2ColA h3 {margin-top: 0em; padding-top: 0em;}
.Text2ColB {max-width: 30em; text-align: left; vertical-align: top; padding-top: .6em; padding-right: .9em; padding-bottom: .6em; padding-left: 1.1em;}
div.Text2ColB {float: right;}
.Text2ColB h3 {margin-top: 0em; padding-top: 0em;}
.Text2Pic {text-align: center; vertical-align: top; padding-top: .6em; padding-right: 1em; padding-bottom: .6em; padding-left: 1em; }
div.Text2PicA {clear: both; float: left;}
div.Text2PicB {clear: both; float: right;}
.Text2Pic h3 {margin-top: 0em; padding-top: 0em;}
.Text2Cap {max-width: 33em; text-align: left; vertical-align: top; padding-top: .6em; padding-right: 1em; padding-left: 1em; padding-bottom: .6em;}
.Text2Cap h3 {margin-top: 0em; padding-top: 0em;}
.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;}
/* 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: 700 !important; font-family: Arial, sans-serif !important; background-color: #d0d0d0;}
table.Data tr.Last {padding-bottom: 2px;}
table.Data th {padding: .7em;}
/* Was Top */
table.Data th.First {border-bottom: none; font-weight: 700; font-family: Arial, sans-serif;}
/* Was Title td was padding: 0px 0px 2px 0px; */
table.Data th.Caption {text-align: left; color: #0000ff; padding: 5px; border-bottom: none; font-weight: 700 !important; font-family: Arial, sans-serif !important;}
table.Data td {text-align: center; padding: .3em .7em .3em .7em; margin: 0px; border: 1px solid gray; border-collapse: collapse;}
table.Data td.Left {text-align: left !important; font-weight: 700 !important; font-family: Arial, sans-serif !important; 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: 700 !important; font-family: Arial, sans-serif !important; 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?
Title table's tan: #deffde 222 255 222 other tans: light: #fef0c9 dark: #d2b48c
Nav menu blue: #eeeefd 238 238 253
Highlight background-colors light gray #e2e2e2, pale yellow #ffffae, or yellow?
Removed span. from .Highlight and .Highlight2 Nov 2010
*/
p.Highlight {border-right: 2px solid #cc0000; border-left: 2px solid #cc0000; background-color: #e2e2e2; padding: .5em .5em .5em .5em;}
.Highlight {background-color: yellow; margin-right: 0em;}
.Highlight2 {background-color: #ffffae; margin-right: 0em;}
.Highlight3 {background-color: #ffffae; margin-right: 0em;}
.Ensemble {color: #005555; font-weight: 700 !important; font-family: Arial, sans-serif !important;}
p.Closer1 {margin: .1em .1em .1em .1em; padding: .1em .1em .1em .1em;}
p.Gap {padding-top: 8em;}
/* 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; margin-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.Spending {list-style-image: url(A_Spending.gif); line-height:120%;}
ul.Budget {list-style-image: url(A_Budgets.gif); line-height:100%;}
.Footnote {font-size: 80%; font-weight: normal; line-height: 1.2em; font-family: verdana,gotham,sans-serif; color: #222222;}
span.in {font-weight: lighter; font-size: xx-small; color: #f0f0f0;}
/* The colors below are not well tested. Nov 2011*/
b.BoldChair {color:#0000b0;background-color:white;}
b.BoldReps {color:#b00000;background-color:white;}
b.BoldCouncil {color:#bb0077;background-color:white;}
b.BoldPolicy {color:#660099;background-color:white;}
b.BoldProjects {color:#009900;background-color:white;}
b.BoldBudgets {color:#008888;background-color:white;}
.irv {color: #4444bb;}
.r {color: #bb0000;}
.g {color: #008800;}
.b {color: #1111bb;}
b.pr {color: #aa0000; font-weight: 700 !important; font-family: Arial, sans-serif !important; }
/* Don't use colored text because it looks like links: .r {color: #aa0000;} .g {color: #008800;} .b {color: #1111cc;} */
.Ensemble {color: #550066; font-weight: 700 !important; font-family: Arial, sans-serif !important; margin-right: 0em;} /* purple */
.Chairs {color: #004466; font-weight: 700 !important; font-family: Arial, sans-serif !important; margin-right: 0em;} /* dark teal */
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;}
/*
STV
Appealing and eye catching: light colors, luminous,
Bottom nav table on inner pages border-collapse: collapse; ?
*/
table.Nav { padding: 0px; border-top: gray 1px solid; border-right: gray 2px solid; margin-top: 1em;}
@media screen and (min-width: 600px) {table.Nav {max-width: 37em;} }
/* not needed */
table.Nav2 { padding: 0px; border-top: gray 1px solid; border-right: gray 2px solid; margin-top: 0em;}
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;}
/* width: 3em; height: 11.5em; */
table.Nav td img {margin-top: .2em;}
table.Nav td.NavC img.Flag {width: 25px; height: 17px; vertical-align: text-bottom;}
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: 700 !important; font-family: Arial, sans-serif !important; font-family: Georgia,"High Tower Text","New York","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: 700 !important; font-family: Arial, sans-serif !important; 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: 700 !important; font-family: Arial, sans-serif !important; color: #cc0000;}
td.NavC a.Self:visited {font-weight: 700 !important; font-family: Arial, sans-serif !important;}
td.NavC a.Self:hover {cursor: n-resize; font-weight: 700 !important; font-family: Arial, sans-serif !important; 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.NavLast td {text-align: center;}
/* 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;}
/* DELETE THIS TABLE from each page. */
/* here the rules for small windows ################################################# */
/* THESE OUGHT TO USE em or rem UNITS e.g. max-width: 80rem */
/* 1em inherits font-size height from its parent, rem gets it from a docs root element */
@media (max-width: 1200px) {
div.Text2ColA {float: none;}
div.Text2ColB {float: none;}
div.Text2PicA {clear: both; float: none;}
div.Text2PicB {clear: both; float: none;}
.Left30 {margin: 0 auto; clear: both; float: none; max-width: 30em; text-align: left; padding: .5em 1em .5em 1em;}
.Right30 {margin: 0 auto; clear: both; float: none; max-width: 30em; text-align: left; padding: .5em .3em .5em 1em;}
.Right33 {margin: 0 auto; clear: both; float: none; max-width: 33em; text-align: left; padding: .5em .3em 1em .1em;}
p.Aline {min-width: 29em; white-space: normal; padding: .1em 0em .1em 0em;}
}
@media (max-width: 830px) {
h1 {font-size: 11vw%;}
h1.Title {font-size: 11vw%;}
h1 {font-size: 175%;}
h1.Title {font-size: 225%;}
td.BuntingArrow { width: 83px;}
td.BuntingArrow img {width: 83px; height: 83px;}
img.BuntingArrow {width: 83px; height: 83px;}
.TagLine {max-width: 28em; min-width: 28em; padding: .5em 1em .3em 1em; font: 13pt/22pt;}
td.Title1 img {width: 44px; height: 44px; padding-bottom: .4em;}
td.Title1c img {width: 74px; height: 68px;}
td.Top1 img {width: 1.5em; height: 1.5em;}
div.HeaderWrapLeft {float: none;}
div.HeaderWrapRight {float: none;}
div.Bunt-Logo {margin: auto; clear: both; float: none;}
div.BuntLogo {margin: auto; float: none; margin: 0; padding: 0;}
div.TagLine {max-width: 28em; min-width: 28em; margin: auto; clear: both; float: none; white-space: normal;}
p.Aline {min-width: 23em; white-space: normal; padding: 0em;}
div. MenusLeft {margin: auto; clear: both; float: none;}
div. MenusRight {margin: auto; clear: both; float: none;}
.Left30 h3 {margin-top: 0em; padding-top: 0em;}
.Right30 h3 {margin-top: 0em; padding-top: 0em;}
span.As1 {white-space: normal;}
td.Title2 {white-space: normal;}
td.Title2 h1 {white-space: normal;}
td.Title2b {white-space: normal;}
td.Title2c {white-space: normal;}
td.Top1 {white-space: normal;}
td.Top1 h2 {white-space: normal;}
table.Index td.T1 {white-space: normal;}
table.Index td.T2 {white-space: normal; }
table.Data {white-space: normal; font-size: 90%; line-height: 1em;}
table.Data tr.Last {padding-bottom: 0px;}
table.Data th {white-space: normal; padding: 0em;}
table.Data th.Caption {padding: 0px;}
table.Data td {padding: 0em;}
table.Data td.Left {padding-left: 0em !important; padding-right: 0em !important;}
td.Left {padding-left: 0em !important; padding-right: 0em !important;}
td.Title2 {white-space: normal;}
h1.Collapsing {white-space: normal;}
td.Title2 h1.Collapsing {white-space: normal;}
div.Text2ColA {margin: auto; clear: both; float: none;}
div.Text2ColB {margin: auto; clear: both; float: none;}
}
@media (max-width: 650px) {
div.TagLine {max-width: 28em; min-width: 28em; margin: auto; clear: both; float: none; white-space: normal;}
p.Aline {min-width: 9em; white-space: normal; padding: 0em;}
.Left30 {max-width: 30em; text-align: left; padding: .5em 1em .5em 1em;}
.Right30 {max-width: 30em; text-align: left; padding: .5em .3em .5em 1em;}
.Right33 {max-width: 33em; text-align: left; padding: .5em .3em 1em .1em;}
.Left30 h3 {margin-top: 0em; padding-top: 0em;}
.Right30 h3 {margin-top: 0em; padding-top: 0em;}
span.As1 {white-space: normal;}
td.Title2 {white-space: normal;}
td.Title2 h1 {white-space: normal;}
td.Title2b {white-space: normal;}
td.Title2c {white-space: normal;}
td.Top1 {white-space: normal;}
td.Top1 h2 {white-space: normal;}
table.Index td.T1 {white-space: normal;}
table.Index td.T2 {white-space: normal; }
table.Data {white-space: normal; font-size: 85%; line-height: 1em;}
table.Data th {white-space: normal; padding: 0em;}
table.Data th.Caption {padding: 0px;}
table.Data td {padding: 0em;}
table.Data td.Left {padding-left: 0em !important; padding-right: 0em !important;}
td.Left {padding-left: 0em !important; padding-right: 0em !important;}
}
/* On small touch screens, increase space between titles listed on nav menus */
@media (max-width: 500px) {
.Left30 {max-width: 30em; text-align: left; padding: .5em 1em .5em 1em;}
.Right30 {max-width: 30em; text-align: left; padding: .5em .3em .5em 1em;}
.Right33 {max-width: 33em; text-align: left; padding: .5em .3em 1em .1em;}
table.Data {white-space: normal; font-size: 75%; line-height: 1em;}
.TagLine {max-width: 100%; max-width: 100%; text-align: left; padding: .01em .1em .01em .5em;}
.MenusLeft {line-height: 22px;}
.MenusLeft li {line-height: 22px;}
.MenusLeft div {line-height: 22px;}
.MenusLeft td {line-height: 22px;}
.MenusLeft a {line-height: 22px;}
.MenusRight {line-height: 22px;}
.MenusRight li {line-height: 22px;}
.MenusRight div {line-height: 22px;}
.MenusRight td {line-height: 22px;}
.MenusRight a {line-height: 22px;}
.m1 {line-height: 22px;}
.m1 li {line-height: 22px;}
.m1 div {line-height: 22px;}
.m1 td {line-height: 22px;}
.m1 a {line-height: 22px;}
#menu ul li
{ display: inline-block;
}
#menu li
{ display: inline-block;
margin: 0px;
padding: 0px 0px 1px 0px;
list-style: none;
font: 100%/125% verdana,sans-serif; }
/* menu was font-size: 15px then 100%/125% that is std. font-family: Verdana,Geneva,"Trebuchet MS"; */
#menu li a
{ margin: 0px;
padding: 4px 6px 3px 6px;}
}
@media (max-width: 400px) {
}