body {
	margin: 0;
	padding: 0;
	border: 0px;
        margin-top: 0;
        background: #f9d5d9 url('http://www.viva-la-voce.com/images/blackStripes.jpg');
    	background-repeat: repeat;
    	}

a {
	text-decoration: none;
	}

a:link {
    	color: #995027;
    	}

a:visited {
    	color: #995027;
	outline: none;
	border: 0px none;
    	}

a:hover, a:active {
    	color: #D8C190;
    	text-decoration: none;
	outline: none;
	border: 0px none;
    	}

a:focus {
	-moz-outline-style: none;
	}

img {
    	margin: 0;
    	padding: 0;
    	border: 0px none;
    	}

#outterframe {
	margin: 0;
	padding: 0;
	border: 0px;
	background: url('http://www.viva-la-voce.com/images/blackStripes.jpg');
    	background-repeat: repeat-y;
	}

#frame {
    	width: 766px;
    	margin-left: auto; 
    	margin-right: auto; 
    	background: url('http://www.viva-la-voce.com/images/ribbon.png'); 
    	}

#frame {
	margin-top: 0px; /*default*/
	_margin-top: -4px; /*only for IE*/
	}

#maintext {
	text-align: center;
	font-family: book antiqua, 
		bookman old style, 
		arial;
	font-size: 16pt;
	text-decoration: none;
	color: #000000;
	}	

#listtext {
	text-align: left;
	font-family: book antiqua, 
		bookman old style, 
		arial;
	font-size: 12pt;
	text-decoration: none;
	color: #000000;
	}	

#bottomtext {
	text-align: center;
	font-family: arial;
	font-size: 8pt;
	text-decoration: none;
	color: #000000;
	}


/*HOVER POPUP LINKS*/

/*hoverpopups type 1*/

#popup { color: #000; background-color: white; }

#popup a, #popup a:visited {
position: relative;
display: block;
width: 130px;
line-height: 12px;
text-align: center;
padding: 0px;
margin: 0;
border: 0px solid black;
text-decoration: none;
font-size: 1em;
font-weight: bold;
}

#popup a span {display: none;}

#popup a:hover { background-color: #e9e9e2; }

/* the IE correction rule */
#popup a:hover	{
color: #f00; background-color: white;
text-indent: 0; /* added the default value */
}

#popup a:hover span{
display: block;
position: absolute;
top: 0px;
left: 170px;
width: 320px;
margin: 0px;
padding: 10px;
color: #335500;
font-weight: normal;
background: #e5e5e5;
text-align: left;
border: 1px solid #666;
}


/*THUMBNAIL HOVERPOPUPS*/

.thumbnail  {
position: relative;
float: left;
padding: 5px;
/*z-index: 0;*/
}

.thumbnail:hover {
background-color: #e9e9e2;
/*z-index: 50;*/
color: #335500;
text-decoration: none;
}

.thumbnail span { /*CSS for enlarged image*/
position: absolute;
background-color: #e5e5e5;
padding: 5px;
/*left: -1000px;*/
border: 1px solid #666;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
border-width: 0px; 
/*padding: 2px;*/
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility: visible; width: 200px;
top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 300px;/*position where enlarged image should offset horizontally */
}

/*THUMBNAIL2 - thumbnail2 has border and border on hover*/

.thumbnail2 {
position: relative;
float: left;
padding: 5px;
/*z-index: 0;*/
}

.thumbnail2:hover { 
background-color: #e9e9e2;
/*z-index: 50;*/
color: #335500;
text-decoration: none;
}

.thumbnail2 span { /*CSS for enlarged image*/
position: absolute;
background-color: #e5e5e5;
padding: 5px;
/*left: -1000px;*/
border: 1px solid #666;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img { /*CSS for enlarged image*/
border-width: 0px;
/*padding: 2px;*/
}

.thumbnail2:hover span { /*CSS for enlarged image on hover*/
visibility: visible; width: 208px;
top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 300px;/*position where enlarged image should offset horizontally */
}

a.thumbnail2 img { text-decoration:none;
z-index: 50; }

/*if same attribute for all 4 states, then declare here in
a.thumbnail2*/ 

a.thumbnail2 img:link { border: 2px solid #e9e9e2; background: transparent; }

a.thumbnail2 img:visited { border: 2px solid #e9e9e2; background : transparent; }

a.thumbnail2 img:hover { border: 2px solid #f00; background : transparent; }

a.thumbnail2 img:active { border: 2px solid #e9e9e2; background : transparent; }

a.thumbnail2 img { border: 2px solid #e9e9e2; }

/*end of hover popup links*/