/* 
Palette:
FWB Ltd: dd6c10 
lite: f9a53c

non-exec: 21a38f 
lite: 2acfb8

consulting: 0f91d7
lite: 3eb1f1


*/

/* Reset margin, padding */
body, ul, ol, dl, dt, dd, form {
	margin:0;
	padding:0;
}
ul{
	list-style:none;
}


body{
	font-family:verdana, arial, sans-serif;
	font-size:70%;
	text-align:center;
	background:url('../img/fwb/bckd.gif') left top repeat-x;
}
/* variants */
body#p2{
	background:url('../img/fwbc/bckd.gif') left top repeat-x;
}
body#p3{
	background:url('../img/fwbnon/bckd.gif') left top repeat-x;
}


#wrapper{
	float:left;
	width:100%;

}
#p0 #wrapper{
	background:transparent url('../img/fwb/line.gif') left 286px repeat-x;
}
#container{
	margin:0 auto;
	width:780px;
	text-align:left;	
}




#headerContainer{
	width:100%;
	height:88px;	
}

#header{
	float:left;
	width:780px;
	height:88px;
	position:relative;
	z-index:1000;
	
}

#logo{
	width:175px;
	float:left;
	margin-left:32px;
	margin-top:0px;
	height:61px;
}

	#logo h1{
		text-indent:-9000px;
	}
	#logo h1 a{
		position:absolute;
		left:0px;
		top:0px;
		display:block;
		width:98px;
		height:60px;
		background:url('../img/fwb/logo.gif') left top no-repeat;
	}
	/* variants */
	#p2 #logo h1 a{
		background:url('../img/fwbc/logo.gif') left top no-repeat;
	}
	#p3 #logo h1 a{
		background:url('../img/fwbnon/logo.gif') left top no-repeat;
	}


#headerLinks{
	float:left;
	margin-left:150px;
	display:inline;
}
	#headerLinks ul{
		float:left;
		width:400px;
		margin-top:5px;	
	}
		#headerLinks ul li{
			display:inline;
		}
		#headerLinks ul li a{
			color:#fff;
			text-decoration:none;
			padding:0 5px;
		}


#siteTools{
	float:right;
	width:185px;
	margin-top:2px;
}


/* Navigation styles */
	#mainNav{
		position:absolute;
		bottom:1px;
		left:0;
		width:780px;
		padding:0;
		z-index:1000;
		font-family:verdana, arial, sans-serif;
	}

	

	#mainNav ul#nav{		

		z-index:1000;
		float:right;
	}
		#mainNav ul#nav ul{
			height:auto;
			float:left;
		}
		#mainNav ul li{
			float:left;
			
		}
		#mainNav ul li a{
			float:left;
			display:inline;
			color:#fff;
			padding:2px 10px 0;			
			text-decoration:none;
			border-right:1px solid #fff;
		}
		#mainNav li.level1 a {
			float:left;
			font-size:.9em;
			display:block;
			padding:0px 10px 2px;
			height:19px;
			line-height:19px;
			text-decoration:none;
			font-weight:normal;
			text-align:center;			
	
		}
		#mainNav li.level1{
			padding:0px 0px 2px;
		}
		#mainNav ul li.active a{
			color:#fff !important;
			font-weight:bold;
		}

		#mainNav ul li.active a{
			color:#000 !important;
font-weight:normal;
background:#f9a53c;

		}

#p3 #mainNav ul li.active a{
/* green */
background:#2acfb8;

}

