
/* POSITIONING
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/

#calendar #primary-site-content {
	margin-left: 17.1em;
}

#calendar #secondary-site-content {

}



#primary_content_header {
	background-color: #002244;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: left;
}

#primary_content_header h1 {
	margin: 0;
	padding-top: 1.25em;
	padding-left: 0.5em;
	font: 2.25em verdana, geneva, arial, sans serif;
	font-weight:normal;
	color: #fff;
}


/* EVENT LIST
-------------------------------------------------------------------------*/

.eventList {
	text-align:left;
	font:verdana, geneva, arial, sans serif;
}

.eventWrapper {
	margin: 3em 1.5em 0 1.5em;
}

.eventDateTime {
	display:block;

	margin:0;
	padding:0 0 0.25em 0;

	border-bottom:1px solid #ccc;

/*	background-color: #9FF; */
}
	
.eventDateTime h1 {
	padding:0;
	margin:0 1.5em 0 0;

	color:#f66804;
	font-size:1.8em;
	font-weight:normal;
	vertical-align: baseline;
}

.eventDateTime h2 {
	display:block;
/*	padding:4px 0px 0px 0px; */
	padding:0;
	margin:0;

	color:#333;
	font-size:11px;
	font-weight:normal;
}

.eventDetails {
	margin:1.25em 0 0 0;
	padding:0;
}

.eventDetails h1 {
	display:block;
	margin:0;

	color: #333;
	font-size: 1.3em;
	font-weight: normal;
}

.eventLocation h1 {
	float:left;
	margin:0;
	padding:0;
	color: #333;
	font-size: 13px;
	font-weight: normal;
}

.eventLocation p {
	margin:0 0 0 110px;
	padding:0;
	color: #333;
	font-size: 11px;
	font-weight: normal;
}


.eventLinks {
	margin:0.1em 0 1.25em 0;
	padding:0;
}

.eventLinks h1 {
	float:left;
	margin:0;
	padding:0;
	color: #333;
	font-size: 13px;
	font-weight: normal;
}

.eventLinks p {
	margin:0 0 0 110px;
	padding:0;
	color: #333;
	font-size: 11px;
	font-weight: normal;
}


/* MINI-CALENDAR (the one in the sidebar)
-------------------------------------------------------------------------*/
.miniCalendarWrapper {
	color: #123;

	border-top: 1px solid #002244;
	padding: 1.0em 0.25em 0em 0.25em;
	margin: 0;

	text-align: center;
}

.miniCalendarTable {
	width: 100%;
	border: 0;
	padding: 0;
	text-align: center;
}

.miniCalendarTable td {
	text-align: center;
}


/* MINI-CALENDAR (Row 1)
-------------------------------------------------------------------------*/
.miniMonthYearRow {
	vertical-align: baseline;
	background-image: url(monthBg.gif);
}
.miniMonthYearText {
	font: 1.15em/1.75em verdana, geneva, arial, sans serif;
	font-weight: Bold;
	color: #F93;
}


/* MINI-CALENDAR (Row 2)
-------------------------------------------------------------------------*/
.miniDayNamesRow {
	vertical-align: baseline;
}

.miniDayNamesText {
	font-size: 0.85em;
	line-height: 2.25em;
	font-weight: Normal;
	color: #9CF;
	background-image: url(dayBg.gif);
}


/* MINI-CALENDAR (Row n)
-------------------------------------------------------------------------*/
.miniDayNumbersRow {
	color: #433D27;
	font-family: 'lucida grande', geneva, verdana;
	font-size: 1.25em;
    line-height: 1.25em;
	vertical-align: middle;
}

.miniRows {
	color: #fff;
	font-size: 0.85em;
    line-height: 1.0em;
	font-weight: normal;

	vertical-align: baseline;
}



.miniToday {
	color: #CF0000;
	background-color: #444;
}

/*
---------------------------------------------------------------------------
The classes below determine how the calendar background markings will look.
---------------------------------------------------------------------------

Remove the "background-image..." lines to remove graphics as table cell background images.

If you do use images, change the "background-color..." to a sililar color to that
of your image. This will help persons with slow connections to see the event markings.

You can optionally remove the "background-color..." lines to only use graphics.

*/

/* Normal Cell Background (date number with no event markings) */
.mini2 {
	color: #aaa;

	background-image:  url("cdef.gif");
	}
