body
{
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
}



#td1 a{
padding-left: 0px;
display: block;
width: 100px;
height: 150px;
color: white;
text-decoration: none;
text-align: center;
border: 1px solid black;
background-image: url('../images/Library.png');
background-color: #405880;
}

#td1 a:hover{
color: black;
border: 1px solid black;
background-image: url('../images/Library.png');
background-color: #335BAF;
}


#td2 a{
padding-left: 0px;
display: block;
width: 100px;
height: 150px;
color: white;
text-decoration: none;
text-align: center;
border: 1px solid black;
background-image: url('../images/Student.png');
background-color: #302040;
}

#td2 a:hover{
color: black;
border: 1px solid black;
background-color: #503560;
background-image: url('../images/Student.png');

}


#td3 a{
padding-left: 0px;
display: block;
width: 100px;
height: 150px;
color: white;
text-decoration: none;
text-align: center;
border: 1px solid black;
background-image: url('../images/careers1.png');
background-color: #803000;
}

#td3 a:hover{
color: Black;
border: 1px solid black;
background-color: #bb3500;
background-image: url('../images/careers1.png')
}


#td10 a{
padding-left: 0px;
display: block;
width: 100px;
height: 150px;
color: white;
text-decoration: none;
text-align: center;
border: 1px solid black;
background-image: url('../images/Computer.png');
background-color: #3E647E;
}

#td10 a:hover{
color: Black;
border: 1px solid black;
background-color: #5E849E;
background-image: url('../images/Computer.png')
}

#td5 a{
padding-left: 0px;
display: block;
width: 100px;
height: 150px;
color: white;
text-decoration: none;
text-align: center;
border: 1px solid black;
background-image: url('../images/Registrar.png');
background-color: #206060;
}

#td5 a:hover{
color: Black;
border: 1px solid black;
background-color: #009090;
background-image: url('../images/Registrar.png')
}

#td6 a{
padding-left: 0px;
display: block;
width: 100px;
height: 150px;
color: white;
text-decoration: none;
text-align: center;
border: 1px solid black;
background-image: url('../images/exams.png');
background-color: #805000;
}

#td6 a:hover{
color: Black;
border: 1px solid black;
background-color: #C89800;
background-image: url('../images/exams.png')
}

#td7 a{
padding-left: 0px;
display: block;
width: 100px;
height: 150px;
color: white;
text-decoration: none;
text-align: center;
border: 1px solid black;
background-image: url('../images/Reception.png');
background-color: #0070BB;
}

#td7 a:hover{
color: Black;
border: 1px solid black;
background-color: #59ACFF;
background-image: url('../images/Reception.png')
}

#td8 a{
padding-left: 0px;
display: block;
width: 100px;
height: 150px;
color: white;
text-decoration: none;
text-align: center;
border: 1px solid black;
background-image: url('../images/International.png');
background-color: #504070;
}

#td8 a:hover{
color: Black;
border: 1px solid black;
background-color: #655585;
background-image: url('../images/International.png')
}

#td9 a{
padding-left: 0px;
display: block;
width: 100px;
height: 150px;
color: white;
text-decoration: none;
text-align: center;
border: 1px solid black;
background-image: url('../images/Professional.png');
background-color: #880000;
}

#td9 a:hover{
color: Black;
border: 1px solid black;
background-color: #BB0000;
background-image: url('../images/Professional.png')
}

#td4 a{
padding-left: 0px;
display: block;
width: 100px;
height: 150px;
color: white;
text-decoration: none;
text-align: center;
border: 1px solid black;
background-image: url('../images/timetables.png');
background-color: #405880;
}

#td4 a:hover{
color: Black;
border: 1px solid black;
background-color: #556d95;
background-image: url('../images/timetables.png')
}

#td11 a{
padding-left: 0px;
display: block;
width: 100px;
height: 150px;
color: white;
text-decoration: none;
text-align: center;
border: 1px solid black;
background-image: url('../images/moodle.png');
background-color: #008000;
}

#td11 a:hover{
color: Black;
border: 1px solid black;
background-color: #008040;
background-image: url('../images/moodle.png')
}

#td12 a{
padding-left: 0px;
display: block;
width: 100px;
height: 150px;
color: white;
text-decoration: none;
text-align: center;
border: 1px solid black;
background-image: url('../images/Further.png');
background-color: #981010;
}

#td12 a:hover{
color: Black;
border: 1px solid black;
background-color: #bc1515;
background-image: url('../images/Further.png')
}

#td13 a{
padding-left: 0px;
display: block;
width: 100px;
height: 150px;
color: white;
text-decoration: none;
text-align: center;
border: 1px solid black;
background-image: url('../images/email.png');
background-color: #b83030;
}

#td13 a:hover{
color: Black;
border: 1px solid black;
background-color: #cc2525;
background-image: url('../images/email.png')
}

#td14 a{
padding-left: 0px;
display: block;
width: 100px;
height: 150px;
color: white;
text-decoration: none;
text-align: center;
border: 1px solid black;
background-image: url('../images/cad.png');
background-color: #ee6428;
}

#td14 a:hover{
color: Black;
border: 1px solid black;
background-color: #ce4408;
background-image: url('../images/cad.png')
}