/* Universal selector */
/* Remove all default margins and padding */
* {
  margin:0;
  padding:0;
  font-family: 'Arial', Helvetica, Sans-Serif;
  /* background-color: #coffco; */
  /* Temporary borders 
  border:dashed 1px #ff0000;*/
}
/* Element (type) selector */
/* Applies to all ul elements */
ul{
margin-left:3em;
}

/* Element (type) selector */
/* Applies to all tables */
table{
text-align:left;
}  

/* Fixes the mysterious image gap */
#branding img{
  display:block;
}

body {
  background-color: #e1fad9;
  font-family: Arial, Helvetica, sans-serif;
}
#wrapper{
 width:58em;
  background-color: #f1ffe9;
 /* Center the wrapper */
  margin: 0 auto;
}

/* ********************************** */

/* Page header style */
#header{

     height: 175px;
     width: 100%;
     background-image: url(logo-2013.jpg);
  margin: 0 auto;
     background-repeat: no-repeat;
     background-position: center;

}

/* *****************navagation bar *******  */

/* Navbar division */
#navbar{
  background:#a1c097 url(navbackground.jpg) repeat-x center;
  height:1.2em;
  margin-left:-3em;
}
/* Remove bullets from ul list in the navbar */
#navbar ul{
  list-style-type:none;
}
/* List items in the navbar -- makes list horizontal instead of vertical */
#navbar li{
  float:left;
/* Required for drop-down menus */
position:relative;
}
/* Applies to drop-down menus in navbar */
#navbar li ul{
  position:absolute;
  z-index:100;
  visibility:hidden;
}
/* Make drop-down visible on navbar hover */
#navbar li:hover ul{
  visibility:visible;
   left:0;
   top:1.0em;
}
/* Applies to links on the drop-down menu */
#navbar li:hover ul li a{
  background:#e1fad9; /* Removes background image */
  color:#000;
  text-align:left;
  display:block;
  width:15em;
  padding:0 0 0 1em;
  height:auto;
}
/* Hover on drop-down menu links */
#navbar li:hover ul li a:hover{
  background: #446434;
  color:#fff;
}

/* **************** height 3.0 below was 1.5 ************ */
/* ********** width was 8.8em, font 71%  ************* */
/* Applies to navbar links, unvisited and visited  */
#navbar a,
#navbar a:link,
#navbar a:visited{
    text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:75%;
  color:#000;
  background:#a1c097 url(navbackground.jpg) repeat-x center;
  display:block;
  height:3.0em;
  width:8.4em;
 border-right:solid 1px #afa;
 border-left:solid 1px #afa;
 text-align:center;
 line-height:1.5em;
 outline-style:none;
}

/* Navbar hover, active, and current page links */
#navbar a:hover,
#navbar a:active,
.homepage #nav-home a,
.aboutpage #nav-about a,
.programpage #nav-program a,
.pagespage #nav-pages a,
.commissionerspage #nav-commissioners a,
.contributorspage #nav-contributors a,
.workshoppage #nav-workshop a,
.faqpage #nav-faq a,
.linkspage #nav-links a

{
  background:#a1c097 url(navhover.jpg) repeat-x center;
  color:#fff;
}


/* **************** page body ****************** */

/* Style for page body */
body {
}


/* Style for main content area */
#main {
   margin: 1em 2em;
   line-height:1.3em;
}
in main content area, change font and style of emphasized words */
/* #main em{
   /* font-family: Charcoal, Impact, sans-serif;*/
   font-variant:small-caps;
   letter-spacing:0.06em;
}


/* ********************************** */

/* above footer style */
/* not used, but now firefox works right.  do not remove until you figure out why */
#abovefooter{
     clear: both;
     height: 116px;    
     width: 100%;
     align: middle;
     margin: 0 auto;
}


/* Page bottom above footer style */
#paypal{
   clear: both;
   float: left; 
   display: inline;
   padding: 0;
   margin: 0em 0.5em;
   Width: 25em;
   text-align: center;
}

#contacts{
   margin: 0.5em; 
   
   padding: 0;
   margin-left: 30em;
}


/* Page footer style */
#footer{
     clear: both;
     
     height: 116px;    
     width: 100%;
     background-image: url(COA-bottom-2016.gif);
     align: middle;
     background-repeat: no-repeat;
     background-position: center;
     margin: 0 auto;
}