*
{
  margin: 0;
  padding: 0;
  font-family: Arial;
}

img
{
  border: 0;
}

BODY
{
  color: #000;
  background-color: #fff;
}

p, ul
{
  margin: 5px;
}

.panel
{
  border: 1px solid #555;
  padding: 2px;
  text-align: center;
  width: 50%;
  margin: 0px auto;
}

.title
{
  font-weight: bold;
}

h1.title
{
  text-align: center;
}

#logoLink
, #logoContainer
, #logo
{
  text-align: center;
  margin: 0px auto;
  max-width: 100%;
}

#raffle
{
  background-color: #ff8000;
}

#mission
{
  background-color: #579D5F;
}

#copyRightInfo
{
  border-top: 1px solid #555;
}

.event
{
  margin-top: 1em;
}

.event .title
{
  text-decoration: underline;
}

.event .time
{
  font-style:italic;
}

.event .price
, .event .venue
, #copyRightInfo
{
  font-size: 75%;
}

.eventdate
{
  color: #006400;
  text-align: left;
  font-size: 110%;
}

ul.menu
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left; /* enter "left", "right", or "center" to orient the menu accordingly */
  font: bold 16px Georgia;
  margin-bottom: 15px;
  border-top: 3px solid #579D5F;
}

ul.menu li
{
  display: inline;
  margin-right: 25px; /* spacing between each menu item */
}

ul.menu li a
{
  position: relative;
  color: black;
  padding-bottom: 8px; /*spacing between each menu item and arrow underline beneath it */
  text-decoration: none;
}

ul.menu li a:hover
{
  border-bottom: 3px solid #579D5F; /* style of arrow underline */
}

ul.menu li a:hover:after
{
  /* use CSS generated content to add arrow to the menu */
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  margin-left: -5px; /* value should match border-width below */
  bottom: 0;
  border-width: 5px; /* value should match margin-left above */
  border-style: solid;
  border-color: transparent transparent #579D5F transparent; /* create up arrow */
}

ul.links li:first-child 
{
  font-weight: bold;
}

@media (max-width: 480px)
{
  .panel
  {
   width : 85%;
  }
  
  ul.menu
  {
   font : bold 14px Georgia;
  }
    
  #logo 
  {
    width: 480px;
    height: auto;
  }
}
