/* Copyright 2006 Peterson Design Studio*/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFEFD9;
	margin:10px auto;
	padding:0px;
	text-align: center;
}
h2 {font-family:Eurostile, Verdana, Arial, Helvetica, sans-serif; color:#960; font-size:130%; font-weight: normal;}
h3 {font-family:Eurostile, Verdana, Arial, Helvetica, sans-serif; color:#960; font-size:110%; font-weight: normal;}
h4 {font-family:Eurostile, Verdana, Arial, Helvetica, sans-serif; color:#960; font-size:100%; font-weight: normal;}
p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%; color:#333; line-height:18px; height: 1%;}
p em {font-weight:normal; font-style: normal; text-decoration: underline;}
.italic {font-style:italic;}
ul {font-size:80%; list-style-image: url(images/bullet.gif); color:#333;}
strong {color:#960; font-weight: 400;}
a:link, a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; color:#C30; font-size:100%; text-decoration:underline;}
a:hover {color:#930;}
.smalltext {font-size: 70%;}
.formtext {font-size: 80%;}
td {font-size:80%;}

#chart strong {font-weight: bold; color: #06C;}
#chart table {width:250px; border: 1px solid #666;}
#chart td {font-size:70%; color:#333; margin:0; padding:2px;}
#chart tr {border-bottom: 1px solid #333;}
#chart tr.even {background-color:#D2E6FF; border-top: 1px solid #333;}
#chart ul {font-size:80%; color:#333; list-style-type: circle;}
#chart li {}

#container {margin:0px auto; width: 780px; height:auto; padding:0px;}

#utility {width: 100%;}
#utility img {float:left; padding: 0 0 4px 10px;}
#utility ul {
	float: right; font-size:85%; text-transform: lowercase;
	text-align:right; margin: 0px; padding-top:40px;}
#utility li {display: inline; margin-left: -4px; padding: 8px 16px; }
#last {padding-right:30px;}
#utility a {color:#C30; text-decoration: none;}
#utility a:hover {text-decoration:underline;}

#bannerShell {
	width:780px;
	float:left;
	background-color:#F96;
	height: 140px;
	margin:0px;
	padding:0px;
	border-top: 1px solid #F60;
	border-right: 1px solid #F60;
	border-bottom: 1px none #F60;
	border-left: 1px solid #F60;
}
#bannerleft {
	font-size:100%; color:#fff;
	float: left;
	width: 300px;
	margin:10px 0px 0px 20px;
	text-align:left;
	vertical-align: bottom;
}
* html #bannerleft {width: 275px;}
#bannerright {float: right; width: 422px; height:140px; margin:0; padding:0; text-align:right;}
* html #bannerright {float: right; height:1%; text-align:right;}

a img, a.img:link, a.img:visited, a.img:hover {border-width:0;}
#nav {
	float:left;
	width:782px;
	border:solid #ddd;
	border-width:1px 0px;
	height:30px;
	background-color: #C33;
  }
#first {
	border-left: 1px solid #FFF;}
#nav ul {
  margin:0;
  padding:0 20px;
  list-style:none;
  font-size:85%;
  text-transform:lowercase;}
#nav li {
  float:left;
  margin:0;
  padding:0;
  background-image:none;
  line-height:normal;
  text-indent:0;
  }
#nav a, #nav strong {
	display:block;
	padding:8px 10px 9px;
	font-size:85%;
	color:#FFF;
	text-decoration:none;
	white-space:nowrap;
	border-right: 1px solid #FFF;
}
/* Allows entire region of link to to be clickable. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #nav {width:1%;}
* html #nav a {width:1%;}
* html #nav {width:782px;}
#nav a:hover{color:#FFF; background-color: #C00;}
#nav #current {background-image:  url("images/navgradhlt.gif");}
#nav #current a {background-image:  url("images/navgradhlt.gif");}

#head {float:left; width:780px; text-transform:uppercase; font-size:60%;  /*border-bottom:solid 1px #999;*/ text-align:left;}
.head1 {float:left; width:370px;background-color:#FF6600; color:#FFCC99; padding:10px;}
.head2 {float:left; width:370px;background-color:#F93; color:#FFC; padding:10px;}

#content{width:780px; float:left; background-color:#fff; text-align:left; clear:both;
	border-bottom:1px solid #CCC; border-right-width: 1px; border-left-width: 1px; 
	border-right-style: solid; border-left-style: solid; border-right-color: #CCC; 
	border-left-color: #CCC;}
#left {background-color:#FFF; float:left; width:350px; padding:10px 20px;}
#left a:link, #left a:visited, #left a:active {color:#C30; text-decoration:none;}
#left a:hover {text-decoration:underline;}

#breadrcumb {font-family:Eurostile, Verdana, Arial, Helvetica, sans-serif; font-size:80%; color:#666;}
#center {float:left; width:600px; background-color:#FFF; padding:10px 90px; clear:both;}
/*#center a:link {font-size:100%}*/
#right {background-color:#FC9; float:left; width:370px; padding:10px;}
.boxarea {float: left; width:50%; padding: 4px 0; }
.boxarea p {text-transform:lowercase; font-size:60%; color:#333; margin:0; padding:0; text-align:center;}
.boxarea a {font-size:100%; text-decoration:none;}
.boxarea a:hover {text-decoration:none;}
.border {border: 1px solid #ccc; background-color:#FFF;}
* html .boxarea p {font-size:80%;}
.box {width:150px; height: 135px; border: 1px solid #ccc; background-color:#FFF;}
.boxsm {width:150px; height: 100px; border: 1px solid #ccc; background-color:#FFF;}
.boxlrgarea {float: left; width:100%; padding: 4px 0; }
.boxlrg {border: 1px solid #ccc; background-color:#FFF;}
.buscardarea {float: left; width:100%; padding: 4px 0; }
.boxbuscard {width:252px; height: 144px; border: 1px solid #ccc; background-color:#FFF;}
.buscardarea p {text-transform:lowercase; font-size:60%; color:#333; margin:0; padding:0; text-align:center;}
.buscardarea a {font-size:100%; text-decoration:none;}
.buscardarea a:hover {text-decoration:none;}
#copyrightShell {width: 780px; float:left; text-align:left; font-size:70%;}
#copyright {width: 760px; padding: 10px; float:left; background-color:#FFEFD9; color:#333;}
* html #copyrightShell {width: 782px; height:1%; clear:both; font-size:80%;}
* html #copyright {width: 700px; height:1%;}

#filmleft {background-color:#FFF; float:left; width:520px; padding:10px 20px;}
#filmright {background-color:#DDD; float:left; width:200px; padding:10px;}

.filmboxarea {float:left; /*width:50%;*/ padding: 4px 0; }
.filmboxarea p {text-transform:lowercase; font-size:60%; color:#333; margin:0; padding:0; text-align:center;}
* html .boxarea p {font-size:80%;}
.photo {padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; float: left;}