/*
    Styles for Mannkal Economic Education Foundation events calendar

    00173d    dark blue
    1b417c    mid blue
    265298    blue
    a4bde4    light blue
    ae292f    red
    e4bdb8    light red
*/

#content { color: #000000; background: #ffffff url(../images/layout/bg-menu.gif) center top repeat-x; margin: 0; padding: 65px 25px 25px 25px; width: 726px; line-height: 130%; }

p#instructions { border: 1px solid #00173d; padding: 9px; margin: 10px; }


table#calendar { border-collapse: collapse; font-size: 0.8em; margin-left: auto; margin-right: auto; }
table#calendar caption { padding: 5px; color: #000000; font-weight: bold; margin-bottom: 0.5em; font-size: 1.44em; text-align: left; }
table#calendar th { color: #ffffff; background: #00173d; border: 1px solid #00173d; padding: 5px; width: 90px; line-height: 150%; text-align: center; vertical-align: bottom; font-weight: bold; }
table#calendar td { color: #000000; background: #ffffff; border: 1px solid #00173d; padding: 5px; width: 90px; height: 90px; text-align: left; vertical-align: top; }
table#calendar td.colpad { background: #a4bde4; }
table#calendar td.withevent { background: #ffffff; }
table#calendar td.mannkal { background: #e4bdb8; }

table#calendar td ul { margin: 0; padding: 0; list-style: none; line-height: 125%; font-size: 0.9em; }
table#calendar td li { margin: 0; padding: 2px; list-style: none; }
table#calendar td li.event { color: #666666; }
table#calendar td li.mannkal { color: #1b417c; font-weight: bold; }

table#calendar td a { color: #666666; text-decoration: none; font-weight: normal; }
table#calendar td a:hover { color: #ae292f; text-decoration: underline; }
table#calendar td li.mannkal a { color: #1b417c; font-weight: bold; font-size: 1.2em; }
table#calendar td li.mannkal a:hover { color: #ae292f; text-decoration: underline; }


ul#eventdetails { margin: 1em 0 0 0; padding: 0; list-style: none; }
ul#eventdetails li { margin: 0 0 1em 0; padding: 0; list-style: none; border: none; width: 350px; position: static; top: 375px; left: 215px; }
ul#eventdetails h3 { margin: 0; padding: 0.25em 1em; font-size: 1.2em; line-height: 200%; color: #ffffff; background: url(../images/layout/eventdetailtop.gif) left top no-repeat; }
ul#eventdetails h4 { margin: 0; padding: 0.5em 1em; border-left: 2px solid #00173d; border-right: 2px solid #00173d; color: #000000; background: #ffffff; }
ul#eventdetails p { margin: 0; padding: 0.25em 1em; border-left: 2px solid #00173d; border-right: 2px solid #00173d; color: #000000; background: #ffffff; text-align: left; }
ul#eventdetails p.goback { margin: 0; padding: 1em 1em; border: none; color: #000000; background: url(../images/layout/eventdetailbottom.gif) left bottom no-repeat; }


form#selectdate { margin: 0; padding: 0; border: none; position: absolute; top: 565px; right: 40px; width: 20em; }
form#selectdate fieldset { margin: 0; padding: 0; border: none; }


@media print {
  body { color: #000000; background: #ffffff; font-size: 10pt; }
  #content { width: auto; color: #000000; background: #ffffff; margin: 2em; padding: 0; }
  a { color: #333333; text-decoration: underline; }
  ul#eventdetails li { width: auto; }
  ul#eventdetails h3 { color: #000000; background: #ffffff; }
  ul#eventdetails h4 { border: none; }
  ul#eventdetails p { border: none; }
  ul#eventdetails p#goback { display: none; }
  form#selectdate { display: none; }
}