p		{ font-size: 18px;
		font-weight: normal;
		color: #000000;  					/*  BLACK  */
		}      
      
#header {       
                position: relative;
                width: 100%;
				height: 40px;		
				margin:  10px 0px 0px 0px;		/*  top  right  bottom  left  */
				border: none;

				text-align: center;
				font-weight: bold;	
				}      
      


#container { width:100%; 
					position: absolute;
					max-width: 1600px;	 
					min-width: 1024px;

					}



                    
#banner 	{ position: relative;					/*  SIR BANNER   */
				margin: 0;
				width: 95%;
				height: 340px;
				left: 10px;
				border: none;
				}
                
#ltcol 		{ width: 20%; 
				position: relative;
                margin: 0px 0px 0px 10px;			 /*  top  right  bottom  left  */
				float: left;
            /*    background-color: #be39c6; */
				}
			
#main 		{ width: 50%; 
				position: relative;
                margin: 0px 0px 0px 20px;			 /*  top  right  bottom  left  */
				float: left;
            /*    background-color: #56a95a; */
				}

					
#rtcol 		{ width: 18%; 
				position: relative;				
                margin: 0px 0px 0px 0px;			 /*  top  right  bottom  left  */				 
				float: right;
				text-align: left;	
             /*   background-color: #c93936;  */
			}
/* **** */	
				
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;	}                
                
/* *** Start of sticky note input *** */

h2,p{
  font-size:100%;
  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:140%;
  font-weight:bold;
  padding-bottom:10px;
}
ul li p {
    font-family: "Reenie Beanie",arial,sans-serif;
  font-size: 180%;
    /*  font-size: 90%;*/
}
ul li h2{
  font-size:140%;
  font-weight:bold;
  padding-bottom:0px;
}
ul li p{
  font-family:"Reenie Beanie",arial,sans-serif; /*font*/
  font-size:180%; font-weight: bold
}
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*/