@charset "UTF-8";
/* CSS Document */

/* --------------------------------------------------

   CALENDAR AND EVENT STYLES

----------------------------------------------------*/

#pinkpagespage td {
	font: 12px Arial, Verdana, sans-serif;
}
/* --------------------------------------------------

   MINI CALENDAR IN RIGHT COLUMN ON PINK PAGES

----------------------------------------------------*/

#content_box #calendar-rt {
	width: 400px;
	padding: 8px;
	position: relative;
	background: #fff;


}

#calendar-rt img {
	border: 0;
}
#calendar-rt #calendar {
	border: solid 2px #ccc;
	font: 10px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
	width: 100%;
	margin: 0;
}
#calendar-rt #calendar td {
	text-align: center;
	padding: 4px 3px;
	color: #000;

}

#content_box #calendar td{
	height:75px;
}
#calendar-rt #calendar .hdr {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
#calendar-rt #calendar td.days {
	background-color: #98B98E;
	font-weight: bold;
	color: #fff;
	text-align: center;
	width: 14%;

}
#calendar-rt #calendar td.grayday {
	color: #B8B8B8;
}
#calendar-rt #calendar td.busy {
	font-weight: bold;
}
#calevents {
	width: 100%;
	margin-top: 10px;
	background-color:#fff;
	
}
#calevents td {
	padding: 4px;
	vertical-align: top;
	border-bottom: dotted 1px #999;
	line-height: 120%;
	font-size: 11px;
	text-align: left;
	
}
#calevents img {
	border: none;
}
#calevents .dateblock {
	width: 60px;
	height: 30px;
	float: left;
}
#calevents .datesm, #calevents .numsm {
	float: left;
	display: inline;
}
#calevents .datesm img {
	margin: 2px 0 0 0;
}

/* --------------------------------------------------

   NEWS IN MAIN COLUMN ON PINK PAGES

----------------------------------------------------*/

.events {
	width: 350px;
	margin-bottom: 4px;
}
.events td {
	padding: 8px 4px;
	vertical-align: top;
	border-bottom: dotted 1px #999;
	line-height: 120%;
	font: 12px Arial, Helvetica, sans-serif;
}
.events td.datehdr {
	font-weight: bold;
	background-color: #98B98E;
}
.events .hdr a {
	font-weight: bold;
	padding: 2px 0 6px 0;
}
.events img.sm {
	border: none;
	width: 100px;
	margin: 0 10px 10px 0
}
.events .postdate {
	color: #666;
	text-transform: capitalize;
	font: 10px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	padding: 4px 0 6px 0; 
}

.morelinks {
	padding: 8px;
	font-size: 11px;
}
a.readmore {
	color: #666;
	text-decoration: none;
}
a.readmore:hover {
	text-decoration:underline;
}

/* --------------------------------------------------

   FULL VIEW OF SCHOOL CALENDAR

----------------------------------------------------*/

#calblock {
	width: auto;
	padding: 0;
	position: relative;
}

#right_sidebar .in_cal_text
{
	visibility:hidden;
	line-height:0;
	font-size:0;
}
#calblock #calendar {
	border: solid 2px #ccc;
	font: bold 16px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
	width: 99%;
}
#calblock #calendar td {
	text-align: center;
	padding: 4px;
	color: #000;
	border: solid 1px #ccc;
	vertical-align: top;
}
#calblock #calendar .hdr {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
#calblock #calendar td.days {
	background-color: #98B98E;
	font-weight: bold;
	color: #fff;
	text-align: center;
	width: 14%;
}
#calblock #calendar td.grayday {
	color: #B8B8B8;
}
#calblock #calendar td.busy {
	font-weight: bold;
	background: #fff;
}
#calblock #calendar ul {
	text-align: left;
	padding: 0;
	margin: 0;
	list-style: none;
}
#calblock #calendar li {
	font: 10px Arial, Helvetica, sans-serif;
	background: url(../images/bg-bullet.gif) no-repeat 0 0;
	list-style: none;
	padding: 1px 0 6px 8px;
	margin: 0;
}

/* --------------------------------------------------

   AT A GLANCE EVENTS ON HOME PAGE

----------------------------------------------------*/

#calendar-home {
	width: 240px;
	top: 8px;
	right: 8px;
	padding: 8px;
	position: relative;
	background: #fff;
	float: left;
}
#calendar-home #calevents {
	width: 100%;
	margin-top: 10px;
}
#calendar-home #calevents td {
	padding: 4px;
	vertical-align: top;
	border-bottom: dotted 1px #999;
	line-height: 120%;
	font-size: 11px;
	text-align: left;
	
}
#calendar-home #calevents img {
	border: none;
}
#calendar-home #calevents .dateblock {
	width: 60px;
	height: 30px;
	float: left;
}
#calendar-home #calevents .datesm, #calevents .numsm {
	float: left;
	display: inline;
}
#calendar-home #calevents .datesm img {
	margin: 2px 0 0 0;
}


#home-events .events {
	width: 330px;
	margin-bottom: 4px;
}