/* CSS Document */

/* first set are common items */
html { min-height: 100%; margin-bottom: 1px; }
p {
font-family: times; serif;
font-size: 16px;
color: #000000;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	text-decoration: blink;
	color: #000000;
	margin: 30px;
	background-color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	width: 100px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	color: #000000;
	margin: 30px;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
	font-size: large;
}
#column {
	background-position: center center;
	padding: 10px;
	margin: 10px;
	border: thick groove #800000;
	text-align: left;
	font-family: Calibri, Cambria, Arial, "Times New Roman";
	font-size: large;
	text-decoration: none;
	color: #000000;
	width: 25%;
	font-weight: bold;
	float: right;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-color: #FFFFFF;
}
body {
	color: #000000;
	background: #dadada;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
a:link { color: #990000; }
a:visited { color: #3abbd0; }
#footer {
	font-family: Calibri, Cambria, Arial, "Times New Roman";
	font-size: medium;
	color: #000000;
	font-weight: bold;
	text-align: center;
	bottom: -90px;
	clear: both;
	float: left;
	position: relative;
	left: 100px;
}
#back_navigation {
	font-family: Calibri, Cambria, Arial, "Times New Roman";
	text-decoration: none;
	font-size: large;
	font-weight: bold;
	color: #000000;
	background-color: #ffffff;
	border: medium solid #000000;
	height: 55px;
	width: 740px;
	position: relative;
	top: 65px;
	float: left;
	padding-right: 5px;
	padding-left: 15px;
	left: 95px;
	}
#back_navigation a {
	text-decoration: none;
	color: #000000;
}
#back_navigation a:hover {
	color: #FF0000;
	font-style: italic;
}
/* below are the settings for the index page */
#index_wrapper {
	background-color: #ffffff;
	width: 955px; /* the auto margins (in conjunction with a width) center the page */
	border: 3px solid #333333;
	text-align: left;
	vertical-align: top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 812px;
	padding: 0px;
	top: 0px;
	background-image: url(../images/background1.png);
}
#index_navigation {
	font-family: Calibri, Cambria, Arial, "Times New Roman";
	text-decoration: none;
	font-size: large;
	font-weight: bold;
	color: #000000;
	background-color: #ffffff;
	border: medium solid #000000;
	height: 480px;
	width: 290px;
	position: relative;
	top: 225px;
	float: right;
	padding-right: 5px;
	padding-left: 5px;
	}
#index_navigation a {
	text-decoration: none;
	color: #000000;
}
#index_navigation a:hover {
	color: #FF0000;
	font-style: italic;
}
#index_footer {
	font-family: Calibri, Cambria, Arial, "Times New Roman";
	font-size: medium;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	clear: both;
	float: left;
	position: relative;
	left: 100px;
	bottom: -250px;
}
/* below are the settings for the films page */
#film_wrapper {
	background-color: #ffffff;
	width: 955px; /* the auto margins (in conjunction with a width) center the page */
	border: 3px solid #333333;
	text-align: left;
	vertical-align: top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 1150px;
	padding: 0px;
	top: 0px;
	background-image: url(../images/background2.png);
	background-repeat: no-repeat;
}
#film_content {
	height: 950px;
	width: 280px;
	position: relative;
	top: 75px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	left: 80px;
}
#films_footer {
	font-family: Calibri, Cambria, Arial, "Times New Roman";
	font-size: medium;
	color: #000000;
	font-weight: bold;
	text-align: center;
	clear: both;
	float: left;
	position: relative;
	left: 100px;
}

