/* >>>>>>>>>>>>>>>>>>>> BASIC STYLES >>>>>>>>>>>>>>>>>>>> */

body{
	background-color:#C2B59B;
	font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.pad{
	padding:10px;}

.clear{
	clear:both;
	height:10px;
	padding:0;
	overflow:hidden;
	
	}

#right .clear{height:9px;}

*+html #right .clear{height:10px;}
* html #right .clear{height:10px;}

#right .img{
	height:90px;
	width:160px;
	display:block;
	overflow:hidden;
	background-color:#CCCCCC;}

/*
a{
	color:#2D1A0E;
	text-decoration:none;}
a:hover{
	text-decoration:underline;}
*/

.pic, .pic img{
	padding:0;
	margin:-10px 0px 0px 6px;
	float:left;
	overflow:hidden;
	}
.rightAlign{ float:right; padding-left:10px;}
.rightAlignfla{ float:right;}
.leftAlign{ float:left; padding-right:10px;}
.centerAlign{ text-align:center; margin-left:auto; margin-right:auto;}

/* remove all H styles

#wrapper .innerpad h2{
	font-size:16px;
	font-weight:bold;
	margin:0;
	text-transform:uppercase;
	color:#7B8411;
}

#wrapper .innerpad h2.red{
	color:#CC0000;}

#wrapper .innerpad h3{
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	margin:9px 0;
	color:#7B8411;
}

#wrapper .innerpad h4{
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;	
	margin:9px 0 2px 0;
	color:#7B8411;
}

#wrapper .innerpad h5{
	font-size:11px;
	font-weight:bold;	
	margin:9px 0 -9px 0;
	color:#7B8411;
}

#wrapper .innerpad p{
	margin:9px 0;
	line-height:14px;
	}
*/

/*
#wrapper .innerpad a{ border-bottom:1px dashed #666;}
#wrapper .innerpad a:hover{ border:none; text-decoration:none;}
*/

#wrapper .innerpad em{ font-style:italic;}
#wrapper .innerpad strong{ font-weight:bold;}

dt{
	font-weight:bold;}

.greenIntro{
	color:#7B8411;
	font-weight:bold;
	}
.clearLeft{ clear:left;}

.fla{
	margin:0;
	padding:0;
	overflow:hidden;
	clear:both;
	display:block;
	height:245px;}

.fla2{
	margin:0;
	padding:0;
	overflow:hidden;
	clear:both;
	display:block;
	height:96px;}

/* >>>>>>>>>>>>>>>>>>>> THE GRID >>>>>>>>>>>>>>>>>>>> */

#wrapper{
	width:970px;
	margin:10px auto;
	border:1px solid #615A4D;
	background-color:#fff;}

#wrapper #nav{
	width:970px;
	height:27px;
	}
#wrapper #nav ul{
	width:970px;
	padding:0;
	margin:0;	}

#wrapper #nav ul li{
	display:block;
	height:27px;
	float:left;
	text-align:center;
	line-height:27px;
	border-right:2px solid #fff;
	position:relative;	
}

#wrapper #nav ul li a{
	display:block;
	width:120px;
	height:27px;
	float:left;
	line-height:27px;
	color:#fff;
	background-color:#2D1A0E;
	text-decoration:none;
}
#wrapper #nav ul li a:hover{
	background-color:#89C542;
	color:#2D1A0E;}

#wrapper #nav ul li.fin{
	border:none;
	background-color:#2D1A0E;}

#wrapper #nav ul li.fin a{width:116px;}

#wrapper #nav ul li ul{ display:none;}

#wrapper #nav ul li:hover ul, 
#wrapper #nav ul li.sfHover ul{ 
	display:block;
	position:absolute;
	top:27px;
	left:0px;
	width:120px;
	padding-bottom:10px;
	z-index:100;
	}

#wrapper #nav ul li:hover ul li, 
#wrapper #nav ul li.sfHover ul li{
	position:relative;
	clear:both;
	height:24px;
	width:120px;
	border:none;
	}

#wrapper #nav ul li:hover ul li a, 
#wrapper #nav ul li.sfHover ul li a{
	width:150px;
	margin:0;
	height:24px;
	line-height:24px;
	}

#wrapper #nav ul li ul li ul,
#wrapper #nav ul li:hover ul li ul, 
#wrapper #nav ul li.sfHover ul li ul{ display:none;}

#wrapper #nav ul li ul li:hover ul, 
#wrapper #nav ul li ul li.sfHover ul{
	display:block;
	position:absolute;
	top:0;
	left:150px;
}

#wrapper #nav ul li ul li a{ text-align:left; text-indent:10px;} /*Please remove this to make the drop down menu text align center*/

#wrapper #nav ul li.about ul li a{
	text-indent:40px;
	width:170px;}
#wrapper #nav ul li.events ul li a{
	text-indent:40px;}
#wrapper #nav ul li.membership ul li a{
	text-indent:25px;}

#wrapper #nav ul li.careers ul li a{
	text-indent:35px;
	width:120px;}

