/*###############################################
       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;
}
.main-inner{
	color:black;
}

/*################################################
           EVENT LINK PROPERTIES
The event links on the main calendar page,
shown inside each cell of the calendar.
NOTE: only used if you choose to let people click on 
the individual events from there. */

a.event_link{
	color: black;
	text-decoration: none;
	background-color: inherit;
}
a.event_link:hover{
	color: black;
	text-decoration: underline;
	background-color: inherit;
}
div.event_block{
	color: white;
	text-decoration: none;
	background-color: inherit;
	margin: 0px;
	padding:5px;
	border-top: 1px solid #888888;
}

/*#################################################
           LINK/TEXT PROPERTIES
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: #D6D2AA;
}
/* The titles on each of the modules */
.box_title{
  color: #D6D2AA;
  background-color: inherit;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: bold;
}
.box_subtitle{
  color: #FFFFFF;
  background-color: inherit;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
}

/*##############################################*/
.cal_tab{
	background-color: #D6D2AA;
	border-top: 1px solid #D6D2AA;
	border-left: 1px solid #D6D2AA;
	border-right: 1px solid #D6D2AA;
	border-bottom: 2px solid #D6D2AA;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	cursor:pointer;
	cursor:hand;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #222233;
	margin-left: 5px;
	margin-right: 5px;
}

.cal_tab2{
	background-color: #000000;
	border-top: 1px solid #D6D2AA;
	border-left: 1px solid #D6D2AA;
	border-right: 1px solid #D6D2AA;
	border-bottom: 0px solid #D6D2AA;
	padding: 3px;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 0px;
    cursor:pointer;
    cursor:hand;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 5px;
	margin-right: 5px;
}

.cal_tabbody{
	background-color: #000000;
	border: 1px solid #D6D2AA;
	color: #FFFFFF;
	padding: 12px;
	float: center;
	margin: 5px;
	margin-top: 0px;
}

/*############################################
      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: 95%;
  text-align: center;
  font-size: 10pt;
  table-layout: fixed;
  border-style: none;
	margin-bottom: 12px;
}
#calendar table{
  padding: 1px;
  background-color: inherit;
  border-spacing: 1px;
}
/* the calendar table headers */
#calendar th{
	background-color: #614500;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	text-align: center;
	text-transform: uppercase;
}
#calendar td{
	font-size: 10px;
	overflow: hidden;
}
#calendar div.daylink{
	width: 100%;
	background-color: #3A3200;
	padding: 3px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
}
#calendar div.daylink a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 1px;
	display: inline;
	border-width: 0px;
}
#calendar div.daylink a:hover{
	color: #000000;
	background-color: #D6D2AA;
	border: 1px solid #444455;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
}
#calendar div.todaylink{
	width: 100%;
	background-color: #3A3200;
	padding: 3px;
	color: #FFCC00;
	font-size: 10px;
	font-weight: bold;
}
#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: #FFCC00;
}
#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: #3A3200;
	color: #000000;
	padding: 3px;
	font-size: 10px;
	font-weight: bold;
}
#calendar div.extralink a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 1px;
	display: inline;
	border-width: 0px;
}
#calendar div.extralink a:hover{
	color: black;
	background-color: #D6D2AA;
	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: #FFFFF0;}
#calendar td.weekday{
  text-align: left;
  color: black;
  background-color: #FFFFF0;}
#calendar td.weekday_future{
  text-align: left;
  color: black;
  background-color: #F5F5DC;}
#calendar td.weekend, #calendar td.weekday, #calendar td.weekday_future{
  text-align: left;
  height: 80px;
}

/*###################################################
            MODULE TABLE PROPERTIES
This is for the table each module is loaded in,
with the exception of the admin page */

table.box{
  background-color: #3A3200;
  color: #D6D2AA;
  border: 1px solid #D6D2AA;
	line-height:1.5em;
	font-family:Arial, Helvetica, sans-serif;
}

table.box a {
  color: #F29E00;
}