#season  {	position:static;							/*	SEASONAL IMAGE		*/
				margin: 0px 0px 0px  5px;			/*  top  right  bottom  left  */	
				width: 180px;
				height:180px;					/* 96px */
				top: 20px;
				left: 30px;
				border:none;
				}
				

			
#ltcol 		{ width: 20%; 
						margin: 0px 0px 0px 10px;			 /*  top  right  bottom  left  */
						float: left;  
            line-height: normal;
            font-size: 14px;
            text-align: left;
	        	font-weight: normal;
	        	color: #000000; 
				}

	
/* Use a media query to add a breakpoint at 800px: */
@media screen and (max-width: 800px) {
  #ltcol, #main, #rtcol {
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}	
			

			

					
h1, h2, h3, h4, h5, h6, p 	{
		font-family: Arial, Helvetica, sans-serif;
		margin: 0;
		text-align: center;
/* 		color: #0000FF;				 BLUE   #0000FF   */
/*		color:#00008B;				DARK BLUE #00008B  */
		color:#000080;		/*  NAVY   */
		font-weight: bold;
		}
		
h1	{ font-size: 60px;	margin: 16px;	}
h2	{ font-size: 40px;	}
h3	{ font-size: 30px;	margin: 10px;}	
h4	{ font-size: 20px;	margin: 10px;}
h5	{ font-size: 14px;	}
h6	{ font-size: 10px;	}
		
p		{ font-size: 18px;
        text-align: left;
		font-weight: normal;
		color: #000000;  					/*  BLACK  */
		}

/*img	{												/*		ACTIVITIES IMAGES	*/
/*	width: 70px;
	height: 70px;
	margin: 3px;
	padding: 3px;
    border: solid #000000;
      }
*/
		
a:link, a:visited { color: #00F; }    			/* Light Blue   */
a:hover, a:active { color: #F00; }  		    /*  Red  */
a:hover { background-color: #FFF; }  	 /*  White   */
p a:link, p a:visited { color: #00F; }		/*  Light Blue   */

/* *** Start of sticky note input *** */

h2,p{
  font-size:80%;
  font-weight:normal;
}
ul,li{
  list-style:none;  /*removes the bullets*/
}
ul{
  overflow:hidden;  
  padding:0em; /*moves the list down and to the right by xem in the ltcol box - */
}
ul li{ /*seperates blocks and moves right xem and down xem*/
  margin:1em;
  float:left;
} 
ul li a{
  text-decoration:none;
  color:#000;
  background:#ffc;
  display:block;
  height:8em;  /*makes yellow blocks 10 x 10em*/
  width:8em;
  padding:1em;
  -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
  -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
}


ul li h2{
  font-size:120%;
  font-weight:bold;
  padding-bottom:0px;
}
ul li p{
  font-family:"Reenie Beanie",arial,sans-serif; /*font*/
  font-size:150%; font-weight: bold;
  line-height: 80%;
  text-align: center;
}


======
ul li a{
  -webkit-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  -moz-transform:rotate(-6deg);
}
ul li:nth-child(even) a{
  -o-transform:rotate(4deg);
  -webkit-transform:rotate(4deg);
  -moz-transform:rotate(4deg);
  position:relative;
  top:5px;
  background:#cfc;
}
ul li:nth-child(3n) a{
  -o-transform:rotate(-3deg);
  -webkit-transform:rotate(-3deg);
  -moz-transform:rotate(-3deg);
  position:relative;
  top:-5px;
  background:#ccf;
}
ul li:nth-child(5n) a{
  -o-transform:rotate(5deg);
  -webkit-transform:rotate(5deg);
  -moz-transform:rotate(5deg);
  position:relative;
  top:-10px;
}
ul li a:hover,ul li a:focus{  /*hover to make block bigger by 1.25*/
  box-shadow:10px 10px 7px rgba(0,0,0,.7);
  -moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);
  -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -o-transform: scale(1.25);
  position:relative;
  z-index:5;
}

ol{text-align:center;}
ol li{display:inline;padding-right:1em;}
ol li a{color:#fff;} /*gray color*/