/* IE9 hack */
#gradient {
}

body {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
  font-family: arial, helvetica, verdana, tahoma, sans-serif;
  font-size: 80%;
  color: #000;

  background: #787878;

  line-height: 180%;
}

a {
  color: #646464;
  text-decoration: none;
}

a:hover {
  color: #789;
  text-decoration: none;
}

h1, h2, h3 {
  text-shadow: 0.1em 0.2em 0.4em #000;
}

#headercontainer {
  width: 100%;

  background: #505050;
}

#header {
  margin: 0 auto;
  width: 760px;
  height: 125px;

  border: 1px solid #000000;

  border-top: 0px;
  border-bottom: 0px;
  background: transparent;

  /* old, purple banner
  background: #242424 url('gfx/Pages/Home/header-background.jpg');
  */
}

#header h1 {
  margin: 0;

  color: #C8C8C8;

  font-family: helvetica, arial, verdana, tahoma, sans-serif;
  font-size: 275%;
  padding-left: 10px;
  letter-spacing: -1px;
  padding-top: 50px;
}

#menucontainer {
  width: 100%;

  background: #787878; /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM3ODc4NzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiM2NDY0NjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(top,  #787878 10%, #646464 30%, #000000 100%); /* FF 3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#787878), color-stop(30%,#646464), color-stop(100%,#000000)); /* Chrome, Safari 4+ */
  background: -webkit-linear-gradient(top,  #787878 10%,#646464 30%,#000000 100%); /* Chrome 10+, Safari 5.1+ */
  background: -o-linear-gradient(top,  #787878 10%,#646464 30%,#000000 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #787878 10%,#646464 30%,#000000 100%); /* IE 10+ */
  background: linear-gradient(to bottom,  #787878 10%,#646464 30%,#000000 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#787878', endColorstr='#000000',GradientType=0 ); /* IE 6-8 */
}

#menu {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -ms-box-sizing: content-box;
  margin: 0 auto;
  padding: 0;
  width: 760px;
  height: 100%;

  border: 1px solid #000;
  border-top: 0px;
  border-bottom: 0px;

  display: block;

  background: transparent;
}

#content {
  margin: 0 auto;
  width: 740px;
  padding: 20px 10px;

  border: 1px solid #505050;

  border-top: 0px;
  border-bottom: 0px;

  background: #DCDCDC;
}

#content h2, h3 {
  text-shadow: 0.1em 0.2em 0.2em #828282;
}

#content h2 {
  color: #666;
  padding-bottom: 3px;

  border-bottom: 1px solid #000;

  font-family: helvetica, arial, verdana, tahoma, sans-serif;
  font-size: 200%;
  letter-spacing: -1px;
}

.newscontent {
  margin: 0;
  margin-bottom: 4em;
}

.newscontent p {
  margin: 0;
  margin-bottom: 1.5em;
}

#footer
{
  margin: 0 auto;
  width: 740px;
  text-align: right;
  color: #FFFFFF;
  letter-spacing: 2px;
  
  border: 1px solid #000000;

  font-family: helvetica, arial, verdana, tahoma, sans-serif;
  font-size: 75%;
  padding: 3px 10px;

  background: #787878; /* Old browsers */

  text-shadow: 0.2em 0.2em 0.1em #000;

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM3ODc4NzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiM2NDY0NjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(top,  #787878 10%, #646464 30%, #000000 100%); /* FF 3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#787878), color-stop(30%,#646464), color-stop(100%,#000000)); /* Chrome, Safari 4+ */
  background: -webkit-linear-gradient(top,  #787878 10%,#646464 30%,#000000 100%); /* Chrome 10+, Safari 5.1+ */
  background: -o-linear-gradient(top,  #787878 10%,#646464 30%,#000000 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #787878 10%,#646464 30%,#000000 100%); /* IE 10+ */
  background: linear-gradient(to bottom,  #787878 10%,#646464 30%,#000000 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#787878', endColorstr='#000000',GradientType=0 ); /* IE 6-8 */
}

#footer a {
  color: #B4B4B4;
}

#footer a:hover {
  color: #ABC;
}