/* General */

html
{
  font-size: 100%; /* Force IE to correctly resize ems */
  margin: 0;
  padding: 0;
}

body
{
  background: #4096ee url(images/background.jpg) repeat-x left top;
  border: 0;  /* This removes the border around the viewport in old versions of IE */
  color: #000000;
  font: 0.8em Verdana, sans-serif;
  margin: 0;
  padding: 0;
  text-align: left;
}

#container
{
  margin: 0 auto 0 auto;
  width: 720px;
}

a
{
  color: #1b4978;
  font-weight: bold;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

img
{
  border: 0;
}


/* Headers */

#header
{
  width: 100%;
  padding: 1.5em 0 1.5em 0;
}

h1
{
  color: #ffffff;
  background: url(images/logo.png) no-repeat;
  font: bold small-caps 4.5em Arial, Helvetica, sans-serif;
  height: 80px;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 615px;
}

h1 span
{
  display: block;
  height: 0;
  overflow: hidden;
  width: 0;
}

h2
{
  background-color: #b2d4f7;
  clear: both;
  color: #173e68;
  font: bold 1.4em Arial, Helvetica, sans-serif;
  margin: 0 0 0 0;
  padding: 0.25em 0.4em 0.25em 0.4em;
}

h3
{
  color: #2f73b8;
  font: bold 1.2em Verdana, sans-serif;
  padding: 1em 0.3em 0 0.3em;
  margin: 0;
}


/* Menu */

#menu
{
  font: bold 1.2em Arial, Helvetica, sans-serif;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: center;
  width: 100%;
}

#menu ul
{
  margin: 0;
  padding: 0.25em 0 1.25em 0;
}

#menu ul li
{
  display: inline;
  list-style-type: none;
  margin: 0 0.5em 0 0.5em;
  padding: 0;
}

#menu ul li a
{
  background-color: #349b32;
  color: #efdb00;
  margin: 0;
  padding: 0.25em 1em 0.25em 1em;
  text-align: center;
  text-decoration: none;
}

#menu ul li a:hover
{
  background-color: #efdb00;
  color: #ff0000;
  padding: 0.25em 1em 0.25em 1em;
}


/* Content */

#topcap
{
  background: url(images/topcap.png) no-repeat left top;
  height: 8px;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

#content
{
  background: #ffffff;
  border-top: 0;
  border-bottom: 0;
  border-left: 8px solid #ffffff;
  border-right: 8px solid #ffffff;
  line-height: 1.35;
  margin: 0;
  padding: 0.25em 0.25em 1.75em 0.25em;
}

#content p
{
  padding: 0.75em 0.5em 0.25em 0.5em;
  margin: 0;
}

#content ul
{
  padding: 0.75em 0 0 0;
  margin: 0 0 0 2.5em;
}

#content ul li
{
  padding: 0.25em 0.5em 0.25em 0.5em;
  margin: 0;
}

#content dl
{
  padding: 0.75em 0 0 0;
  margin: 0;
}

#content dl#home
{
  padding: 0.75em 0 1.25em 0;
  margin: 0;
}

#content dl dt
{
  font-weight: bold;
  padding: 0 0.5em 0.25em 0.5em;
  margin: 0;
}

#content dl#home dt
{
  padding: 0 0.3em 0.25em 0.3em;
  margin: 0;
}

#content dl#home dt a
{
  color: #2f73b8;
  font: bold 1.2em Verdana, sans-serif;
  text-decoration: none;
}

#content dl#home dt a:hover
{
  text-decoration: underline;
}

#content dl dd
{
  padding: 0 0.5em 0.75em 2em;
  margin: 0;
}

#content table.calendar
{
  border-collapse: collapse;
  border: 0;
  margin: 0 0 0.5em 0;
  padding: 0;
}

#content table.calendar caption
{
  font-weight: bold;
  margin: 0;
  padding: 1em 0.5em 0.5em 0.5em;
  text-align: left;
}

#content table.calendar tr td
{
  line-height: 1.35em;
  margin: 0;
  padding: 0 0.5em 0.5em 0.5em;
  vertical-align: top;
}

#content table.calendar tr td.date
{
  text-align: right;
  white-space: nowrap;
}

#content table.calendar tr.headings
{
  display: none;
}


/* Footer */

#footer
{
  background: #d0d0d0;
  margin: 0;
  padding: 0.4em;
}

#footer p
{
  color: #444444;
  font-size: 0.8em;
  margin: 0;
  padding: 0.25em;
  text-align: center;
}
