/* Calendar */

/* Genereal calendar formating */
table.calendar
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
	text-align: center; 
     font-size: 11px; 
}

/* Full view calendar formating */
table.calendar_full
{	
   	width: 180px; 
	border: solid 1px #00CC00;
	float: left; 
}
/* Menu view calendar formating */
table.calendar_menu
{
	width: 100%; 
}

table.calendar th.heading
{
	padding: 2px; 
	text-align: center; 
}
table.calendar th
{
	text-transform: lowercase;
	background-color: #00CC00;
	color: white;

/* color: white; */ 
}

table.calendar th.days
{
	width: 12%; 
    font-size: 100%; 
	border: solid 2px white; 
	background-color: #00CC00;
	text-align: center; 
}

/* Saturday and Sunday */
table.calendar th.d0, table.calendar th.d6
{
	color: #ff0000;
}

table.calendar td
{
	font-size: 100%; 
	border: solid 2px white; 
	background-color: #CCFFCC;
	color: 00CC00; 
	text-align: center; 
}

table.calendar td.active
{
	color: #336600; 
	border: solid 3px #336600;
}

table.calendar td.event
{	
	color: white;
	background-color: #00CC00;
}

table.calendar td.event a
{
    color: #336600;
	text-decoration: none;
}

table.calendar td.event a:hover
{
    color: white;
	text-decoration: underline;
}

/* List of upcoming calendar events */

div.cal_events
{
	width: 160px; 
	background-color: #ffffff; 
	float: left; 
	clear: right; 
	margin-left: 5px; 
	margin-right: 5px; 
	margin-bottom: 5px; 
	border: solid 1px black;
	padding-bottom: 5px; 
	font: 100% Verdana;	
}

div.cal_events ul
{
	margin-left: 20px;
	font-size: 90%; 
	padding-left: 0px; 
}


div.cal_events h2
{
	margin: 0px; 
	color: black;
	background-color: #6699CC;
	text-align: center; 
	padding: 4px;
	font-size: 100%; 
}

ul.cal_event
{
	width: 100%; 
}


ul.cal_event li.event
{	
	padding: 4px; 	
	width: 470px; 
	overflow: visible;
	border: dotted black 1px; 
	background-color:  #dddddd;
	margin-bottom: 4em; 
    /* height: 17em; This is used to ensure that all calendar event are properly laid out below each other  */
    height: 17em; 
    min-height: 10em; 
}

/* End Calendar */

/* White link */
a.white
{
	color: white;
	text-decoration: none; 
	/* text-decoration: none; */
}

a:hover.white
{
	color: white; 
	text-decoration: underline;
}

a.blu
{
	color: 336600;
    font-weight: bold;
	text-decoration: none; 
	/* text-decoration: none; */
}

a:hover.blu
{
	color: 266081; 
    font-weight: bold;
	text-decoration: underline;
}