/* CSS Document */
	body, h1, h2, h3 { margin: 0; font-size: 100%; font-weight: normal; }

	body { padding: 1.25em; font-family: 'Helvetica Neue', Arial, sans-serif; }

	h1 { font-size: 2em; }
	h2 { font-size: 1.5em; }
	h1, h2 { margin: .5em 0; font-weight: bold; }

	.calendar { width: 100%; font-size: 0.75em;/*12*/ line-height: 1.25em;/*15*/ border-collapse: collapse; border-spacing: 0; }

	.calendar th { text-align: left; }
	.calendar th span { display: none; }

	.calendar tr { display: block; }
	.calendar td,.calendar th { display: none; }

	.calendar .day { margin: 1em 0 .5em 0; font-weight: bold; }
	.calendar li.morelink a{display:block; height: 1.25em;}
	.calendar .events { display: block; text-align:left; }
	.calendar li.moreevents {display:none;}
	.calendar ul { display: block; list-style: none; margin: 0 1.25em 0 0;/*15*/ padding: 0; }
	.calendar li { display: block; position: relative; margin: 0; padding: 0; height: 1.25em;/*15*/ }
	.calendar li a { display: block; position: absolute; left: 0; text-align:left;right: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }
	.calendar tr td.eventbg:hover{border: solid 1px #B4CCEB; color: #366ab3; background-color: #E5EEF9;}
	.calendar tr td.eventbg:visited{border: solid 1px #B4CCEB; color: #366ab3;}
	.calendar tr td:nth-of-type(1) .day:before { content: 'Sunday '; }
	.calendar tr td:nth-of-type(2) .day:before { content: 'Monday '; }
	.calendar tr td:nth-of-type(3) .day:before { content: 'Tueday '; }
	.calendar tr td:nth-of-type(4) .day:before { content: 'Wednesday '; }
	.calendar tr td:nth-of-type(5) .day:before { content: 'Thursday '; }
	.calendar tr td:nth-of-type(6) .day:before { content: 'Friday '; }
	.calendar tr td:nth-of-type(7) .day:before { content: 'Saturday '; }
		
	.calendar .prev-month,
	.calendar .next-month { color: black;font-size:9px;border: solid 1px #B4CCEB; background-color: #EAEAEA; vertical-align:top; }
	@media only screen and (max-width: 640px) {
		.coleft{float:none !important;}
		.coright{float:none !important;}
		.calendar td {display:none;}
		.calendar td.events {float:left !important;text-aligh:left; }
		.calendar tr{display:block;}
		.calendar ul, .calendar ul li{ display: block; width:100%; }
		.calendar tr td.events:nth-of-type(1) { display:block; top: 0px; position:relative; width:100%;}
		.calendar tr td.events:nth-of-type(2) {  display:block; top: 10px; position:relative;  width:100%;}
		.calendar tr td.events:nth-of-type(3) {  display:block; top: 10px; position:relative;  width:100%;}
		.calendar tr td.events:nth-of-type(4) {  display:block; top: 10px; position:relative;  width:100%; }
		.calendar tr td.events:nth-of-type(5) {  display:block; top: 10px; position:relative;  width:100%;}
		.calendar tr td.events:nth-of-type(6) {  display:block; top: 10px; position:relative;  width:100%; }
		.calendar tr td.events:nth-of-type(7) {  display:block; top: 10px; position:relative;  width:100%;}
		
		.calendar li.moreevents {display:block;}
		.calendar li.morelink a {display: none; height: 0px !important; }
	}

	@media only screen and (min-width: 641px) { /*640*/


		.calendar tr { display: table-row; }
		.calendar th, .calendar td { display: table-cell !important; margin: 0; width: 14.2857%; padding: 0.4166em;/*10*/ border: 1px solid #babcbf; vertical-align: top; }

		.calendar .prev-month .day,
		.calendar .next-month .day { color: #000; }

		.calendar td .day { display: block; float: right; margin: 0; font-weight: normal; }
		.calendar td .day:before { display: none; }
		.calendar td .suffix { display: none; }
		.coright{float:right; !important;}

	}

	

	
#coptions{display:inline-block; width:100%; text-align:center;}
.coleft{float:left}
.coright{float:right;}
	
#MonthCal {
	
	width:100%;	
}

.cal-monthbar{background-color: #2E498F;} 
.titlelink { background-color: #2E498F;color: #FFFFFF; font-size: 10pt; font-weight: bold; text-align: center; text-decoration:none; vertical-align:middle;}
.gobtn {font-size:10px;}
.text {
	font-size: 10pt;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding:1px 0px;
	vertical-align:top;	
}
.warn {	
	color:#CC0000; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	}
.textsm {
	font-size: x-small;
	color: Black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: middle;
}

.textsmsm {
	font-size: 8pt;
	color: Black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.textsmday {color: black; font-size:10px;}/*#838383*/
.textday a{ color: black;font-size:8pt; font-weight:bold; text-decoration:underline;}
.textday a:hover{font-size:8pt; font-weight:bold; color: Black; text-decoration:underline;}
.textsmsm a{ display: block; color: black;/*#838383;*/}
.textsmsm a:hover{	background: #ACC9EC; color: Black;}
.textbold {
	font-size: 10pt;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight : bold;
	padding: 1px 0px;
	vertical-align:top;
}
.textheadingdate{
	font-size: 12pt;
	color: black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
	padding:4px 0px;
}
.textheading {
	font-size: 12pt;
	color: #000066;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;	
}

.textheadingbold {
	font-size: 12pt;
	color: /*#525552*/black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
}

a.textlink {
	font-size: 10pt;
	color: #0000CD;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.callink {
	font-size: 10pt;
	color: #0000CD;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
a.callinkbold {
	font-size:  x-small;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
}
a.callinkday {
	font-size:  x-small;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.caltxt {
	font-size: 8pt;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.caltxtbold {
	font-size: 8pt;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
}

a.smcal {
	font-size: 7pt;
	color: #5F9EA0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.smcalbold {
	font-size: 7pt;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
}
a.smcalday {
	font-size: 7pt;
	color: #5F9EA0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.warnsm {
	color:#CC0000; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:x-small;
}
select.monYear{ font-size: 9px; color: black; font-family: verdana, arial, helvetica, sans-serif; }
.hdnvc	{ border: solid 1px #B4CCEB; color: #366ab3; }

.hdnvch	{ border: solid 1px #B4CCEB; color: #366ab3; background-color: #E5EEF9; }
.hdnvcgray	{ color: black;font-size:9px;border: solid 1px #B4CCEB;}
.hdnvc a{	text-decoration: none;}
.hdnvc a:hover{	text-decoration: none;}
.hdnvch a{	text-decoration: none;}
.hdnvch a:hover{	text-decoration: none;}
 a.htab:hover{	text-decoration: none;font-size:12px; background-color:#B4CCEB; padding:4px 8px 0px 8px;vertical-align:baseline;}
 a.htab{color:black; font-size:12px;border:solid; border-color:#B4CCEB;; border-width:1px; padding:4px 8px 0px 8px; vertical-align:baseline;text-decoration: none;background-color:#E5EEF9; }
span.htab{text-decoration: none; border:solid; border-color:#B4CCEB;;border-width:1px;font-size:12px; background-color:#B4CCEB; padding:4px 8px 0px 8px;vertical-align:baseline;}

#desc_area table {
	border: 1px solid black;
	border-collapse: collapse;	
}
#desc_area table tr td{
	padding:2px;
	margin:0px;
	border: 1px solid black;
}