/* WCNCB homepage calendar view */

div.featLast .vcalendar {
	padding: 0 5px 5px;
	background-color: #021046;
	width: 155px;
	margin-left: 11px;
	}
	.vcalendar table {
		padding: 0;
		margin: 0;
		border-left: 1px solid #021046;
		border-top: 1px solid #021046;
		font: normal 11px/20px Arial, Verdana, Helvetica, sans-serif;
		color: #616B76;
		text-align: center;
		background-color: #021046;
		}
	.vcalendar caption {
		color: #fff;
		font-size: 11px;
		}
	.vcalendar td, th {
		border-right: 1px solid #021046;
		border-bottom: 1px solid #021046;
		width: 21px;
		height: 20px;
		text-align: center;
		background-color: #fff;
		}
	.vcalendar a, .vcalendar a:visited {
		text-decoration: none;
		color: #616B76;
		}
	.vcalendar a.highlight, .vcalendar a.highlight:visited {	
		color: #fff;
		background-color: #8baea1;
		text-decoration: none;
		font-weight: bold;
		display: block;
		}
		/* I don't know if we want a change on hover. It seems like it may be deceiving, like you would
		be going to the information for that particular day. If you just see the link indicator hand, or whatever
		cursor, you wouldn't be as likely to be deceived in this way, since it would be the same feedback
		as any day.
		
		.vcalendar a.highlight:hover, .vcalendar a.highlight:active {
			color: #fff;
			background-color: #021046;
			}*/.