.flyover
{

}

.varcontent
{
	float: right;
	width: 72%;
	padding-left: 3%;
	padding-right: 3%;
}

.unitbanner
{
	color: white;
	background: olive;
}

.filmsdisp
{
	float: left;
	width: 17%;
	padding-left: 3%;
	background: black;
	display: block;
}

.comedybanner
{
	color: white;
	background: blue;
}

.tragedybanner
{
	color: white;
	background: red;
}

.historybanner
{
	color: white;
	background: green;
}

.filmbanner
{
	color: white;
	background: purple;
}

.navbar
{
	text-align: center;
	padding-top:6pt;
	padding-bottom: 6pt;
}

.f_title
{
	font-size: 18pt;
	text-align: center;
}

.f_intro
{
	font-size: 10pt;
	font-style: italic;
	padding-left:20pt;
	padding-right:20pt;
	padding-top:10pt;
	padding-bottom:20pt;
}

.film
{
	font-size: 10pt;
	font-style: normal;
	padding-left:20pt;
	padding-right:20pt;
	padding-top:10pt;
	padding-bottom:20pt;

}


body
{
	font-family: Palatino, serif;
	font-size: 12pt;
	color: #CCF;
	background: #339;
}

p
{
	text-align: left;
}

em
{ font-variant: small-caps; }

a
{
	color: #99F;
	text-decoration: none;
}

a:hover { color: #FFF; }

.varcontent a { color: purple; }
.varcontent a:hover { color: red; }


h1
{
	font-weight: normal;
	font-style: italic;
	font-size: 22pt;
}

h2
{
	font-weight: normal;
	font-style: italic;
	font-size: 11pt;
	margin-top:-5pt;
	margin-left: 5%;
	margin-bottom:0pt;
	
}

h3
{
	font-weight: normal;
	font-style: normal;
	font-size: 14pt;
	margin-top: 7pt;
	padding: 3pt;
}

h4
{
	font-weight: normal;
	font-style: italic;
	font-size: 150%;
	margin-top:-10pt;
}

h5
{
	font-weight: normal;
	font-style: italic;
	font-size: 150%;
	margin-top:-10pt;
}

.subtitle
{
	font-weight: normal;
	font-style: italic;
	font-size: 11pt;
	margin-left: 5%;
}

.copyright
{
	font-size: small;
	text-align: center;
	font-style: italic;
}

.whichFilm
{
	font-size: small;
	text-align: center;
}