/* CSS Document */

body {
margin: 0; 
font-family: arial, sans-serif;
}

#header {
background-color: #027abb;
height: 90px;
width: 100%;
padding: 30px 0 0; 
}

#quote {
width: 700px;
text-align: center;
margin: auto;
color: #ffffff;
text-decoration: none;
font-weight: bold;
font-style: italic;
font-family: Arial, sans serif;
font-size: 17px;
}


.quotename {
font-size: 13px; 
}

#maincontent {
margin: auto;
height: auto;
width: 800px;
background: #fff;
}

#navigation {
margin: auto;
width: 800px;
text-align: center;
}

#navigation h1 {
font-size: 18pt; 
color: #027abb; 
letter-spacing: 5px; 
}

#navigation ul li, .othercollection ul li {
list-style-type: none;
display: inline;
margin: 0 10px 0 0;
}

#navigation a {
color: #000000;
font-family: Arial, sans serif;
font-size: 13px;
text-decoration: none; 
font-weight: bold; 
}

#navigation a:hover {
	color: #000000;
	font-family: Arial, sans serif;
	font-size: 13px;
	text-decoration: underline; 
	font-weight: bold; }

.filmtable {
width: 800px;
height: auto;
font-size: 14px;
background: #fff;
}

.filmtable h1 {
font-size: 18px; 
color: #454545; 
letter-spacing: 5px; 
padding: 0 0 0 10px;
}



td {
border: 1px solid #027abb;
}

td.title {
font-weight: bold;
width: 35%; 
}

td.year {
width: 10%;
}

td.stars {
width: 30%;
}

tr {
font-size: 15px;
color: #000;
}

tr.headerTV {
font-size: 18px;
font-weight: bold;
letter-spacing: 5px; 
text-transform: uppercase;
background-image: url(images/felicity.gif); 
text-align: center;
}

tr.headerSDvhs {
font-size: 18px;
font-weight: bold;
letter-spacing: 5px; 
text-transform: uppercase;
background-image: url(images/redwings.gif); 
text-align: center;
}
tr.headerCL {
font-size: 18px;
font-weight: bold;
letter-spacing: 5px; 
text-transform: uppercase;
background-image: url(images/sabrina.gif); 
text-align: center;
}

tr.headerCLvhs {
font-size: 18px;
font-weight: bold;
letter-spacing: 5px; 
text-transform: uppercase;
background-image: url(images/ithppndonenight.gif); 
text-align: center;
}

tr.headerRC {
font-size: 18px;
font-weight: bold;
letter-spacing: 5px; 
text-transform: uppercase;
background-image: url(images/amelie.gif); 
text-align: center;
}

tr.headerRCvhs {
font-size: 18px;
font-weight: bold;
letter-spacing: 5px; 
text-transform: uppercase;
background-image: url(images/weddingsinger.gif); 
text-align: center;
}

tr.headerMCA {
font-size: 18px;
font-weight: bold;
letter-spacing: 5px; 
text-transform: uppercase;
background-image: url(images/royaltens.gif);
text-align: center; 
}

tr.headerCvhs {
font-size: 18px;
font-weight: bold;
letter-spacing: 5px; 
text-transform: uppercase;
background-image: url(images/mixednuts.gif);
text-align: center; 
}

tr.headerASH {
font-size: 18px;
font-weight: bold;
letter-spacing: 5px; 
text-transform: uppercase;
background-image: url(images/xmen.gif); 
text-align: center;
}

tr.headerASHvhs {
font-size: 18px;
font-weight: bold;
letter-spacing: 5px; 
text-transform: uppercase;
background-image: url(images/galaxyquest.gif); 
text-align: center;
}

tr.headerD {
font-size: 18px;
font-weight: bold;
letter-spacing: 5px; 
text-transform: uppercase;
background-image: url(images/monster.gif);
text-align: center; 
}

tr.headerDvhs {
font-size: 18px;
font-weight: bold;
letter-spacing: 5px; 
text-transform: uppercase;
background-image: url(images/ageofinnocence.gif);
text-align: center; 
}

.filmtable td {
padding: 5px;
}

.top {
width: 100%;
font-size: 13px;
text-align: right;
background: #fff;
letter-spacing: 0; 
text-transform: none;
margin: 10px 0 0;
}

.othercollection {
width: 100%;
font-size: 13px;
text-align: right;
background: #fff;
letter-spacing: 0; 
text-transform: none;
margin: 10px 0 25px;
}


.top a{
text-decoration: none;
color: #000;
font-weight: bold;
}


.othercollection a {
text-decoration: none;
color: #00aeed;
font-weight: bold;
}

.othercollection a:hover {
text-decoration: underline;
color: #000000;
font-weight: bold;
}