/* background color for entire page */
body
{
  font-family: "Gill Sans", Helvetica, Tahoma, Arial, sans-serif;
  background-color: rgb(50,100,200); /* should get obscured by image */
  background-image: url(images/background.gif);
  background-repeat: repeat;
  margin-top: 10px;  /* hack to get rid of extra space in IE */
}

/* global settings */

/* paragraph, bullet list, header font colors */
p
{ 
  color: rgb(20,20,25);
}

li
{ 
  color: rgb(20,20,25);
}

label
{ 
  color: rgb(20,20,25);
}

h1
{ 
  color: rgb(15,15,10);
}

h2
{ 
  color: rgb(15,15,10);
}

/* links (except for navbar) */
a
{
  color: rgb(255,255,100);
  text-decoration: none;
}

/* bulleted lists */
.list1
{ 
  list-style-type: disc;
}

.list2
{ 
  padding-top: 5px;
  list-style-type: circle;
}

/* text bolding */
.boldText
{ 
  font-weight: bold;
}

/* each page's content is framed within a fixed div in the browser window */
#pageWrapper
{
  width: 800px;
  margin-right: auto;
  margin-left: auto;
  background-color: rgb(55,120,220);
  background-image: url(images/wrapperBackground.jpg);
  background-repeat: repeat;
  /* border: 1px dotted rgb(5,5,5); */
}

/* top-of-the-page header & images */
#topstuff
{ 
  height: 215px;
  background-color: rgb(12,28,140);
}

#topstuff p
{ 
  /* white lettering to go with logo */
  color: rgb(255,255,255);
}

/* picture that appears at the top of the page */
#topPicture
{ 
  float: right;
  height: 215px;
  width: 200px;
  border: none;
  background-color: rgb(12,28,140);
}

/* logo that appears at the top of the page */
#topLogo
{ 
  float: left;
  height: 215px; 
  width: 591px;
  background-color: rgb(12,28,140);
}


/* (horizontal) navigation bar */
.navigation
{ 
  clear: both;
  float: left;
  font-size: 80%;
  background-color: rgb(200,200,200);
  text-align: center;
  width: 800px;
  margin: 0;
  margin-bottom: 20px;
}

.navigation ul
{
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

.navigation li
{
  float: left;
  width: 12em;
  text-align: center;
}

.navigation a
{
  color: rgb(30,30,25);
  text-transform: uppercase;
  text-decoration: none;
  padding-top: 3px;
  padding-bottom: 3px;
  display: block;
}

.navigation a:hover
{
  font-weight: bold;
  background-color: rgb(100,100,240);
}

/* IE navigation bar hacks!! */
* html .navigation a
{
  height: 1px;
}

/* navigation bar special effect for current link */
body#homePage a.homeLink,
body#whereToVotePage a.whereToVoteLink,
body#contactPage a.contactLink
{
  background: rgb(250,250,250);
  font-weight: bold;
}


/* general information section */
.info
{ 
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 40px;
  float: left;
}

.info h1
{ 
  font-size: 135%;
}

.info h2
{ 
  font-size: 120%;
}

.info p
{ 
  margin-left: 15px;
}

.info li
{ 
  margin-bottom: 5px;
}

/* container for main page content (excluding sidebars) */
.content
{ 
  float: right;
  /* margin-left: 200px; */
  width: 550px;
  padding-top: 0;
  margin-top: 0;
}

.content h1
{ 
  padding-top: 0;
  margin-top: 0;
}

/* events sidebar */
#events
{ 
  float: left;
  width: 140px;
  border: 1px solid;
  margin-right: 15px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: rgb(200,200,200);
}

#events h2
{ 
  text-align: center;
}

#events p
{ 
  font-size: 80%;
}

/* columnized information */
.column
{ 
  float: left;
  margin-right: 10px;
  margin-left: 0px;
  width: 240px;
}

.infoBlock
{ 
  margin: 5px;
}

.infoBlock h2
{ 
  text-align: left;
  padding-left: 15px;
}


/* contact form */
.contact
{ 
}

.contactLabel
{ 
  float: left;
  text-align: right;
  font-weight: bold;
  width: 6em;
  margin-right: 10px;
  clear: left;
}

/* form entry fields */

input#name,
input#email,
input#subject,
textarea#message
{ 
  background-color: rgb(251,239,153);
  font-family: "Lucida Console", Monaco, monospace;
  margin-top: -2px;
}

input#name,
input#email,
input#subject
{
  width: 300px;
  margin-right: 10px;
}

textarea#message
{ 
  font-size: 75%
}

input#name:focus,
input#email:focus,
input#subject:focus,
textarea#message:focus
{ 
  background-color: rgb(253,208,65);
}

input#phone
{ 
  visibility: hidden;
  display: none;
}

/* contact error messages */
.contactErrors
{ 
  margin-left: 10px;
}

.contactErrors p
{ 
  color: rgb(125,5,0);  
  font-weight: bold;
}

p.contactError
{ 
  text-indent: 60px;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

/* Submit button */
.contactButtons
{ 
  clear: both;
  padding-left: 9em;
}

input#submit,
input#reset
{ 
  font-family: "Gill Sans", Helvetica, Tahoma, Arial, sans-serif;
  font-size: 100%;
}


/* copyright section */
#copyright
{
  clear: both;
  margin-left: 20px;
  text-align: center;
  font-size: 70%
}

#copyright p
{ 
  color: rgb(100,100,100);
  color: rgb(10,10,10);
}


/* IE hack to make the images appear in float blocks */
img
{
  position: relative;
}