body	{
	margin:		0;
	padding:	0;
	font-family: arial, helvetica;
	color:	#000;
	background : #fff;
}

#slideshow {
    position:relative;
	margin-left:66px;
	width: 400px;
    height: 260px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	border-style:solid;
	border-width:10px;
	border-color:#FFF;
	opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
	opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* Fancybox lightbox for Videos */

div#fancy_overlay {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	background-color: #333;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(images/fancybox/fancy_progress.png) no-repeat;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -12px;
	height: 30px;
	width: 30px;
	background: transparent url("images/fancybox/fancy_closebox.png") ;
	cursor: pointer;
	z-index: 102;
	display: block;
}

div#fancy_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0; 
	margin: 0;
	z-index: 96;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 92;
}

div#fancy_title {
	position: absolute;
	bottom: -35px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 2px;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(images/fancybox/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(images/fancybox/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(images/fancybox/fancy_title_right.png) repeat-x;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 58px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #444;
	background: #FFF;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 10px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	background-image: url("data:image/gif;base64,AAAA");
	z-index: 100; 
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

a#fancy_left:hover {
	background: transparent url(images/fancybox/fancy_left.gif) no-repeat 0% 100%;
}

a#fancy_right:hover {
	background: transparent url(images/fancybox/fancy_right.gif) no-repeat 100% 100%;
}

#fancy_bigIframe, #fancy_freeIframe {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

div#fancy_bg {
	display: none;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(images/fancybox/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(images/fancybox/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(images/fancybox/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(images/fancybox/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(images/fancybox/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(images/fancybox/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(images/fancybox/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(images/fancybox/fancy_shadow_nw.png) no-repeat;
}

.clear {
	clear: both;
}

#page-wrap {
	width: 800px;
	background: white;
}

.button {
cursor: pointer;
}

#info {
		display:none;	
        position:absolute;
        top: 200px;
        left: 440px;
        width: 450px;
        font-family: Hevetica, Arial;
        font-size: small;
        font-weight: lighter;

}
#info-button {
	opacity: 1;
}

#appearances {
		display:none;
        position:absolute;
		height: 300px; 
        top: 200px;
        left: 440px;
        width: 450px;
        font-family: Hevetica, Arial;
        font-size: small;
        font-weight: lighter;
}
#appearances-button {
	opacity: 1;
}
	

#photos {
		display:none;
        position:absolute;
        top: 200px;
        left: 440px;
        width: 450px;
        font-family: Hevetica, Arial;
        font-size: small;
        font-weight: lighter;
}

#photos-button {
	opacity: 1;
}
#news {
		display:none;	
        position:absolute;
		overflow: auto;
		height: 300px; 	
        top: 200px;
        left: 440px;
        width: 450px;
        font-family: Hevetica, Arial;
        font-size: small;
        font-weight: lighter;
}
#news-button {
	opacity: 1;
}
#proceed {
		display:none;
        position:absolute;
        top: 200px;
        left: 440px;
        width: 700px;
        font-family: Hevetica, Arial;
        font-size: small;
        font-weight: lighter;

}
#proceed-button {
	opacity: 1;
}

div, p, th, td, li, dd, dl, dt    {
             /* redundant selectors to help NS4 not forget */
    font-family:  arial, helvetica;
    }
.middle {
    min-height: 10em;
    display: table-cell;
    vertical-align: middle 
    }
a	{
	text-decoration:	underline;
	}
a:link	{
	color:	black;
	background-color: transparent;
	}
a:visited	{
	color:	black;
	background-color: transparent;
	}
a:active	{
	color:	black;
	background-color: #000;
	}
a:hover	{
	color:	#fff;
	background-color: #000;
	text-decoration:	underline overline;
	}
dt 	{
	font-weight: bold;
	}
ol, li, dl, dt, dd {
	line-height: 1.5em;
	list-style:none;
	}
p {
	margin-top: 0; padding-top: 0;
	line-height: 1.5em;
	}
h1	{
	font-size:	24px;
	}

h2	{
	font-size:	22px;
	}

h3	{
	font-size:	20px;
	}

h4 {
	font-size:	18px;
	}

h5	{
	font-size:	14px;
	}

h6	{
	font-size:	12px;
	}
h1, h2, h3, h4, h5, h6	{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color: #fff;
	background-color: transparent;
	margin:	5px 0 0 0;
	}
img	{
		/* turns off gaps around images */
	border:	0
	}
.footnotes{
	font-family: Hevetica, Arial;
    font-weight: lighter;
	font-size: xx-small;
	}
a.footnotes:link	{
	font-weight:bold;
	color:	black;
	background-color: transparent;
	}
a.footnotes:visited	{
	font-weight:bold;
	color:	black;
	background-color: transparent;
	}
a.footnotes:active	{
	font-weight:bold;	
	color:	black;
	background-color: #000;
	}
a.footnotes:hover	{
	font-weight:bold;	
	color:	#fff;
	background-color: #000;
	text-decoration:	underline overline;
	}
	
.center {
    /* center */
    display: block;
    margin-left: auto;
    margin-right: auto 
    }

#loginformdiv {
float: left;
margin: 20px;
}
#loginformdiv div {
margin: 0px;
padding: 0px;
border: 0px;
}
#loginform{
width: 400px;
border-top: 2px solid #ddd;
border-left: 2px solid #ddd;
border-bottom: 2px solid #999;
border-right: 2px solid #999;
float: left;
}
#loginformdiv .loginformtitle {
background: #346800;
color: #fff;
border-bottom: 1px solid #ddd;
padding-left: 20px;
}
#loginformdiv .loginformrow {
background: #ddd;
float: left;
padding: 3px 0 3px 0;
}
#loginformdiv .loginformcolleft {
width: 150px;
text-align: right;
float: left;
}
#loginformdiv .loginformcolright {
width: 240px;
text-align: left;
float: right;
}
.error {
color: #f00;
background: #eee;
width: 80%;
padding: 2px;
margin: 2px;
border-top: 2px solid #aaa;
border-left: 2px solid #aaa;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
}
