.picnav1
{


						position:relative;
						float: left;
						margin: 0; 
						padding: 0;
						background: url('images/Menu/AboutUsOn.gif') no-repeat;
						width: 122px;
						height: 128px;
	                    overflow:hidden	
			}
			.picnav1 a {
						display: block;
						color: #000000;
						width: 122px;
						height: 128px;
						display: block;
						float: center;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.picnav1 a:hover {
						color: #000000;
			}
			

			.picnav1 img {width: 122px; height: 128px; border: 0px none; }
			* html a:hover {visibility:visible}
			.picnav1 a:hover img{visibility:hidden}


			
			
.picnav2
{


						position:relative;
						float: left;
						margin: 0; 
						padding: 0;
						background: url('images/Menu/TeacherTrainingOn.jpg') no-repeat;
						width: 122px;
						height: 128px;
	                    overflow:hidden	
			}
			.picnav2 a {
						display: block;
						width: 122px;
						height: 128px;
						display: block;
						float: center;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.picnav2 a:hover {
						color: #000000;
			}
			

			.picnav2 img {width: 122px; height: 128px; border: 0px none; }
			* html a:hover {visibility:visible}
			.picnav2 a:hover img{visibility:hidden}
			
			
			
			
.picnav3
{


						position:relative;
						float: left;
						margin: 0; 
						padding: 0;
						background: url('images/Menu/ProductsOn.gif') no-repeat;
						width: 122px;
						height: 128px;
	                    overflow:hidden	
			}
			.picnav3 a {
						display: block;
						width: 122px;
						height: 128px;
						display: block;
						float: center;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.picnav3 a:hover {
						color: #000000;
			}
			

			.picnav3 img {width: 122px; height: 128px; border: 0px none; }
			* html a:hover {visibility:visible}
			.picnav3 a:hover img{visibility:hidden}
			
			
			
.picnav4
{


						position:relative;
						float: left;
						margin: 0; 
						padding: 0;
						background: url('images/Menu/VideosOn.jpg') no-repeat;
						width: 122px;
						height: 128px;
	                    overflow:hidden	
			}
			.picnav4 a {
						display: block;
						width: 122px;
						height: 128px;
						display: block;
						float: center;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.picnav4 a:hover {
						color: #000000;
			}
			

			.picnav4 img {width: 122px; height: 128px; border: 0px none; }
			* html a:hover {visibility:visible}
			.picnav4 a:hover img{visibility:hidden}
			
			
			
.picnav5
{


						position:relative;
						float: left;
						margin: 0; 
						padding: 0;
						background: url('images/Menu/JobsOn.gif') no-repeat;
						width: 122px;
						height: 128px;
	                    overflow:hidden	
			}
			.picnav5 a {
						display: block;
						width: 122px;
						height: 128px;
						display: block;
						float: center;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.picnav5 a:hover {
						color: #000000;
			}
			

			.picnav5 img {width: 122px; height: 128px; border: 0px none; }
			* html a:hover {visibility:visible}
			.picnav5 a:hover img{visibility:hidden}
			
			
			
.picnav6
{


						position:relative;
						float: left;
						margin: 0; 
						padding: 0;
						background: url('images/Menu/LinksOn.gif') no-repeat;
						width: 122px;
						height: 128px;
	                    overflow:hidden	
			}
			.picnav6 a {
						display: block;
						width: 122px;
						height: 128px;
						display: block;
						float: center;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.picnav6 a:hover {
						color: #000000;
			}
			

			.picnav6 img {width: 122px; height: 128px; border: 0px none; }
			* html a:hover {visibility:visible}
			.picnav6 a:hover img{visibility:hidden}
			
			
			

.topmenu1
{


						position:relative;
						float: left;
						margin: 0; 
						padding: 0;
						background: url('images/Menu/AboutUsTopMenuOver.gif') no-repeat;
						width: 45px;
						height: 80px;
	                    overflow:hidden	
			}
			.topmenu1 a {
						display: block;
						color: #000000;
						width: 45px;
						height: 80px;
						display: block;
						float: center;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.topmenu1 a:hover {
						color: #000000;
			}
			

			.topmenu1 img {width: 45px; height: 80px; border: 0px none; }
			* html a:hover {visibility:visible}
			.topmenu1 a:hover img{visibility:hidden}


.topmenu2
{


						position:relative;
						float: left;
						margin: 0; 
						padding: 0;
						background: url('images/Menu/TeacherTrainingTopMenuOver.gif') no-repeat;
						width: 84px;
						height: 80px;
	                    overflow:hidden	
			}
			.topmenu2 a {
						display: block;
						color: #000000;
						width: 84px;
						height: 80px;
						display: block;
						float: center;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.topmenu2 a:hover {
						color: #000000;
			}
			

			.topmenu2 img {width: 84px; height: 80px; border: 0px none; }
			* html a:hover {visibility:visible}
			.topmenu2 a:hover img{visibility:hidden}
			
			
.topmenu3
{


						position:relative;
						float: left;
						margin: 0; 
						padding: 0;
						background: url('images/Menu/ProductsTopMenuOver.gif') no-repeat;
						width: 51px;
						height: 80px;
	                    overflow:hidden	
			}
			.topmenu3 a {
						display: block;
						color: #000000;
						width: 51px;
						height: 80px;
						display: block;
						float: center;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.topmenu3 a:hover {
						color: #000000;
			}
			

			.topmenu3 img {width: 51px; height: 80px; border: 0px none; }
			* html a:hover {visibility:visible}
			.topmenu3 a:hover img{visibility:hidden}
			
			
			
.topmenu4
{


						position:relative;
						float: left;
						margin: 0; 
						padding: 0;
						background: url('images/Menu/VideosTopMenuOver.gif') no-repeat;
						width: 59px;
						height: 80px;
	                    overflow:hidden	
			}
			.topmenu4 a {
						display: block;
						color: #000000;
						width: 59px;
						height: 80px;
						display: block;
						float: center;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.topmenu4 a:hover {
						color: #000000;
			}
			

			.topmenu4 img {width: 59px; height: 80px; border: 0px none; }
			* html a:hover {visibility:visible}
			.topmenu4 a:hover img{visibility:hidden}
			
			
			
.topmenu5
{


						position:relative;
						float: left;
						margin: 0; 
						padding: 0;
						background: url('images/Menu/JobsTopMenuOver.gif') no-repeat;
						width: 96px;
						height: 80px;
	                    overflow:hidden	
			}
			.topmenu5 a {
						display: block;
						color: #000000;
						width: 96px;
						height: 80px;
						display: block;
						float: center;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.topmenu5 a:hover {
						color: #000000;
			}
			

			.topmenu5 img {width: 96px; height: 80px; border: 0px none; }
			* html a:hover {visibility:visible}
			.topmenu5 a:hover img{visibility:hidden}
			
			
			
.topmenu6
{


						position:relative;
						float: left;
						margin: 0; 
						padding: 0;
						background: url('images/Menu/LinksTopMenuOver.gif') no-repeat;
						width: 51px;
						height: 80px;
	                    overflow:hidden	
			}
			.topmenu6 a {
						display: block;
						color: #000000;
						width: 51px;
						height: 80px;
						display: block;
						float: center;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.topmenu6 a:hover {
						color: #000000;
			}
			

			.topmenu6 img {width: 51px; height: 80px; border: 0px none; }
			* html a:hover {visibility:visible}
			.topmenu6 a:hover img{visibility:hidden}