/* CSS Document */

/***************************************************************************************************

The following classes are used to control the look of the calendar.
	.calendar - properties of the table containing the calendar
	.cal_header - properties of the table cell containing the name of the month and year
	.cal_prevMonth - properties of the table cell containing link to previous month
	.cal_nextMonth - properties of the table cell containing link to next month
	.cal_daysOfWeek - properties of the table cells that contain each day of the week (sun-sat)
	.cal_inMonth - properties of each table cell for a day of the month
	.cal_notInMonth - properties of each table cell for days that are not part of the month
	
****************************************************************************************************/

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  background: #6F6F6F url(/images/layout/body_bg.jpg);
}
#wrapper {
  margin: 0 auto;
  padding: 10px 2px 2px 2px;
  width: 855px;
  background: #353535 url(/images/layout/logo.jpg) top left no-repeat;
}
h1 {
  margin: 36px 0 0 55px;
  padding: 0;
  width: 519px;
  height: 44px;
  background: url(/images/layout/title.jpg);
  text-indent: -999em;
  float: left;
}
p#header {
  margin: 36px 0 0 55px;
  padding: 20px 10px 0 0;
  height: 24px;
  background: url(/images/layout/title.jpg) top left no-repeat;
  text-align: right;
  font-size: 14px;
}
a {
  color: #EAEAEA;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.calendar {
	/* overall width of calendar */
	margin: 0 auto;
	border: 1px solid #666666;
	border-collapse: collapse;
}
.calendar ul {
    margin: 0;
    padding: 0;
	list-style: none;
}
.calendar ul li {
	margin: 5px 0;
	padding: 0px;
	font-size: 10px;
}
.cal_header {
	color: #FFFFFF;
	background: #990000;
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
	border: none;
	text-align: center;
}
.cal_prevMonth, .cal_nextMonth {
	background: #990000;
	font-size: 12px;
	font-weight: normal;
	padding: 3px;
	border: none;
}
.cal_nextMonth {
	text-align: right;
}
.cal_prevMonth a, .cal_nextMonth a {
    color: #FFFFFF;
}
.cal_daysOfWeek {
	color: #990000;
	background: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	width: 115px;
}
.cal_inMonth {
	color: #3A2F1F;
	background: #FFFFFF;
	border: 1px solid #666666;
	padding: 3px;
	font-size: 10px;
	text-align: left;
	width: 115px;
	height: 100px;
	vertical-align: top;
}
.cal_inMonth a {
    color: #990000;
}

.cal_notInMonth {
	color: #3A2F1F;
	background: #EAEAEA;
	border-top: 1px solid #666666;
	padding: 3px;
	width: 115px;
	height: 100px;
}


/********************************************************************

The id's below control the look of the details box that pops up
when the mouse is placed over an event. If you add a category for
for the details, include an id below if you want to apply a unique
style to that category.

*********************************************************************/

#cal_details {
	padding: 3px;
    position: absolute;
	width: 300px;
	border: 1px solid #990000;
	background: #EAEAEA;
	font-size: 12px;
	display: none;
	z-index: 10;
}