html, body {
height: 100%; 
margin: 0; 
padding: 0;
}


body {
display: table; 
height: 100%; 
width: 100%; 
background: #fff;
font-family: trebuchet MS, arial, sans-serif;
font-size: 10px;
line-height: 14px;
text-decoration: none;
height: 100%; 
margin: 0; 
padding: 0;}

a
{
  outline: none;
}

.link
{
	font-family: trebuchet MS, arial, sans-serif;
	font-size: 10px;
	line-height: 14px;
	text-decoration: none;
	color: #000;
}

.link:link
{
	font-family: trebuchet MS, arial, sans-serif;
	font-size: 10px;
	line-height: 14px;
	text-decoration: none;
	color: #000;
}

.link:hover
{
	font-family: trebuchet MS, arial, sans-serif;
	font-size: 10px;
	line-height: 14px;
	text-decoration: none;
	border-bottom: 5px solid black;
	color: #000;
}

.blocked
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

/*---------------------------------TOP NAV : TITLE----------------------------------------*/

div.titlename
{
	position: absolute;
	top: 16px;
	left: 200px;
	width: 209px;
	height: 34px;
	margin: 0px;
	padding: 0px;
}


/*---------------------------------TOP NAV SECTIONS----------------------------------------*/

div.menu
{
	position: absolute;
	top: 50px;
	left: 200px;
	height: 17px;
	margin: 0;
	padding: 0;
	z-index: 10;
}

/*--------------------------------- IMAGE NAVIGATION ----------------------------------------*/

#wrapper {
position: absolute;
display: table-cell; 
vertical-align: middle;
width: 600px;
height: 500px;
top: 132px;
left: 200px;
}


#container
{
margin-top: auto;
width: 600px;
height: 500px;
position: relative;
text-align: center;
margin: 0 auto;
background-color: black;
}

#wrappertext {
position: absolute;
display: table-cell; 
vertical-align: middle;
width: 600px;
height: 500px;
top: 132px;
left: 200px;
}


#containertext
{
margin: 0 auto;
position: absolute;
width: 600px;
height: 500px;
padding: 0;
margin: 0 auto;
}

#wrapper {
display: table-cell; 
vertical-align: middle;
}

#left 
{
	background-image: url("images/spacer.gif");
	background-repeat: repeat;
	width: 300px;
	height: 500px;
	position: absolute;
	top: -5px;
	left: 0px;
	z-index: 4;
	margin: 0px;
	padding: 0px;
}

#right 
{
	background-image: url("images/spacer.gif");
	background-repeat: repeat;
	width: 300px;
	height: 500px;
	position: absolute;
	top: -5px;
	right: 0px;
	z-index: 4;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

#wrapper {
display: table-cell; 
margin-top: auto;
martin-bottom: auto;}

#centered {
height: 20em; 
width: 30em; 
margin: auto auto;
background-color: red;
}

/*---------------------------------SERIES INFORMATION----------------------------------------*/

div.seriesinfo
{
	position: absolute;
	top: 132px;
	left: 8px;
	width: 160px;
	height: auto;
	margin: 0px;
	padding: 0px;
}

/*---------------------------------CONTACT----------------------------------------*/

div.contact
{
	position: absolute;
	top: 132px;
	right: 18px;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	z-index: 10;
}

/*---------------------------------DROP DOWN MENU----------------------------------------*/

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 100px;
}

#nav li { /* all list items */
	float: left;
	width: 100px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: white;
	width: 100px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

.navlink
{
	display: block;
	font-family: trebuchet MS, arial, sans-serif;
	font-size: 10px;
	line-height: 18px;
	text-decoration: none;
	color: black;
	text-decoration: none;
	border-bottom: 5px solid white;
}

.navlink:link
{
	display: block;
	text-decoration: none;
	color: black;
	border-bottom: 5px solid white;
}

.navlink:hover
{
	display: inline;
	border-bottom: 5px solid black;
	text-decoration: none;
	color: black;
}