body { background-color: #363638; color: #c6c6c6; font-family: Helvetica,sans-serif; font-size: 14px; }

p, h1, h2, h3, h4 { margin: 1em 0; line-height: 1.5em; }
a { color: #d5e04d; }
a:hover { text-decoration: none; }

#header { height: 183px; background-image: url('../images/header_tile.gif'); overflow: hidden; width: 100%; }

#menu { height: 18px; margin-top: 5px; }
#menu li { float: left; }
#menu li a { text-decoration: none; height: 18px; display: block; padding: 0 1em; }
#menu li li a { background-color: #d5e04d; color: #454344; text-align: center; padding: 2px; height: auto; border-bottom: 1px solid #B5BF47; }
#menu li li a:hover { background-color: #717274; color: #fff; }
#menu li li a { width: 150px !important; }

#menu li ul { position: absolute; width: 10em; left: -999em; clear: both; }
#menu li:hover ul, #menu li.sfhover ul { left: auto; }
#menu li ul ul { margin: -21px 0 0 154px; border-left: 1px solid #363638; }
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul { left: -999em; }
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul { left: auto; }

#maincontent { margin: 8px; }
#maincontent h1, #maincontent h2 { color: #d5e04d; border-bottom: 3px solid #5f6062; margin: 1em 0; font-size: 150%; font-family: "trebuchet MS",Helvetica,sans-serif; font-weight: bold; font-style: italic; }
#maincontent h2 { font-size: 120%; border: 0; }
#sidebar { margin: 8px; }
#sidebar h1 { color: #d5e04d; border-bottom: 3px solid #5f6062; margin: 1em 0; font-size: 150%; font-family: "trebuchet MS",Helvetica,sans-serif; font-weight: bold; font-style: italic; }

ul.calendar li { margin: 1em 0; color: #8F8F8F }
ul.calendar li h2 { color: #c6c6c6; margin: 0; }

#calendar { width: 300px; float: left }
#calendar table.calendar { margin-bottom: 1em }
#calendar table.calendar caption { background-color: #D5E04D; color: #363638; font-weight: bold; text-align: center; padding: 2px 0 }
#calendar table.calendar tr th { color: #D5E04D; background-color: #5F6062 }
#calendar table.calendar tr td, #calendar table.calendar tr th { width: 35px; height: 35px; text-align: center; line-height: 35px; background-repeat: no-repeat }
#calendar table.calendar tr td a { text-decoration: none; color: #ccc; width: 35px; height: 35px; display: block }
#calendar table.calendar tr td.empty { color: #5F6062 }
#calendar table.calendar tr td.over,
#calendar table.calendar tr td:hover { background-color: #000000 }

#calendarDetail { width: 700px; float: left }
#calendarDetail h1 { margin-top: 0 }
#calendarDetail h1 span.color { display: block; float: right; font-size: 14px; font-weight: normal }
#calendarDetail ul { list-style-type: square; margin-left: 2em }
#calendarDetail ol { list-style-type: decimal; margin-left: 2em }

#calendar .legend {margin-bottom: 1em}
#calendar .legend h2 {margin: 0}

#maincontent .dagmenu { color: #99ff00; text-align: center; font-size: 16px; line-height: 1.8em; }
#maincontent .dagmenu h1 { font-size: 34px; color: #99ff00; border: 0; font-style: normal; margin: 0; }