/* Empty Cell Background (empty cells with no date numbers) */
.mini20 {
	background-image:  url("cdef5.gif");
	}
/* Mark Start Cell Background (usually a slashed graphic to show availability or solid for events) */
.mini21 {
	background-image:  url("cdef2.gif");
	background-color: #444;
	text-decoration: underline;
	}
/* Mark Solid Cell Background (solid marked event date background) */
.mini22 {
	background-image:  url("cdef2.gif");
	background-color: #444;
	text-decoration: underline;
	}
/* Mark End Cell Background (usually a slashed graphic to show availability or solid for events) */
.mini23 {
	background-image:  url("cdef2.gif");
	background-color: #444;
	text-decoration: underline;
	}
/* Mark End/Start Cell Background (usually a slashed graphic to show availability or solid for events) */
.mini24 {
	background-image:  url("cdef2.gif");
	background-color: #444;
	border: 1px dotted #ddaaff;
	}










.mainTable {
	width: 630px;
	background-color: #FFFFFF;
	border: 1px solid #e4e4e4;
/*	border: 1px solid #003366; */
}


/**************************************************
				BEGIN - ROW 1
   ************************************************/
.monthYearRow {
    line-height: 17pt;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	background-image: url(monthBg.gif);
}
.monthYearText {
	font-family: lucida grande, geneva, verdana;
	font-size: 13px;
	font-weight: Bold;
	color: #252216;
}
/****************  END - ROW 1  ********************/



/**************************************************
				BEGIN - ROW 2
   ************************************************/
/* BEGIN - Day names column header row */
.dayNamesRow {
    line-height: 11pt;
	background-color: #F5F4D3;
	text-align: center;
	vertical-align: middle;
}

.dayNamesText {
    font-family: lucida grande, geneva, verdana;
	font-size: 10px; 
	font-weight: Bold;
	color: #433D27;
	background-image: url(dayBg.gif);
}
/****************  END - ROW 2  ********************/




/**************************************************
			BEGIN - ROW LOOP SECTION
   ************************************************/
.dayNumbersRow {
	font-family: lucida grande, geneva, verdana;
	font-size: 10px;
	color: #433D27;
    line-height: 15pt;
	text-align: right;
	vertical-align: middle;
}

.rows {
	font-family: lucida grande, geneva, verdana;
	font-size: 10px;
	color: #433D27;
    line-height: 20pt;
	text-align: right;
	vertical-align: top;
}

/************  END - ROW LOOP SECTION  *************/




.today {
	color: #CF0000;
}





table#cal_nav {
	background-color: #fff;
	width: 713px;
	height: 36px;
	border: 0;
}

table#cal_nav td {
	text-align: center;
	font: 12px lucida grande, geneva, verdana;
	background-color: #fff;
}

table#cal_nav td a {
	text-decoration: none;
}




/*
---------------------------------------------------------------------------
The classes below determine how the calendar background markings will look.
---------------------------------------------------------------------------

Remove the "background-image..." lines to remove graphics as table cell background images.

If you do use images, change the "background-color..." to a sililar color to that
of your image. This will help persons with slow connections to see the event markings.

You can optionally remove the "background-color..." lines to only use graphics.

*/

/* Normal Cell Background (date number with no event markings) */
.s2 {
	background-image:  url("cdef.gif");
	background-color: #EEEEEE;
	}
/* Empty Cell Background (empty cells with no date numbers) */
.s20 {
	background-image:  url("cdef5.gif");
	background-color: #EBEBEB;
	}
/* Mark Start Cell Background (usually a slashed graphic to show availability or solid for events) */
.s21 {
	background-image:  url("cdef2.gif");
	background-color: #F5E0D8;
	}
/* Mark Solid Cell Background (solid marked event date background) */
.s22 {
	background-image:  url("cdef2.gif");
	background-color: #F5E0D8;
	}
/* Mark End Cell Background (usually a slashed graphic to show availability or solid for events) */
.s23 {
	background-image:  url("cdef2.gif");
	background-color: #F5E0D8;
	}
/* Mark End/Start Cell Background (usually a slashed graphic to show availability or solid for events) */
.s24 {
	background-image:  url("cdef2.gif");
	background-color: #F5E0D8;
	}