* {
font-family: Arial Black, Verdana, Arial, sans-serif;
font-size: small;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.title {
border: 1px solid #0258ff;
margin: 2px;
padding: 10px 2% 10px 2%;
width: 95%;
background-color: #700030;
text-align: center; }

.subtitle {
border: 1px solid #0258ff;
margin: 0% 0% 0% 16%;
width: 65%;
background-color: #0da9f2;
text-align: center;
}

.curdirname {
text-align: center;
font-size: x-large;
}

.navigation {
text-align: left;
}

.img {
border: 1px dashed #044fdb;
margin: 3px; padding: 10px;
text-align: center;
background-color: #0450e0;
}

.img td {
text-align: left;
}

.larger {
text-align: center;
font-size: x-large;
}

.imgfloat {
border: 1px dashed #044fdb;
margin: 3px;
width: 126px;
Height: 130px;
Max-Height: 130px;
padding: 10px 10px 2px 10px;
float: left;
text-align: center;
background-color: #0450e0;
}

.mvifloat {
border: 1px dashed #044fdb;
margin: 3px;
width: 126px;
Height: 130px;
Max-Height: 130px;
padding: 10px 10px 2px 10px;
float: left;
text-align: center;
background-color: #0450e0;
background-image: url('movie.gif');
background-repeat: no-repeat;
background-position: center;
}

.dirfloat {
border: 1px dashed #044fdb;
margin: 3px;
width: 240px;
Height: 210px;
Max-Height: 220px;
padding: 15px 10px 2px 10px;
float: left;
text-align: center;
background-color: #902020;
}

.dirfloat3 {
border: 1px dashed #044fdb;
margin: 3px;
width: 240px;
Height: 210px;
Max-Height: 220px;
padding: 15px 10px 2px 10px;
float: left;
text-align: center;
background-color: #808090;
}

a:link {
color: #000000;
}

a:visited {
color: #ee0055;
}

a.imgfloat:hover, 
a.dirfloat:hover, 
a.mvifloat:hover {
text-decoration: none;
border: 1px solid #044fdb;
background-color: #802040;
}

.spacer {
clear: both;
}