@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

body {
	background-color: #000000;
	margin: 0px;
	padding: 0px;
}

#background {
	position: absolute;
	top: 0px;
	width: 1000px;
	height: 650px;
	left: 50%;
	margin-left: -500px;
	vertical-align: middle;
	padding: 0px;
}

#gccfplogo {
	position: absolute;
	left: 0px;
	width: 160px;
	top: 0px;
	height: 300px;
	background-image: url(images/gccfplogo_160x300.png);
}

#departments {
	position: absolute;
	left: 250px;
	width: 750px;
	top: 20px;
	height: 80px;
	border: 0px;
	border-style: none;
	background-color: #000000;
	background: none;
	text-align: left;
	vertical-align: middle;
}

#filmdept {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 268px;
	height: 80px;
/*	background-image: url(images/film.png); */
}

#filmdept:hover {
	background-image: url(images/film_over.png);
}

#film_hover_preload {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background-image: url(images/film_over.png);
	visibility: hidden;
}

#televisiondept {
	position: absolute;
	left: 265px;
	top: 0px;
	width: 268px;
	height: 80px;
/*	background-image: url(images/television.png); */
}

#televisiondept:hover {
	background-image: url(images/television_over.png);
}

#television_hover_preload {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background-image: url(images/television_over.png);
	visibility: hidden;
}

#interactivedept {
	position: absolute;
	left: 500px;
	top: 0px;
	width: 268px;
	height: 80px;
/* 	background-image: url(images/interactive.png); */
}

#interactivedept:hover {
	background-image: url(images/interactive_over.png);
}

#interactive_hover_preload {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background-image: url(images/interactive_over.png);
	visibility: hidden;
}

.subtopic {
	position: absolute;
	top: 50px;
	font-weight: bold;
	color: #406090;
	visibility: hidden;
}

.subtopic a:link, a:visited {
	text-decoration: none;
	color: #406090;
}

.subtopic a:visited {
	text-decoration: none;
	color: #406090;
}

.subtopic a:hover, a:active {
	text-decoration: none;
	color: #ffffff;
}

#filmsubtopic {
	left: 17px;
}

#tvsubtopic {
	left: 64px;
}

#interactivesubtopic {
	left: 50px;
}

#panel {
	position: absolute;
	left: 50px;
	width: 780px;
	top: 100px;
	height: 480px;
	overflow: auto;
	padding: 10px;
	padding-left: 120px;
	border: 1px;
	border-style: solid;
	border-color: #003366;

	background-image: url(images/panel_back_100x100.png);
	background-repeat: repeat;
	/* background-color: #80D0FF; */

	text-align: left;
	color: #ffffff;
}

#panel a:link, a:visited, a:hover, a:active {
	color: #ffffff;
	text-decoration: none;
}

#bottomline {
	position: absolute;
	left: 0px;
	width: 1000px;
	top: 613px;
	height: 1px;
	background: url(images/bottomline_1000.png);
	background-position: center;
}

#copyright {
	position: absolute;
	left: 0px;
	width: 1000px;
	top: 620px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #406090;
	text-transform: uppercase;
}

#copyright a:link {
	text-decoration: none;
	color: #406090;
}

#copyright a:visited {
	text-decoration: none;
	color: #406090;
}

#copyright a:hover, a:active {
	text-decoration: none;
	color: #ffffff;
}

#accessible {
	text-align: left;
	font-size: 9px;
	color: #333333;
}

#accessible a:link, a:visited, a:hover, a:active {
	text-decoration: underline;
	color: #333333;
}


/* Additional, to make non-Flash look like Flash: */

.contentbig a:link {
	text-decoration: none;
}

.contentbig a:visited {
	text-decoration: none;
}

.contentbig a:hover {
	text-decoration: none;
}

.contentbig a:active {
	text-decoration: none;
}

.contenttext a:link {
	color: #FFFFFF;
	text-decoration: underline;
}

.contenttext a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

.contenttext a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.contenttext a:active {
	color: #FFFFFF;
	text-decoration: underline;
}