#p2 #mainNav ul li.active a{
/* blue */
background:#3eb1f1;
}	

	/* DROP DOWN */
	

	#mainNav li {
		float: left;
		position: relative;
		padding:0px;
		font-size:.9em;
 	}

		li.level1 ul {
		z-index:1000;

		display:none;
		position: absolute;
		top:23px;
		left:0px ;
		
		width:180px;		
		border-bottom:1px solid #555;
		border-top:1px solid #555;
		border-left:1px solid #555;
		border-right:1px solid #555;
	}
	#QE_Toolbar li ul {

		display:block;
		left:-118px;
		
		width:auto;		
		border:none;

	}
	
	
		#mainNav ul li ul li{			
			float:left;
			
		}
			#mainNav li.level1 ul li a {
				/* dropdown */
				float:left;
				display:block;
				width:160px;
				padding:0px 10px;
				height:1.8em;
				line-height:1.8em;
				font-weight:normal;
				font-size:1em;
				background:#dd6c10;
				color:#fff;
				text-align:left;
				text-decoration:none;
				border:none;		
				border-bottom:1px solid #f9a53c !important;
			}

		
		/* variants */		

		#p2 #mainNav li.level1 ul li a{
			background:#0f91d7;
			border-bottom:1px solid #3eb1f1 !important;
		}
			#p2 #mainNav li.level1 ul li a:hover{
				background:#3eb1f1;
			}

		#p3 #mainNav li.level1 ul li a{
			background:#21a38f;
			border-bottom:1px solid #2acfb8 !important;
		}
			#p3 #mainNav li.level1 ul li a:hover{
				background:#2acfb8;
			}		
		#header ul li ul li a:hover{
			color:#000 !important;
			background:#f9a53c;
		}
		
	li:hover ul, li.over ul {
		display: block;
	}






#main {
	clear:left;
	float:left;
	width:780px;
	margin-top:0;
	margin-bottom:1em;
	position:relative;
	z-index:0;
}

#content {
	z-index:0;
	float:left;
	width:645px;
}
	.wide #content {
		width:780px;
	}
	.staff #content {
	
	}
#homeBanner{
	clear:left;
	float:left;
	width:780px;
	margin-top:0;
	z-index:0;
}
	#bannerImage{
		float:left;
		width:260px;
		margin-right:0px;
		display:inline;
	}
	#bannerImage p{
		margin:0;padding:0;
	}
	#bannerFlash{
		float:left;
		width:510px;
	}
	

/* columns */	

#copy{
	z-index:0;
	float:right;
	width:515px;
	margin-right:20px;
	margin-top:3em;
	display:inline;
}
	#copy{width:355px;}
	.recruitment #copy{width:515px;}
	.wide #copy{
		width:510px;
		margin-right:0px;
	}
	.staff #copy{
		width:625px;
	}
#extra{
	z-index:0;
	float:left;
	width:251px;
	margin-right:1px;
	display:inline;
}
	#main #extra p{
	color:#777;
	font-size:.9em;
	}
	#content #extra a{
	color:#999;
	}
	.staff #extra{
		display:none;
	}

	#p0 #extra{
		margin-top:5em;
	}
	#main #extra p{
		margin:0;padding:0;
	}	
		#p0 #main #extra p{
			margin:.5em 0;padding:0;
		}	
	.recruitment #extra{
		width:100px !important;
	}		
	/* recruitment */	
.recruitment #main #extra img{
		margin:3.4em 0 0 0;
		padding:0;
	}	
	#quote{
	margin-top:2em;
	}
	
#subNav{
	z-index:0;
	float:left;
	width:135px;
	display:inline;	
	margin-top:8em;
}

.recruitment #subNav{
	margin-top:3.5em;
}
.recruitment #copy{
	margin-top:1em;

}
#recruitHeading{
	float:left;
	margin-left:110px;
	display:inline;
	width:670px;

}
#main #recruitHeading h2{
	padding:.2em 0;
	margin:0;
	background:#F9A53C;
	color:#fff !important;
	font-family:arial, sans-serif;
	font-size:1.5em;
	padding-left:10px;
	font-weight:normal;
}
	.recruitment #main h1{
		font-family:arial, sans-serif;
		margin:1em 0 0;
		padding:.2em 10px;
		font-weight:normal;
		color:#F9A53C;
		font-size:2em;
		border-bottom:1px solid #dd6c10;

	}

	#subNav ul{
		float:left;
		width:135px;
		padding-bottom:2px;
		border-bottom:1px solid #ddd;
	}
		#subNav ul li{
			float:left;
			width:135px;
			font-size:.8em;
		}
		#subNav ul li a{
			display:block;
			float:left;
			width:125px;
			color:#dd6c10;
			text-decoration:none;
			border-bottom:1px solid #ddd;
			padding:.8em 0 .8em 10px;
		} 

		#subNav ul li a:hover{
			background:#eee;
		} 

		#main #subNav ul li.active a{
			color:#555;

		} 
		