#wrapper #main{
	overflow:hidden;
	width:970px;
	}
	
.innerpad{
	width:950px;
	float:left;
	background:url(../../custom_wfim/images/innerpad_bg.jpg) repeat-y;
	margin:12px 0 12px 12px;
	}

/*
* html .innerpad{
	margin:30px 0 30px 15px;}
*/
.innerpad_top{
	height:25px;
	width:950px;
	clear:both;
	background:url(../../custom_wfim/images/innerpad_top.jpg) no-repeat;	
	}

.innerpad_bot{
	height:15px;
	width:950px;
	clear:both;
	background:url(../../custom_wfim/images/innerpad_bot.jpg) no-repeat;
	overflow:hidden;
	}

.innerFrame{
	margin-left:11px;
	margin-top:-11px;
	max-height:465px;
	min-height:465px;
	height:465px;
	}

#wrapper #main .innerFrame3{
	margin-left:12px;
	margin-top:0px;
	max-height:490px;
	min-height:490px;
	height:490px;
	}

#wrapper #main .innerBoxLeft{
	width:220px;
	float:left;
	padding:0 0 0 0;
	margin:-10px 0 0 12px;
	overflow:hidden;
	max-height:454px;
	min-height:454px;
	height:454px;
	}

#wrapper #main .innerBox{
	width:660px;
	float:right;
	padding:10px 25px 0 0;
	margin:-11px 15px 0 0;
	overflow:scroll;
	max-height:444px;
	min-height:444px;
	height:444px;
	overflow-x: hidden;
	}

#wrapper #main .innerBox2{
	width:880px;
	float:right;
	padding:0 25px 0 0;
	margin:-11px 15px 0 0;
	overflow:scroll;
	max-height:454px;
	min-height:454px;
	height:454px;
	overflow-x: hidden;
	}

#memberZone #wrapper #main .innerBox{
	width:640px;
	padding-top:10px;
	padding-right:10px;}

#memberZone #wrapper #main .innerFrame2{
	margin-left:12px;
	margin-top:0px;
	max-height:490px;
	min-height:490px;
	height:490px;
	}

#brochurePage #wrapper #main .innerBox{
	padding-top:0;
	max-height:470px;
	min-height:470px;
	height:470px;	
	}	
/* #wrapper #main .innerBox{	
	width:778px;
	border:1px solid #2D1A0E;
	border-top:none;
	padding:25px 35px;
	margin-bottom:20px;
	min-height:200px;
	height:auto !important;
	height:200px;
	overflow:auto;
	clear:both;
	}

* html #wrapper #main .innerBox{ overflow:visible;}*/

p.innerP{
	margin-top:20px;
	width:368px;
	font-style:italic;
	float:left;}

#wrapper #main #left{
	width:345px;
	float:left;
	}

#wrapper #main #left h3#news{
	display:block;
	height:19px;
	line-height:19px;
	background-color:#6C7526;
	text-align:center;
	font-style:italic;
	color:#fff;
	width:345px;
	font-size:14px;}

#wrapper #main #left p.box{
	border:1px solid #6C7526;
	padding:10px;
	display:block;
	overflow:auto;
	font-size:12px;
	line-height:15px;
	font-style:italic;
}

#wrapper #main #left p.box em{
	clear:both;
	display:block;
	text-align:right;
	}

.sponser, .sponser1{
	border:1px solid #6C7526;
	width:145px;
	padding:10px;
	float:right;
	height:80px;
	}

.sponser1{
	float:left;
 }

#wrapper #main #center{
	width:415px;
	float:left;
	margin:0;
	margin-left:15px;
	padding:0;
	}
#wrapper #main #center h3#whoWeAre{
	display:block;
	height:19px;
	line-height:19px;
	background-color:#2D1A0E;
	text-align:center;
	color:#fff;
	font-style:italic;
	font-size:14px;
	}
	

#wrapper #main #center p.box{
	border:1px solid #2D1A0E;
	padding:10px;
	float:left;
	display:block;
	font-size:12px;
	line-height:18px;
	height:96px;
	font-style:italic;
	overflow:hidden;
}

*+html #wrapper #main #center p.box{
	height:102px;
	width:393px;
	}

* html #wrapper #main #center p.box{
	height:102px;
	width:393px;
	}

#wrapper #main #center p.box em{
	clear:both;
	float:right;
	display:block;}
	
#wrapper #main #right{
	width:160px;
	float:right;
	}
	
#wrapper #main #right h3#members{
	display:block;
	height:17px;
	line-height:17px;
	background-color:#2D1A0E;
	text-align:center;
	color:#fff;
	font-style:italic;
	}

#wrapper #main #right form{
	background-color:#E7EBAC;
	padding:5px;
	}

#wrapper #main #right form .inputText{
	width:140px;
	height:18px;
	border:1px solid #6C7526;
	margin-bottom:5px;
	font-size:10px;
	}
#wrapper #main #right form .button{
	border:1px solid #000000;
	background-color:#fff;
	font-size:10px;
	width:24px;
	height:17px;}

