.menu:link {text-decoration: none; color: black}

.menu:visited {text-decoration: none; color: black}

.menu:active {text-decoration: none; color: black}

.menu:hover {text-decoration: none; color: red}



BODY, P {font: 10pt Verdana}



a:link {text-decoration: none; color: blue}

a:visited {text-decoration: none; color: blue}

a:active {text-decoration: none; color: blue}

a:hover {text-decoration: none; color: red}



.barra:link {text-decoration: none; color: white}

.barra:visited {text-decoration: none; color: white}

.barra:active {text-decoration: none; color: white}

.barra:hover {text-decoration: none; color: red}



.link:link {text-decoration: none; color: black}

.link:visited {text-decoration: none; color: black}

.link:active {text-decoration: none; color: black}

.link:hover {text-decoration: none; color: red}







#blueblock{

width: 190px;

border-right: 1px solid white;

padding: 0 0 1em 0;



font-family: 'Verdana', 'Verdana', Verdana, sans-serif;

font-size: 80%;

background-color: white;

color: white;

}



* html #blueblock{ /*IE 6 only */

width: 190px; /*Box model bug: 180px minus all left and right paddings for #blueblock */

}



#blueblock ul{

list-style: none;

margin: 0;

padding: 0;

border: none;

}



#blueblock li {

border-bottom: 1px solid white;

margin: 0;

}



#blueblock li a{

display: block;

padding: 5px 5px 5px 8px;

border-left: 10px solid red;

border-right: 10px solid blue;

background-color: blue;

color: white;

text-decoration: none;

width: 100%;

}



html>body #blueblock li a{ /*Non IE6 width*/

width: auto;

}



#blueblock li a:hover{

border-left: 10px solid blue;

border-right: 10px solid red;

background-color: red;

color: #fff;

}







.thumbnail{

position: relative;

z-index: 0;

}



.thumbnail:hover{

background-color: transparent;

z-index: 0;

}



.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

background-color: white;

padding: 5px;

left: 5px;

border: 1px dashed white;

visibility: hidden;

color: black;

text-decoration: none;

}



.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 2px;

}



.thumbnail:hover span{ /*CSS for enlarged image on hover*/

visibility: visible;

top: -310;

left: 0px; /*position where enlarged image should offset horizontally */

}