/* section variants */
	#p2 #subNav ul li a{
		color:#0f91d7;
	} 
	#p3 #subNav ul li a{
		color:#21a38f;
	} 


	
/* Page formatting */	
	#content p{
		color:#333;
		font-family:verdana, arial, sans-serif;
		margin-top:0;
		padding-top:0;
		line-height:1.4em;
	}

	#content a, #content a:visited{
		text-decoration:underline;
		color:#777;
	}	
	#content a:hover{
		text-decoration:none;
		color:#333;
	}


	
	#content h1{
	/* main page heading */
		font-family:arial, sans-serif;
		margin:1em 0 1em;
		padding:0;
		font-weight:bold;
		color:#dd6c10;
		font-size:1.3em;
		border-bottom:1px solid #dd6c10;
	}
	/* variants */
	.staff 	#content h1{
		margin-left:270px;
	}
	#p0 #content h1{
		border-bottom:none;
	}


	
	#content h2{
		margin:1em 0 .5em;
		padding:0;
		font-weight:bold;
		color:#dd6c10;
		font-size:1em;
	}
	
	#content h3{
		margin:1em 0 0.5em;
		padding:0;
		color:#555;
		font-size:1em;
		font-weight:bold;
	}
	
	#content h4{
		margin:1em 0 .5em;
		padding:0;
		font-weight:bold;
		color:#777;
		font-size:1em;	
	}
	#content p{
		margin:1em 0 .5em;
		padding:0;
		color:#666;
		font-size:1em;	
	}
	#copy a{
		text-decoration:underline;
	}
	
	
	
	#copy ul{
		color:#666;
		list-style:square;
		margin-left:15px;
		margin:.5em 0 .5em 15px;
	}
		#copy ul li{
			color:#666;
			margin-bottom:.5em;
		}
	/* variants */
	#p2 #content h1{
		color:#0f91d7;
		border-color:#0f91d7;
	}

	#p2 #content h2{
		color:#0f91d7;

	}
	
	#p2 #content h3{
		color:#555;
	}
	
	#p2 #content h4{
		color:#777;

	}
	
	#p3 #content h1{
		color:#21a38f;
		border-color:#21a38f;
	}

	#p3 #content h2{
		color:#21a38f;

	}
	
	#p3 #content h3{
		color:#555;
	}
	
	#p3 #content h4{
		color:#777;

	}

	

/* custom page layout */
	.profile{
		clear:left;
		float:left;
		width:625px;
	}
	.profilePic{
		float:left;
		width:250px;
		margin-top:.2em;
		margin-right:20px;
		display:inline;
	}
	.profilePic img{
		border:1px solid #DD6C10;
		margin-left:50px;
	}
	
	.ditto_summaryPost{
		float:left;
		width:355px;
	}

	#extra .ditto_summaryPost{
		float:left;
		width:250px;
	}


/* News layout */
#main .ditto_info p{
	font-size:.8em;
	color:#999!important;
}

#newsPager{
	clear:left;
	border-top:1px dotted #aaa;
	padding:5px;
}
a.ditto_page{
	padding:2px .3em;
	margin:0 .2em;
	background:#fff;
}
#main .ditto_currentpage{
	background:#eee;
	text-decoration:none;
	padding:2px .3em;

}
#ditto_pages a:hover{

}

/* Footer styles */
#footer{
	color:#999;
	clear:left;
	float:left;
	width:375px;
	margin-left:270px;
	display:inline;
	border-top:1px solid #ccc;
	padding:1em 0;
}

#p0 #footer, .wide #footer{
		width:510px;
}
.recruitment #footer{	
	width:530px;
	margin-left:110px;}
	#footer p{
		margin:0;
		padding:.5em 0;
		font-size:.8em;
	
	}



/*
Misc. Classes
*/

.off{	display:none;}

.cleaner{	clear:both;}

.clear_right{	clear:right;}

.clear_left{	clear:left;}

.float_right{	float:right;}

.float_left{	float:left;}


/* Global */

abbr, acronym{
	border-bottom:1px dotted #555;
	cursor: help;
}
img{		border:0;}
a:focus{	outline:none;}