/* For listing bunches of entry forms and the like */

div.TwoCol {
	float: left;   /* force this to enclose packet divs */
	margin-left: 20%;
	
	margin-bottom: 2em;
	margin-top: 1em;
	font-size: 1.1em;
	/* border: 3px green solid;  /*-- debug */
	}
		
div.colLeft  {
	float: left;
	margin-left: 0em;
	/*border: 2px red solid; /* -- debug */
	}

div.colRight  {
	float: left;
	/* border: 2px blue solid;  /* -- debug */
	}
	
div.colorBlock {   /* eye catching notice */
	clear: both;   /* don't float into anything */
	width: 25em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	background-color: #FC9;
	font-size: 1.0em;
	font-weight: bold;
	border: 8px #660033 ridge;
	color: #603;
	padding: 1.5em 3em 2em 1.5em;
	text-align: center;
	line-height: 1.25;
	
}

	
h1#bigOne {    /* splashy main title */
	text-align: center;
	font-size: 1.8em;
	background-color: #CCF;

    padding: 1em;
	margin-left: 4em;
	margin-right: 4em; 
	overflow: hidden;
	}
	
ul.monthNav {
	margin: .25em 0em 2em 0em;
	
	padding: .25em;
	
	list-style: none;
	background-color:#639;
	float: left;
	width: 100%;
	
	
	font-size: 1em;
	font-weight: bold;
	line-height: 1;
	}
	
ul.monthNav li {
	float: left;
	text-align: center;
	margin: 0em;
	
	
	}

ul.monthNav li h1 {  /* a label */
	color: #fff;
    font-weight: bold;
	font-size: 1em;
	padding-top: .2em;
	padding-left: .3em;
	padding-right: .3em;
	}
	

ul.monthNav a {
	width: 3.5em;
	padding: .2em;
	
	margin: 0em .1em 0em .1em;
	display: block;
	
	background-color: #FCF;
	color: #909;
	
	text-align:center;
	}
	
ul.monthNav a:hover {
	background-color:#69c;    
      color: #FFF;  
	}	 	
ul.monthNav a:active {
      color: #FCF;
      background-color: #909;              
 }
 
div#calendarBody {
	clear: both;   /* don't let anything float up into the month strip */
/*	max-width: 960px; /* sets max layout width */
/*	min-width: 720px; /* sets min layout width */

	}

#calendarBody h1 {
	margin-bottom: 1em;
	}

div.textBlock {
	font-size: 1em;
	margin-left: 3em;
	margin-right: 3em;
	}

/* div.wrapCalendar{
	width: 100%;
	overflow: auto;
	border: 1px brown solid;
	} */
	
table.calendarTable {
	font-size: .9em;
	border-collapse: collapse;
	margin: .25em 2em .25em 1em;
	padding: .5em;
	width: auto;

	}
	
.calendarTable th {
	padding: .3em .5em .3em .5em;
	font-weight: bold;
	text-align: center;
	background-color: #CCCCFF;
	border-top: 3px #639 solid;
	border-bottom: 3px #639 solid;
	}
	

.calendarTable td {
	padding: .5em .7em .5em 1em;
	border-bottom: 1px #CCCCCC solid;
	background-attachment: fixed;
	
	}
	
tr.month {
    background-color:#CCCCFF;	
	border-top: 3px #639 solid;
	border-bottom: 3px #639 solid;
    }

th.month {
	text-align:left;

    background-color: #CCCCFF;
    font-size: 1.4em;
    color: #663399;
	border-top: 3px #639 solid;
	border-bottom: 3px #639 solid;
    }

tr.calendarLabel {
	background-color: #E8E8E8;
	border-bottom: 3px #CCC solid;
}

.calendarLabel th {
	padding: .3em .5em .3em .5em;
	border: none;
	font-weight: bold;
	text-align: center;
	background-color: #E8E8E8;
	}
	
td.dates {
	vertical-align: top;
	font-weight: bold;
	}	
	
tr.VNother, td.VNother {
	background-color: #DFF;
	}
	
tr.VNschooling, td.VNschooling	{
	background-color: #DFD;
	}
	
tr.VNlicensed, td.VNlicensed	{
	background-color: #FFD;
	}
	
tr.VNboard, td.VNboard {
	background-color: #EDE
	;
	}