body(padding: 10px; background-color: #fff;)

#container{width: 66px;
           min-height: 200px;
		   margin: 0;
		   }
		   

/* καθορίζει τις διαστάσεις του κουμπιού που είναι μέρος της εικόνας 
   Στην προκειμένη μας περίπτωση θα εμφανίσει ένα μέρος	της εικόνας
   που θα έχει πλάτος 130px και ύψος 50px από την εικόνα mathematica.gif */  
a.bMathematica, a.bUniveristyOfCreta, a.bLearn, a.bDiasMath, a.bTaPantaPeri, 
a.bOED{
	width: 250px;
	height: 50px;
	display: block;
	background: url(mathematica.gif) no-repeat;
	overflow: hidden;
	}
	
a.bMathsFinder, a.bMathmatikos, a.bBozatzidis{
	width: 200px;
	height: 50px;
	display: block;
	background: url(mathematica.gif) no-repeat;
	overflow: hidden;
	}	

a.bTeleMath, a.bFergadiotis{
	width: 180px;
	height: 50px;
	display: block;
	background: url(mathematica.gif) no-repeat;
	overflow: hidden;
	}	

a.bEme, a.bMosxonas{
	width: 150px;
	height: 50px;
	display: block;
	background: url(mathematica.gif) no-repeat;
	overflow: hidden;
	}	

a.bCangaroo{
	width: 100px;
	height: 50px;
	display: block;
	background: url(mathematica.gif) no-repeat;
	overflow: hidden;
	}
	
a.bEmeHmathias{
	width: 50px;
	height: 50px;
	display: block;
	background: url(mathematica.gif) no-repeat;
	overflow: hidden;
	}

a.bMathShmei{
	width: 130px;
	height: 50px;
	display: block;
	background: url(mathematica_1.gif) no-repeat;
	overflow: hidden;
	}	

a.bMathematica{background-position: 0px 0px;}
a.bMathematica:hover{background-position: 0px -50px;}
a.bMathematica:active{background-position: 0px -100px;}

a.bUniveristyOfCreta{background-position: 0px -450px;}
a.bUniveristyOfCreta:hover{background-position: 0px -500px;}
a.bUniveristyOfCreta:active{background-position: 0px -550px;}

a.bCangaroo{background-position: -250px 0px;}
a.bCangaroo:hover{background-position: -250px -50px;}
a.bCangaroo:active{background-position: -250px -100px;}

a.bTeleMath{background-position: -350px 0px;}
a.bTeleMath:hover{background-position: -350px -50px;}
a.bTeleMath:active{background-position: -350px -100px;}

a.bEme{background-position: 0px -150px;}
a.bEme:hover{background-position: 0px -200px;}
a.bEme:active{background-position: 0px -250px;}


a.bMathsFinder{background-position: -150px -150px;}
a.bMathsFinder:hover{background-position: -150px -200px;}
a.bMathsFinder:active{background-position: -150px -250px;}

a.bMathmatikos{background-position: -150px -300px;}
a.bMathmatikos:hover{background-position: -150px -350px;}
a.bMathmatikos:active{background-position: -150px -400px;}

a.bMosxonas{background-position: 0px -300px;}
a.bMosxonas:hover{background-position: 0px -350px;}
a.bMosxonas:active{background-position: 0px -400px;}

a.bFergadiotis{background-position: -350px -150px;}
a.bFergadiotis:hover{background-position: -350px -200px;}
a.bFergadiotis:active{background-position: -350px -250px;}

a.bBozatzidis{background-position: -350px -300px;}
a.bBozatzidis:hover{background-position: -350px -350px;}
a.bBozatzidis:active{background-position: -350px -400px;}

a.bLearn{background-position: -250px -450px;}
a.bLearn:hover{background-position: -250px -500px;}
a.bLearn:active{background-position: -250px -550px;}

a.bDiasMath{background-position: 0px -600px;}
a.bDiasMath:hover{background-position: 0px -650px;}
a.bDiasMath:active{background-position: 0px -700px;}

a.bEmeHmathias{background-position: -500px -450px;}
a.bEmeHmathias:hover{background-position: -500px -500px;}
a.bEmeHmathias:active{background-position: -500px -550px;}

a.bTaPantaPeri{background-position: -250px -600px;}
a.bTaPantaPeri:hover{background-position: -250px -650px;}
a.bTaPantaPeri:active{background-position: -250px -700px;}

a.bMathShmei{background-position: 0px 0px;}
a.bMathShmei:hover{background-position: 0px -50px;}
a.bMathShmei:active{background-position: 0px -100px;}

a.bOED{background-position: 0px -750px;}
a.bOED:hover{background-position: 0px -800px;}
a.bOED:active{background-position: 0px -850px;}