/*  */
/* General styles */
body {
margin:0;
padding:0;
border:0;			/* This removes the border around the viewport in old versions of IE */
width:100%;
background:#FFFdf2;
min-width:600px;    /* Minimum width of layout - remove line if not required */
/* The min-width property does not work in old versions of Internet Explorer */
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 20px;
} 
a { 
color : #333;
text-decoration : underline;
} 
a:hover { 
color : #eaff9f;
background : #386350;
text-decoration : none;
} 
h1, h2, h3 { 
font-family : Helvetica, sans-serif, Verdana, Geneva, Arial, ;
margin : 0.6em 0 0.6em 0;
padding : 0;
font-weight : bold;
} 
h1 {
	font-size: 16px;
	color: #07311C;
}
h2 {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}

h3 {
	font-size: 12px;
	font-weight: lighter;

}
hr { 
color : orange;
} 
p, td, li { 
font-size : 12px;
line-height : 1.8em;
} 
img { 
margin : 10px 0 5px;
} 

.rightimg { 
float : right;
position : relative;
margin : 10px;
border: 0px solid black;
} 
.leftimg { 
float : left;
position : relative;
margin : 10px;
border: 1px solid black;
} 


.formtable { 
background-color : #fff;
width : 95%;
border : 1px solid #6c8c00;
margin : 0;
padding : 2px;
} 
.formrow { 
background-color : #f1fec5;
} 
.accent { 
color : #ff6600;
font-size : 80%;
font-weight : bold;
} 
#datetable { 
background-color : #fff;
width : 90%;
border : 1px solid #6c8c00;
margin : 2px;
padding : 4px;
} 
.dateheader { 
background-color : #eaff9f;
} 
.daterow { 
background-color : #f5ffd2;
} 
#newstable { 
width : 90%;
background-color : #f1fec5;
border : 1px dashed #000;
margin : 2px;
padding : 4px;
} 
.newsheader { 
background-color : #eaff9f;
} 
.newsrow { 
font-size : 100%;
} 

input, option, select, textarea { 
border-color : #97c00d;
border-width : 1px;
font-family : verdana, tahoma, Helvetica;
background-color : #fff;
color : #3c3c3c;
} 
submit { 
background-color : #ccc;
font-weight : bold;
} 

/*Header*/
#header { 
clear : both;
float : left;
width : 100%;
} 
#header { 
height : 161px;
border-bottom : 1px solid #000;
} 
#logo { 
float : left;
border : 0px;
margin : 0;
padding-left: 90px;
height : 90px;
} 
.logo { 
margin : 0;
padding : 0;
border : 0px;
} 
#top { 
background-image : url(../assets/beno_top2.jpg);
background-repeat : repeat-x;
display : block;
height : 71px;
margin:90px 0 0 0;} 

.partner1 { 
margin-top :200px;
padding : 0;
border : 0px;
}

	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}

/*Main lay-out*/

	/* 'widths' sub menu */
#layoutdims { 
clear : both;
background : #eee;
border-top : 4px solid #000;
margin : 0;
padding : 6px 15px !important;
text-align : right;
} 
#topmenu1 { 
float : right;
width : auto;
margin-top : 5px;
padding : 1px;
border : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 70%;
font-weight : normal;
color : #ffffff;
text-align : left;
} 
#topmenu { 
float : right;
width : auto;
background-color : #000000;
margin-top : 153px;
margin-right : -55px;
padding : 1px;
border : 1px solid #93bd06;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 70%;
font-weight : normal;
color : #ffffff;
text-align : left;
} 
.topmenuitem { 
border-right : 1px solid #93bd06;
padding-right : 5px;
padding-left : 5px;
} 

	/* column container */
.colmask {
position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
clear:both;
float:left;
width:100%;			/* width of whole page */
overflow:hidden;	/* This chops off any overhanging divs */
	}
.leftmenu { 
background-color: #07311C;} 
.leftmenu .colright { 
float : left;
width : 200%;
position : relative;
left : 200px;
background : #FFFdf2;
} 
.leftmenu .col1wrap { 
float : right;
width : 50%;
position : relative;
right : 200px;
padding-bottom : 1em;
} 
.leftmenu .col1 { 
margin : 20px 15px 0 240px;
position : relative;
right : 100%;
overflow : hidden;
} 

.leftmenu .col2 { 
float : left;
width : 170px;
position : relative;
right : 185px;
}
#crumbs { 
clear : both;
right : 100%;
overflow : hidden;
margin : 0;
padding : 0.2em;
border-top : 1px dashed #93bd06;
font-size : 80%;
font-weight : normal;
color : #000;
text-align : right;
} 


/*footer*/
#footer { 
clear : both;
float : left;
width : 100%;
border-top : 1px solid #000;
background : #000;
} 
#footer p { 
font-size : 80%;
padding : 4px;
margin : 0;
color : #fff;
text-align : center;
} 
.hide {display:none;}

/*Vertical Menu*/
/* ================================================================ 
MenuThis copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/tree_frog_vertical.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 { 
list-style-type : none;
padding : 0;
margin : 0;
width : 165px;
position : absolute;
top : 30px;
left : 0;
border : 1px solid #386350;
border-width : 0 0 1px 0;
z-index : 100;
} 
#menu ul { 
list-style-type : none;
padding : 0;
margin : 0;
width : 165px;
} 
#menu li { 
float : left;
position : relative;
border-top : 1px solid #386350;
padding:2px 0 2px 0;
} 
#menu li.sub { 
background : #07311C url(../assets/bullet1.gif) no-repeat top left;
} 
#menu ul.sub2 { 
display : block;
background : #7CA595;
} 
#menu li, #menu li a { 
display : block;
color : #FFCC00;
font-family : arial, sans-serif;
font-size : 12px;
line-height : 24px;
width : 165px;
text-decoration : none;
cursor : pointer;
text-indent : 20px;
} 
#menu ul, #menu li.click ul ul, #menu li.click ul li.hover ul ul { 
display : none;
} 
#menu li.hover a { 
color : #fff;
z-index : 500;
} 
#menu li.click { 
color : #fff;
background : #708f03;
} 
#menu li.click ul { 
display : block;
background : #7CA595;
color : #fff;
} 
.active{ 
background : #07311C url(../assets/bullet2.gif) no-repeat top left;
font-weight : bold;
} 
#menu li.click ul li.hover ul, #menu li.click ul li.hover ul li.hover ul { 
display : block;
position : absolute;
left : 110px;
top : -1px;
border : 1px solid #386350;
border-width : 0 1px 1px;
} 


#menu li.click ul li.hover ul li.hover ul li { 
background : #07311C url(../assets/bullet2.gif) no-repeat top left;
z-index : 500;
} 
#menu li.click ul li.hover ul li.fly { 
background : #07311C url(../assets/bullet2.gif) no-repeat top left;
} 
/*  */