.style4{
 font-family: verdana;
 font-size: 10px;
 color: #000099;
}
.style1{
 font-family: verdana;
 font-size: 10px; 
 color: #000000;
}
.style12{
 font-family: verdana;
 font-size: 12px; 
 color: #000000;
}

.leftmargin{
  margin-left: 40px;
}

.holiday{
  color: red;
}
.event{
  color: green;
}

.calendartable{
border: 1px solid #338BA6;
border-collapse: collapse;
margin-left: 40px;
width: 80%;
}

.calendartable td, .calendartable th{
 border: 1px solid #73C0D4;
 text-align:center;
 width: 300px;
}

.calendartable th {
  background-color: black;
  font-family: Verdana, Arial, Helvetica;
  font-size: 14px;
  font-weight:bold;  
  color: #FFFFFF;
  padding:0.2em;
}

.popUp1 {
    position: absolute;
	z-index: 10;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffcc;
	visibility: hidden;
	margin-top: 500px; 
    margin-left :300px;
	padding: 5px;	
	width: 125px;
	border: solid 1px black
	}  
	
	.popUp2 {
    position: absolute;
	z-index: 10;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffcc;
	visibility: hidden;
	margin-top: 500px; 
    margin-left :300px;
	padding: 5px;	
	width: 125px;
	border: solid 1px black
	}  
	
	.eventTable {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
	width: 100%;
}
.eventTable td {
	border: 1px solid #D6DDE6;	
	padding: 0.3em;
	width: 33%;
}
.eventTable th {
	border: 1px solid #828282;
	background-color: #BCBCBC;
	font-weight: bold;
	text-align: left;
	padding-left: 0.3em;
}
.eventTable caption {
	font: bold 110% Arial, Helvetica, sans-serif;
	color: #33517A;
	text-align: left;
	padding: 0.4em 0 0.8em 0;
}
.eventTable tr.altrow {
	background-color: #DFE7F2;
	color: #000000;
}
.eventTable tr:hover, .datatable tr.hilite {
	background-color: #DFE7F2;
	color: #000000;
}