body {

     background-color: #404040;

     color: white;

}



a:link,a:visited,a:active {

    font-family: arial, "lucida console", sans-serif;

    font-size:11px;

    color: #999;

    text-decoration:none;

}

a:hover {

	color: #fff;

}

body { font-size:medium }

.cabecera {

	margin: 20px;

	margin-left:auto;

    margin-right:auto;

	text-align: center;

 	border:#313131 20px solid;

	background: #000 url(imagenes/mussa_cab.gif) 0 0 no-repeat;

    padding:0;

	width: 600px;

    height:60px;

}

.notepaper {

	font-size:63%; /* medium is typically 16px, thus 63% of that is typically 10px */

	margin:20px;

	margin-left:auto;

    margin-right:auto;

	text-align: center;

	font-family: "Palatino",serif;

	border:#313131 20px solid;

	padding:0;

    background: #999 url(imagenes/mussa_cuerpo.jpg) 0 0 no-repeat;

	width: 600px;

    height:330px;

}

.piedepag {

	margin: 20px;

	margin-left:auto;

    margin-right:auto;

	text-align: center;

 	border:#313131 20px solid;

	background: #000 url(imagenes/mussa_pie.gif) 0 0 no-repeat;

    padding:10px 0 0 0;

	width: 600px;

    height:36px;

}

body>.notepaper { font-size:10px; } /* 10px for browsers that support the child selector which all happen to all support Text Zoom */



h1,h2,h3,h4 { margin: 0;font-weight:normal}

h1 { font-family: "Zapf Chancery",cursive; font-size:3em; margin:-0.25em 0}

h2 { font-size:3em; text-transform:uppercase;font-weight:bold}

h3 { font-size:.8em; text-transform:uppercase; letter-spacing:1em;margin-top:1em}

h4 { font-size: 1.05em; text-transform:uppercase; letter-spacing:.7em; margin:33.5em 1.5em 1.5em; }

address { font-style:normal }

a.URL { display:block }



/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:330px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}