*
{margin: 0;
padding: 0;
}

body
{
background-color: #f2f2fc;
font-family: Arial, Helvetica, sans-serif;
color: black;
text-align: left;
margin-top: 0;
margin-bottom: 25px;
margin-left: 0;
margin-right: 5%;
}



/* links */

a:link
{
color: #000fc7;
text-decoration: none
}

a:visited
{
color: #ad3400;
text-decoration: none
}

a:hover
{
color: #000000;
text-decoration: underline
}

a:active
{
color: #000000;
text-decoration: underline
}


/* LANIC logo */

.logo h1
{
display: none
}

.logo
{
width: 100%;
text-align: left;
overflow: hidden;
}

.logo img
{
overflow: hidden;
}


/* LANIC logo */
h1#eologo
{
float: left;
text-align: left;
font-size: 1.6em
}

h1#eologosub
{
text-align: center;
font-size: 1.6em;
}


h1#eologosub a:link, h1#eologosub a:visited, h1#eologosub a:hover, h1#eologosub active
{
color: black;
}

span#part1, span#part2
{
padding: .3em 25px;
}

span#part1, span#part2
{
background-color: #cccccc;
}

span#part2
{
background-color: #ff8000;
}

/* headings */

h1
{
font-size: 1.3em;
margin-top: 1em;
margin-bottom: 1.5em;
text-align: center;
}

h2
{
font-size: 1.1em;
margin-top: 1.1em;
margin-left: 25px;
margin-bottom: 0
}

h3
{
font-size: 1em;
margin-top: .8em;
margin-bottom: .4em;
margin-left: 25px
}



/* paragraphs */

p
{
margin-top: .8em;
margin-bottom: 0;
margin-left: 1em;
font-size: 1em;
line-height: 1.2em;
}

p.note
{
margin-bottom: 0;
font-style: italic;
font-size: .9em
}

p.contact
{
margin: 0 0 0 25px;
font-size: .8em;
line-height: 1.4em
}

p.footer
{
margin-bottom: 1.3em;
line-height: 1.4em;
font-size: .8em;
margin-left: 25px;
}

p.source
{
font-weight: bold;
font-size: .8em;
margin-top: .5em
}


/* tables */

table
{
margin-top: .8em;
margin-bottom: 0;
margin-left: 1em;
font-size: 1em;
line-height: 1.1em;
}



/* hr */

hr
{
margin-top: .8em;
margin-bottom: .8em;
background-color: #003399;
color: #003399;
height: 2.5px
}

/* 2.5px is clearly impossible, but it is here because IE and FF interpret 
this differently -- they round in different directions */

.country hr
{
width: 93%;
margin-left: 0;
height: 1px
}


/* divs */

/* image that replaced David's fake gif */
div.toHome
{
text-align: center
}


div#nav, div.nav
{
float: right;
position: relative;
border: 2px groove;
margin-bottom: 1em;
padding: .6em;
border-color: #003399;
white-space: nowrap;
}

/* nav stuff should be classes, not ids, because pages have a nav div and 
a nav ul, but they are marked up as ids. From now on, use classes. */

div#nav p#title, div.nav p#title
{
font-size: .8em;
font-weight: bold;
margin-left: 0;
margin-top: .5em;
margin-bottom: .7em;
text-align: center
}

div.sun
{
float: right;
margin-bottom: .1em;
margin-right: 50px
}

/* main Electoral Observatory image */
div.main
{
float: left;
margin-top: .4em
}

/* links to other Observatory pages */
div.country
{
float: left;
position: relative;
margin-bottom: .8em;
width: 49%
}

/* links to general resources */
div.general
{
float: right;
position: relative;
width: 49%
}

div.footer
{
clear: both
}

div.rule
{
clear: both
}



/* images */

img
{
border: none;
vertical-align: middle
}


/* lists */

ul
{
list-style-type: circle;
margin-top: 0;
margin-bottom: 0;
margin-left: 4em;
padding: 0;
font-size: .9em
}

li
{
margin-top: .25em;
margin-bottom: .25em;
margin-left: 1em;
line-height: 1.3em
}


ul#nav, ul.nav
{
font-size: .8em;
list-style-type: none;
margin: 0
}

ul.sub
{
font-size: 1em
}

ul.navsub
{
list-style-type: none;
margin-left: 1.5em;
font-size: 1em
}