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



a:hover {
	background-color:#EFEFE0;
	color: #222222;
}
A.HYellow:hover { background-color:#EFEFE0 }
A.HWhite:hover {background-color:#EFEFE0 }



.borderThumbnails {	
	border: 2px #CCCCCC solid;	
}
.borderImg {
	border: 1px #CCCCCC solid;	
}

ol li {
	padding-bottom: 0.5em;
	display:inline;
	margin:0;
}


/* NAV MAIN */
#navcontainer {
  font-size:11px;
  color:#016c27;
  font-weight:bold;
  width: 450px;
}
#navcontainer ul {
  margin: 0;
  list-style-type: none;
  text-align: center;
  padding: 5px;
  margin:0;
}
#navcontainer ul li { float:left; }
#navcontainer ul li a {
  text-decoration: none;
  color: #016c27;
  float: left;
  height: 37px;
  width: 69px;
  padding: 35px 2px 2px 2px;
  background-image: url(/images/i_calendar_block.gif);
  background-repeat: no-repeat;

}
#navcontainer a:link, #navcontainer a:visited { text-decoration: none; }
#navcontainer ul li a:hover {
  background-image:  url(/images/i_calendar_block.gif);
  color: #000000;
  text-decoration: underline;
  cursor:pointer;
}
/* end NAV MAIN */

/*notes:
1. adjust Navcontainer width will determine how many thumbnails in each row. 450px leaves 6 in each row.
2. adjusting the gaps by changing the height & width of "navcontainer ul li a" - NOT padding.
3. adjusting the spacing of letters that label each month by changing "padding"
*/