/*.footer {
	color: #c0c0c0;
	font-size: 10px;
    decoration: none;	
	text-align: left;
	
}*/
/*body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
	line-height:15px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	background-color: #333333;
	
}*/

body{
		margin:0;
		padding:0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #333333;
		text-align:justify;
		background-image:url(images/bg-greenfade.jpg);
		background-repeat:repeat-x;
		background-color:#f7f8f2;
	}


/* td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
	line-height:15px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	
	text-align:justify;
}*/
a:link {
	text-decoration: none;
	color:#3c5013;
}
a:visited {
	text-decoration: none;
	color:#3c5013;
}
a:hover {
	text-decoration: none;
	color:#3c5013;
}
a:active {
	text-decoration: none;
	color:#3c5013;
}

/* Box with border around whole site */
#wrap {
		width:930px;
		margin:0 auto;
		/*background:#f6f7f1;*/
		border:solid 1px #dee3d4;
		background-image:url(images/bg-page.jpg);
		
	}
/*header and logo image */	
#header {    	
		background:#ffffff;
	}
/*top menu */
#nav {
		padding:5px 30px 5px 0px;
		background:#dee3d4;
		color:#3c5013;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
#nav ul {
		margin:0;
		padding:0;
		list-style:none;
	}
#nav li {
		display:inline;
		margin:0;
		padding:0;
	}
#nav A:link, #nav A:visited, #nav A:active  {
	padding:5px 10px 5px 10px;
	text-decoration: none;
}
#nav A:hover{
	color: #3c5013;
	padding:5px 10px 5px 10px;
	background-color:#f1f2ea;
	text-decoration: none;
}	
	
#maincontent {
	padding:10px 30px 15px 10px;
	background:#FFFFFF;
	vertical-align:top;
	min-height: 250px;
	width:690px;
	float:right;

	
	
	 }
/* mac hide \*/	 
*html #maincontent{height:250px}
/*end hide */

	
#footer {
		clear:both;
		padding:5px 10px 5px 10px;
		background:#dee3d4;
		text-align:center;
	}
.footer_menu {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#3c5013 ;
	font-weight: normal;
	text-decoration: none;
}

.footer_menu A:link, .footer_menu A:visited, .footer_menu A:active  {
	color: #3c5013;
	height: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}
.footer_menu A:hover{
	color: #3c5013;
	height: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: underline;
}  


#copyright{
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	font-weight: normal;
	text-decoration: none;
	text-align:center;
	padding: 10px;
}

#copyright A:link, #copyright A:visited, #copyright A:active  {
	color:#999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	text-decoration: underline;
}
#copyright A:hover{
	color:#0033CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: underline;
}  





 


/*.leftcolumn{
	background-image:url(images/bg-ferns-menu.jpg);
	background-repeat:no-repeat;
	width: 200px;
	vertical-align:top;
	
	}
	*/
	
#leftcolumn{
	background-image:url(images/bg-ferns-menu.jpg);
	background-repeat:no-repeat;
	width: 200px;
	vertical-align:bottom;
	float:left;
	
	}

.film1{
vertical-align:bottom;
float:left;
background-image:url(images/bg-ferns-menu.jpg);
background-repeat:no-repeat;

	
 }
.film2{
vertical-align:top;
float:left;

	
 }

#filmstrip{
background-image:url(images/bg-page.jpg);
 }
		
	
		

	
	
/* ======================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */
/*
.menu { margin: 5px; height: 100px; font-size: 10pt; font-family: verdana;
 }
.menu ul { margin: 0pt; padding: 0pt; position: relative; z-index: 500; list-style-type: none; width: 160px; }
.menu li { background-color: #f1f2ea; float: left; width 160px;}
.menu li.sub { background-color: #f1f2ea; background-image:url(images/sub.gif);background-repeat:no-repeat; right center; }
.menu table { position: absolute; border-collapse: collapse; top: 0pt; left: 0pt; z-index: 100; font-size: 1em; margin-top: -1px; }
.menu a, .menu a:visited {
	border: 1px solid #ffffff;
	display: block;
	text-decoration: none;
	height: 2em;
	line-height: 2em;
	width: 160px;
	color: #333333;
	padding-left: 5px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
}
.menu b { float: right; margin-right: 5px; }
* html .menu a, * html .menu a:visited { width: 10em; }
* html .menu a:hover {
	color: #333333;
	background-color: #dee3d4;
	position: relative;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
}
.menu li:hover { position: relative; }
.menu a:active, .menu a:focus {
	color: #333333;
	background-color: #dee3d4;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
}
.menu li:hover > a {
	color: #333333;
	background-color: #dee3d4;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
}
.menu li ul { padding: 2em; visibility: hidden; position: absolute; top: -2em; left: 137px; background-color: transparent; }
.menu li:hover > ul { visibility: visible; }
.menu ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
*/

	

 
/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {height:300px; width:200px; position:relative;}
 
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px; }
 
#menu li {margin:0; padding:0; list-style:none; }
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul#toplevel {position:absolute; left:0; top:0;}
 
#menu a {display:block; font:normal 12px verdana,arial,sans-serif; color:#000; line-height:22px; text-decoration:none;padding:0 20px 0 10px; width:145px;} 
 
#menu ul li:hover > ul {left:100%; margin-top:-23px; margin-left:-1px; background:#f1f2ea;}
 
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
 
#menu li a:hover {background:#dee3d4; color:#385014;} 
#menu li:hover > a {background:#dee3d4; color:#385014;}
#menu li a.fly {background: url(anywidth/arrow.gif) no-repeat right top;}
#menu li a.fly:hover {background:#dee3d4 url(anywidth/arrow.gif) no-repeat right top;} 
#menu li:hover > a.fly {background:#dee3d4 url(anywidth/arrow.gif) no-repeat right top;}
 
#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}