/* below are the settings for the places page */
#places_wrapper {
	background-color: #ffffff;
	width: 955px; /* the auto margins (in conjunction with a width) center the page */
	border: 3px solid #333333;
	text-align: left;
	vertical-align: top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 710px;
	padding: 0px;
	top: 0px;
	background-image: url(../images/background2.png);
	background-repeat: no-repeat;
}
#places_content {
	height: 830px;
	width: 280px;
	position: relative;
	top: 75px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	left: 80px;
}
#places_content {
	height: 480px;
	width: 775px;
}
#places_column_left {
	padding: 15px;
	font-family: Calibri, Cambria, Arial, "Times New Roman";
	font-size: large;
	text-decoration: none;
	color: #000000;
	float: left;
	font-weight: bold;
	text-align: left;
	width: 250px;
	height: 425px;
	background-color: #EEE7D0;
	position: relative;
	top: 10px;
}
#places_column_right {
	padding: 15px;
	font-family: Calibri, Cambria, Arial, "Times New Roman";
	font-size: large;
	text-decoration: none;
	color: #000000;
	float: right;
	font-weight: bold;
	text-align: left;
	width: 250px;
	height: 425px;
	background-color: #EEE7D0;
	position: relative;
	top: 10px;
}
#places_footer {
	font-family: Calibri, Cambria, Arial, "Times New Roman";
	font-size: medium;
	color: #000000;
	font-weight: bold;
	text-align: center;
	float: left;
	position: relative;
	left: 100px;
	top: 100px;
}
/* below are the settings for the favorites page */
#favorites_wrapper {
	background-color: #ffffff;
	width: 955px; /* the auto margins (in conjunction with a width) center the page */
	border: 3px solid #333333;
	text-align: left;
	vertical-align: top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 600px;
	padding: 0px;
	top: 0px;
	background-image: url(../images/background2.png);
	background-repeat: no-repeat;
}
#favorites_content {
	height: 330px;
	width: 280px;
	position: relative;
	top: 75px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	left: 80px;
}
#favorites_footer {
	font-family: Calibri, Cambria, Arial, "Times New Roman";
	font-size: medium;
	color: #000000;
	font-weight: bold;
	text-align: center;
	clear: both;
	float: left;
	position: relative;
	left: 100px;
}
/* below are the settings for the filmography page */
#filmography_wrapper {
	background-color: #ffffff;
	width: 955px; /* the auto margins (in conjunction with a width) center the page */
	border: 3px solid #333333;
	text-align: left;
	vertical-align: top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 830px;
	padding: 0px;
	top: 0px;
	background-image: url(../images/background2.png);
	background-repeat: no-repeat;
}
#filmography_tagline {
	float: left;
	position: relative;
	top: 60px;
	height: 50px;
	width: 800px;
	left: 70px;
}
#filmography_column_left {
	padding: 15px;
	font-family: Calibri, Cambria, Arial, "Times New Roman";
	font-size: large;
	text-decoration: none;
	color: #000000;
	float: left;
	font-weight: bold;
	text-align: left;
	width: 250px;
	height: 500px;
	background-color: #EEE7D0;
	margin-top: 75px;
	margin-right: 50px;
	margin-bottom: 50px;
	margin-left: 130px;
}
#filmography_column_right {
	padding: 15px;
	font-family: Calibri, Cambria, Arial, "Times New Roman";
	font-size: large;
	text-decoration: none;
	color: #000000;
	float: left;
	font-weight: bold;
	text-align: left;
	width: 250px;
	height: 500px;
	background-color: #EEE7D0;
	margin-top: 75px;
	margin-right: 50px;
	margin-left: 75px;
	margin-bottom: 50px;
}
#filmography_footer {
	font-family: Calibri, Cambria, Arial, "Times New Roman";
	font-size: medium;
	color: #000000;
	font-weight: bold;
	text-align: center;
	clear: both;
	float: left;
	position: relative;
	left: 100px;
}
/* below are the settings for the newfilm page */
#newfilm_wrapper {
	background-color: #ffffff;
	width: 955px; /* the auto margins (in conjunction with a width) center the page */
	border: 3px solid #333333;
	text-align: left;
	vertical-align: top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 1050px;
	padding: 0px;
	top: 0px;
	background-image: url(../images/background2.png);
	background-repeat: no-repeat;
}
#newfilm_content {
	height: 850px;
	width: 953px;
	position: relative;
	top: 75px;
	float: left;
	left: 0px;
}
#newfilm_footer {
	font-family: Calibri, Cambria, Arial, "Times New Roman";
	font-size: medium;
	color: #000000;
	font-weight: bold;
	text-align: center;
	clear: both;
	float: left;
	position: relative;
	left: 100px;
	top: 100px;
}