#wrapper #main #right .banner{
	width:140px;
	height:74px;
	padding:10px;
	border:1px solid #2D1A0E;}

*+html #wrapper #main #right .banner{
	height:72px;}

#footer {
	text-align:center;
	margin:0 auto;
	width:720px;
	font-size:12px;
	color:#2D1A0E;
	}
#footer a{
	color:#2D1A0E;
	text-decoration: none;
	}
#footer a:hover{
	color:#2D1A0E;
	text-decoration: underline;
	}

#footer_hidden {
	text-align:center;
	margin:0 auto;
	width:720px;
	font-size:9px;
	color:#C2B59B;
	}

#footer_hidden a{
	color:#C2B59B;
	text-decoration: none;
	}
#footer_hidden a:hover{
	color:#C2B59B;
	text-decoration: none;
	}

dl{
	margin:9px 0;}

dl.whatsOnList dt{
	font-weight:bold;
	margin-top:18px;
	}

dl.whatsOnList dd{
	margin-left:20px;}
	
a.register{
	display:block;
	width:150px;
	height:26px;
	background-color:#3B2313;
	color:#FFFFFF;
	line-height:26px;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	border:0 !important;
	margin:0 auto;
}

a.register:hover{
	background-color:#7B8411;
	border:none;}

form#register, form#members_area{
	width:400px;}

form#register fieldset, form#members_area fieldset{
	border:3px solid #ccc;
	padding:0 10px;}

form#register fieldset legend, form#members_area fieldset legend{
	margin-left:20px;
	font-weight:bold;
	padding:5px;
	text-transform:uppercase;
	color:#7B8411;}

form#register p, form#members_area p{
	clear:both;}	

form#register label, form#members_area label{
	display:block;
	width:120px;
	padding-right:5px;
	float:left;
	text-align:right;
	}

form#members_area label{
	width:200px;}

form#register p.radioRow label.radio{
	display:inline;
	width:auto;
	padding-left:10px;}

form#register p.radioRow input{
	float:left;
	}
	
form#register p.buttonsRow, form#members_area p.buttonsRow{
	margin-left:120px;
	margin-top:10px;
	clear:both;}

form#members_area p.buttonsRow{
	margin-left:205px;
	}

p.note{
	font-weight:bold;
	color:#990000;}

table.basic{
	border:1px solid #2D1A0E;
	margin:9px;
	}
table.basic.center{ margin-left:auto;	margin-right:auto;}

table.basic th, table.basic td{ padding:5px;}

table.basic th{
	background-color:#2D1A0E;
	color:#ffffff;
	font-weight:bold;
}

table.basic td{
	border-right:1px solid #2D1A0E;}

table.basic.row td{
	border-bottom:1px solid #2D1A0E;}

ul.twoCol li{
	display:block;
	float:left;
	width:250px;
	padding-right:10px;	
	margin-top:10px;
	}

.leftCol{
	float:left;
	width:250px;
	padding-left:12px;}

#memberZone .leftCol{
	width:148px;
	}

#memberZone .leftCol2{
	width:148px;
	}

ul.directoryList{
	height:300px;
	width:100%;
	float:left;
	padding-left:10px;
	overflow:scroll;
	overflow-x:hidden}

#wrapper #main .innerpad .leftCol ul.directoryList li a{
	color:#657534;
	text-decoration:none;
	border:none;}

#wrapper #main .innerpad .leftCol ul.directoryList li a:hover{
	text-decoration:underline;}

ul.directorInnerList{
	margin-top:20px;}

ul.directorInnerList li{
	margin:9px 0;}

ul.directorInnerList li a{
	color:#657534;
	text-decoration:none;
	border:none !important;
	font-weight:bold;
	}

dl.profileList dt{
	display:block;
	float:left;
	width:115px;
	margin:9px 0;}

dl.profileList dd{
	margin:9px 0;
	display:block;
	width:350px;
	float:left;}

table.job{
	width:800px;
	margin:10px auto;}

table.job th{
	background-color:#657534;
	height:30px;
	color:#fff;
	padding:5px;
	text-align:center;
	font-weight:bold;}

ul.membersOnly{
	margin:20px 0 0 10px;}

ul.membersOnly li{
	margin:9px 0;}

ul.membersOnly li a{
	color:#657534;
	text-decoration:none;
	border:none !important;
	font-weight:bold;
	}

p.memberFormRow{
	clear:both;
	padding:9px 0;
	margin:0;
}

*+html p.memberFormRow{
	padding:0;
	margin:0;
	}

* html p.memberFormRow{
	padding:0;
	margin:0;
	}

p.memberFormRow input, p.memberFormRow select{
	float:left;
	margin:0 10px;}

p.memberFormRow label{
	width:150px;
	display:block;
	float:left;
	}

p.memberFormRow select, p.memberFormRow .memberInput{
	width:400px;
	border:1px solid #391B10;}
	
p.memberFormRow .button{
	margin-left:200px;}