/*
CSS for BrevardVotersGuide.org site
very dark	-- #032a7c
dark			-- #0239ae
medium		-- #156bd0
light			-- #68a2ec
very light  -- #c7dfff
*/
body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  background-color: #c7dfff;
  line-height: 125%;
  padding: 0;
  margin: 0;
}

h1, h2, h3 {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

h1 {
  font-size: 23pt;
  font-style:  normal;
  color: #c7dfff;
  padding-top: 2em;
  padding-top: 50px;
  padding-bottom: .2em;
  padding-left: .4em;
  padding-right: 2em;
  margin: 0;
  background: url(background_images/flag_125_69.gif) right no-repeat;
  background-color: #032a7c;
}

h2 {
  color: #032a7c;
  font-size: 130%;
  font-weight: normal;
  padding-top: 15px;
}

li {
  font-size: small;
  list-style-type: none;
}

p {
  font-size: small;
  color: #032a7c;
}

em {
  text-transform: uppercase;
}

a {
  font-weight: bold;
}

a:link {
  color: #032a7c;
}

a:visited {
  color: #032a7c;
}

a:hover {
  text-decoration: none;
  color: white;
  background-color: #032a7c;
}

a:active {
  color: aqua;
  background-color: #032a7c;
}

/*
Formatting of the header, tagline, and navigation
*/

#header {
  border-top: 3px solid #0f0f6b;
  width:  100%;
  height:  69px;
}

#tagline p {
  font-style: italic;
  font-weight:  bold;
  font-family: Georgia, Times, serif;
  color: #032a7c;
  background-color: #c7dfff;
  border-top: 3px solid #156bd0;
  border-bottom: 3px solid #156bd0;
  padding-top: .2em;
  padding-bottom: .2em;
  padding-left: .8em;
  margin: 0;
}

/*
Navigation section, links formatting.
*/
#navigation
{
width: 170px;
padding: 0 0 2px 0;
margin-bottom: 1px;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #156bd0;
color: #c7dfff;
}

#navigation ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navigation li
{
border-bottom: 1px solid #156bd0;
margin: 0;
}

#navigation li a
{
display: block;
padding: 5px 5px 5px 5px;
border-left: 10px solid #156bd0;
border-right: 10px solid white;
background-color: #68a2ec;
color: white;
text-decoration: none;
width: 100%;
}

#navigation li a:visited
{
color:  #c7dfff;
}

html>body #navigation li a { width: auto; }

#navigation li a:hover
{
border-left: 10px solid #1c1cb3;
border-right: 10px solid #68a2ec;
background-color: #032a7c;
color: #fff;
}

/*
This section deals with the position of items on the screen.
It uses absolute positioning - fixed x and y coordinates measured from the
top-left corner of the browser's content display.
*/

#navigation, #bodycontent, #header {
  position: absolute;
}

#navigation, #bodycontent {
  top: 110px;
}

#bodycontent {
  left: 200px;
  padding-left:  2%;
  padding-right:  2%;
  padding-bottom:  5%;
}

/*
This section deals with the formatting of the tables for the races.
*/

table.races {
	border-collapse:  collapse;
	border:  outset 5px #0239ae;
	width:  100%;
}

table.races th {
	padding:  1px;
	border:  1px solid #0239ae;
	font-size:  70%;
	font-style:  bold;
	color:  white;
	background:  #0239ae;
}

table.races strong {
	font-style:  italic;
	font-weight:  bold;
}

table.races td {
	color:  #032a7c;
	padding:  4px;
	padding-left:  8px;
	border:  1px solid #032a7c;
	background: white;
}

table.races td.names {
	font-size:  small;
	line-height:  105%;
	width:  25%;
}

table.races td.analysis {
	font-size:  9pt;
	width:  75%;
}