estilo no deja ver los enlaces

[el_cesar]

tengo esta web http://www.organizacioneverest.com/s...enu/index.html como pueden ver los enlaces del menu no funcionan, luego de mucho revisar me di cuenta que si le quito el estilo "texto" a los enlaces, si los deja funcionar, pero al hacer eso se desordena la web, ya lo valide con el validator de w3c, corregi los errores pero sigue sin funcionar, que puede estar pasando?

esta es mi hoja de estilos

Código CSS:

body {
background-color: #CED8F6;
background-image:  url("el-everest.jpg");
background-repeat:no-repeat;
background-position:center;
background-attachment: fixed;
text-align: center;
} 
.contenedor{
position: absolute;
width: 600px;
left: 50%;
margin-left: -300px;
background-image: url("fondo.png");
top: 0px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
behavior:url(border-radius.htc);
float:left;
}
.head{
width: 292px;
height: 150px;
float: left;
}
.cuadro_titulo{
position: relative;
width: 300px;
margin-left:5px;
font-family: "palatino linotype",palatino,serif;
color: #0011FF;
font-size: 40px;
font-weight: bold;
font-variant: small-caps;
float: left;
}
.texto{
font-family: "trebuchet MS",sans-serif;
color: #100078;
font-size: 40px;
font-weight: bold;
font-variant: small-caps;
}
 
.texto a:link{
color: #100078;
text-decoration:none;
}
.texto a:hover{
color: #100078;
text-decoration: underline;
}
.texto a:visited{
text-decoration: underline;
color: #156B00;
}
.enlace{
position:relative;
width: 550px;
margin-left: 10px;
margin-top: 10px;
float:left;
}
.icono{
position:relative;
width:70px;
float:left;
}
.footer{
position:relative;
width: 600px;
left: 50%;
margin-left: -300px;
font-family: arial,sans-serif;
font-size: 12px;
 
}