/*###############################################
       MAIN BACKGROUND TABLE PROPERTIES

  The main outer tables surrounding everything.
  basically, main-outer is the border color, 
  and main-inner is the background color of the table*/
.main-outer{
	color:black;
	background-color: #004100;
}
.main-inner{
	color:black;
/*	background-color: #004100; */
}

/*#################################################
           LINK/TEXT PROPERTIES

/* just regular links */
a {
  color: blue;
  background-color: inherit;}
a:hover {
  color: black;
  background-color: inherit;
} 
/* The titles that say the month year, and sometimes the day at the top. */
.month_title{
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 20px;
	font-weight: Bold;
	color: #00CF00;
}

/*############################################
      THE MAIN CALENDAR PROPERTIES
  
this is the calendar table background, and
basically only shows up as the border and spaces
between the cells of the main calendar.  */
#calendar {
  background-color: white;
  color: white;
  width: 100%;
  text-align: center;
  font-size: 10pt;
  table-layout: fixed;
  border-style: none;
}
#calendar table{
  padding: 1px;
  background-color: inherit;
  border-spacing: 1px;
}
/* the calendar table headers */
#calendar th{
  background-color: #45775C;
  color: white;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 2px;
  text-align: center;
}
#calendar td{
	font-size: 10px;
	overflow: hidden;
}
#calendar div.daylink{
	width: 100%;
	background-color: #65AE64;
	padding: 3px;
}
#calendar div.daylink a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: white;
	padding: 0px;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 1px;
	display: inline;
	border-width: 0px;
}
#calendar div.daylink a:hover{
	color: black;
	background-color: #FFCC00;
	border: 1px solid #444455;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
}
#calendar div.todaylink{
	width: 100%;
	background-color: #FBEA86; /* #FFCC33; /* #31528E; */
	padding: 3px;
}
#calendar div.todaylink a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 0px;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 1px;
	display: inline;
	border-width: 0px;
	color: #555566;
}
#calendar div.todaylink a:hover{
	color: black;
	background-color: #FFCC00;
	border: 1px solid #444455;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
}
#calendar div.extralink{
	width: 100%;
	background-color: #F2F2F2; /* A9BCD5;  D1DCEE; /* #A2A9BB; */
	padding: 3px;
}
#calendar div.extralink a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: white;
	padding: 0px;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 1px;
	display: inline;
	border-width: 0px;
	color: white;
}
#calendar div.extralink a:hover{
	color: black;
	background-color: #FFCC00;
	border: 1px solid #444455;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
}
/* the 'past' colors for the main calednar page */
#calendar td.weekend{
  text-align: left;
  color: black;
  background-color: #EFFFF0;}
#calendar td.weekday{
  text-align: left;
  color: black;
  background-color: #FFFFEB;}
#calendar td.weekday_future{
  text-align: left;
  color: black;
  background-color: #FAFAFA;}
#calendar td.weekend, #calendar td.weekday, #calendar td.weekday_future{
  text-align: left;
  height: 100px;
  font-size:0.9em;
  font-weight:bold;
}