body {
    font-family: "Arial";
    font-size: 12pt;
}

#container
{
width: auto;
margin 10px auto;

}
 
#toprow
{
width: auto;
margin: 0;
padding: 1em 1em 2em 1em;
border-style: solid;
border-color: #003366;
overflow: hidden;
}

#precinctrow
{
width: auto;
margin-top: 10px;
padding: 1em 1em 2em 1em;
border-style: solid;
border-color: #003366;
overflow: hidden;
}


#secondrow
{
margin-top: 10px;
width: auto;
overflow: hidden;
}

#leftcolumn
{
float: left;
width: 49%;
margin: 0;
overflow: hidden;
}

#rightcolumn
{
float: right;
width: 49%;
margin: 0;
overflow: hidden;
}

#racename
{
font-size: 16pt;
text-transform: uppercase;
}

#raceinfo
{
font-size: 10pt;
text-transform: uppercase;
}

#candidaterow
{
margin-top: 10px;
clear:both; 
padding: .75em;
}

#candidatephoto
{
float:left
}

#candidatename
{
font-size: 24pt;
text-transform: uppercase;
}

#candidateinfo
{
float:left;
padding-left:.5em;
}

#candidateextra
{
font-size: 12pt;
}

#votesinfo
{
text-align: right;
}

#votepercentage
{
font-size: 36pt;
text-align: right;
}

#votenumber
{
font-size: 12pt;
text-align: right;
}

#extraheader
{
font-size: 16pt;
text-transform: uppercase;
}

#matrixcontainer
{
padding: 1em;
border-style: solid;
border-color: #003366;
margin-bottom: 10px;
overflow: hidden;
}

#searchcontainer
{
padding: 1em; 
border-style: solid;
border-color: #003366;
overflow: hidden;
width: auto;
}

#multimediacontainer
{
padding: 1em; 
border-style: solid;
border-color: #003366;
overflow: hidden;
}

#matrixq1,#matrixq2,#matrixq3,#matrixq4
{
margin-left: 10px; 
overflow: hidden;
}

#subhead
{
font-size: 10pt;
text-transform: uppercase;
}

div.clear { clear: both; }