body {
    margin: 0px;
    padding: 0px;
    background-image: url(images/index01.jpg);
}

body, th, td {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
}

form {
	margin: 0px;
	padding: 0px;
}

.input1 {
}

.align-justify {
	text-align: justify;
}

.text1 {
    font-size: 9px;
	text-align: justify;
}

.text2 {
    font-size: 9px;
    color: #1E1E1E;
}

.text3 {
    line-height: 16px;
}

.text4 {
    font-size: 9px;
    color: #DBDBDB;
}

.text5 {
    font-size: 12px;
	text-align: justify;
}

a {
    color: #1756C2;
}

a:hover {
	text-decoration: none;
}

.img1 {
    margin-left: -2px;
}

/*
Styles that are applied on the containing element
like <TD></TD>. When applied, this will change both
the text and the text links inside them.
*/

.style1 {
}

.style1 a {
}

.style1 a:hover {
}

.media { 
position: relative;
background-image: url(images/media2.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 102px;
height: 74px;
margin: 0; 
padding: 0; 
}

.media a {
display: block;
color: #000000;
width: 102px;
height: 74px;
display: block;
float: left;
}

.media img {width: 102px; height: 74px; border: 0; }
* html a:hover {visibility:visible}
.media a:hover img{visibility:hidden}



.teaching { 
position: relative;
background-image: url(images/teaching2.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 101px;
height: 74px;
margin: 0; 
padding: 0; 
}

.teaching a {
display: block;
color: #000000;
width: 101px;
height: 74px;
display: block;
float: left;
}

.teaching img {width: 101px; height: 74px; border: 0; }
* html a:hover {visibility:visible}
.teaching a:hover img{visibility:hidden}



.websites { 
position: relative;
background-image: url(images/websites2.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 101px;
height: 74px;
margin: 0; 
padding: 0; 
}

.websites a {
display: block;
color: #000000;
width: 101px;
height: 74px;
display: block;
float: left;
}

.websites img {width: 101px; height: 74px; border: 0; }
* html a:hover {visibility:visible}
.websites a:hover img{visibility:hidden}



.home { 
position: relative;
background-image: url(images/home2.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 44px;
height: 74px;
margin: 0; 
padding: 0; 
}

.home a {
display: block;
color: #000000;
width: 44px;
height: 74px;
display: block;
float: left;
}

.home img {width: 44px; height: 74px; border: 0; }
* html a:hover {visibility:visible}
.home a:hover img{visibility:hidden}



.email { 
position: relative;
background-image: url(images/email2.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 50px;
height: 74px;
margin: 0; 
padding: 0; 
}

.email a {
display: block;
color: #000000;
width: 50px;
height: 74px;
display: block;
float: left;
}

.email img {width: 50px; height: 74px; border: 0; }
* html a:hover {visibility:visible}
.email a:hover img{visibility:hidden}