@charset "UTF-8";


/*Sub Page Nav*/	


	ul#nav
		{
			margin:0px;
			padding:0px;
		}

	

	#nav li ul, #nav li ul {
		margin: 0;
		padding: 0;
	}

	#nav a {
		text-decoration: none;
		
	}
	
	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		
		}

	#nav li ul {
		display: none;
	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		top: 262px;
		left: 340px;
		padding-top: 20px;
		background: #ffffff;
		height:28px;
		width:440px;
		padding-left:30px;
		z-index:1;
	}
	

#nav li.on ul {
		background: #ffffff;
	}

	#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		background: #ffffff;
	}

	#nav li a {
		color: #224d6f;
		font-weight: bold;
		display: block;
		
		padding: 0;
	}

	#nav li.on a {
		color: #ffffff;
	}

	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #ffffff;
		width: auto;
		margin-right: 15px;
	}

	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
		background: #ffffff;
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}

	#nav li.off a:hover, #nav li.on a:hover { 
		color: #5d0008;
	}

	

	#liaboutsub a, #liweservesub a, #liresourcessub a, #liengagesub a, #licontactsub a {
		display: block;
		position: relative;
		height:85px;
		background:url(../images/nav/subnav_map.jpg) no-repeat; /*contains all hover states*/
		
	}
	

	

/*first, put the initial states in place*/



#liaboutsub a {
	background-position: 0px 0px;
	width:57px;
	
}

#liweservesub a {
	background-position: -74px 0;
	width:72px;
	
}

#liresourcessub a {
	background-position: -162px 0;
	width:72px;
}

#liengagesub a {
	background-position: -255px 0;
	width:55px;
}

#licontactsub a {
	background-position: -332px 0;
	width:59px;
}



/*active area - for this demo - the code could be based on a body class, and probably work better.*/

 #liaboutsub.on a {
 	background-position: -0px -85px;
	
 } 
 
 #liweservesub.on a {
 	background-position: -74px -85px;
	}
	
 #liresourcessub.on a {
 	background-position: -162px -85px;
	}
	
 #liengagesub.on a {
 	background-position: -255px -85px;
	}
	
 #licontactsub.on a {
 	background-position: -332px -85px;
	}
	
	
	/*add selectors for the other li's and background-positions*/

/*hover states*/

#liaboutsub a:hover, #liaboutsub:hover a, #liaboutsub.over a {
	background-position: 0 -85px;
}

#liweservesub a:hover, #liweservesub:hover a, #liweservesub.over a {
	background-position: -74px -85px;
}

#liresourcessub a:hover, #liresourcessub:hover a, #liresourcessub.over a {
	background-position: -162px -85px;
}

#liengagesub a:hover, #liengagesub:hover a, #liengagesub.over a {
	background-position: -255px -85px;
}

#licontactsub a:hover, #licontactsub:hover a, #licontactsub.over a{
	background-position: -332px -85px;
}



/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: block;
	background: #ffffff;
	color: #000000;
	font-family: arial, verdana, sans-serif;
	font-size:11px;
	height:28px;
	font-weight:lighter;
}		

#nav li.on ul a {
	background: #ffffff;
}




/* About - Our Team NAV*/	

	ul#navourteam
		{
			margin:0px;
			padding:0px;
			float:right;
			background-color:#FFFFFF
			
		}

	

	#navourteam li ul, #navourteam li ul {
		margin: 0;
		padding: 0;
		
	}

	#navourteam a {
		text-decoration: none;
		
	}
	
	#navourteam li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		background-color:#FFFFFF
		
		}

	#navourteam li ul {
		display: none;
		background-color:#FFFFFF
	}

	
	

#navourteam li.on ul {
		background: #ffffff;
	}

	#navourteam li.on:hover ul, #navourteam li.over ul { /*for ie*/
		background: #ffffff;
	}

	#navourteam li a {
		color: #224d6f;
		font-weight: bold;
		display: block;
		
		padding: 0;
	}

	#navourteam li.on a {
		color: #ffffff;
	}

	#navourteam li.on ul a, #navourteam li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #ffffff;
		width: auto;
		margin-right: 15px;
	}

	#navourteam li.on:hover ul a, #navourteam li.over ul li a { /*for ie - the specificity is necessary*/
		background: #b9cce8;
	}

	#navourteam li.on ul {
		display: block;
	}

	#navourteam li.off:hover ul, #navourteam li.over ul {
		display: block;
		z-index: 6000;
	}

	#navourteam li.off a:hover, #navourteam li.on a:hover { 
		color: #ffffff;
	}

	

	#liworker1 a, #liworker2 a, #liworker3 a, #liworker4 a, #liworker5 a, #liworker6 a, #liworker7 a, #liworker8 a, #liworker9 a {
		display: block;
		position: relative;
		height:72px;
		background:url(../images/about/ourteam_small.jpg) no-repeat; /*contains all hover states*/
		
	}
	
	#liworker10 a, #liworker11 a,#liworker12 a {
		display: block;
		position: relative;
		height:67px;
		background:url(../images/about/ourteam_small.jpg) no-repeat; /*contains all hover states*/
		
	}
	

	

/*first, put the initial states in place*/



#liworker1 a {
	background-position: 0px 0px;
	width:71px;
	
}

#liworker2  a {
	background-position: -74px 0;
	width:71px;
	
}

#liworker3 a {
	background-position: -147px 0;
	width:71px;
}



#liworker4 a {
	background-position: 0 -73px;
	width:71px;
}

#liworker5 a {
	background-position: -74px -73px;
	width:71px;
}

#liworker6 a {
	background-position: -147px -73px;
	width:71px;
}



#liworker7 a {
	background-position: 0 -145px;
	width:71px;
}

#liworker8 a {
	background-position: -74px -145px;
	width:71px;
}

#liworker9 a {
	background-position: -147px -144px;
	width:71px;
}



#liworker10 a {
	background-position: 0px -217px;
	width:71px;
}


#liworker11 a {
	background-position: -71px -217px;
	width:71px;
}


#liworker12 a {
	background-position: -147px -217px;
	width:71px;
}

/*active area - for this demo - the code could be based on a body class, and probably work better.*/

#liworker1.on a {
 	background-position: 0px -284px;
	} 
 
#liworker2.on a {
 	background-position: -74px -284px;
	}
	
#liworker3.on a {
 	background-position: -147px -284px;
	}


	
#liworker4.on a {
 	background-position: 0 -357px;
	}
	
#liworker5.on a {
 	background-position: -74px -357px;
	}
/* entry to add another person to team photo, position 6
	
#liworker6.on a {
 	background-position: -147px -357px;
	}

*/

#liworker7.on a {
	background-position: 0 -429px;
	}

#liworker8.on a {
	background-position: -74px -429px;
	}

#liworker9.on a {
	background-position: -147px -428px;
	}



#liworker10.on a {
	background-position: -0px -501px;
	}

/* entry to add another person to team photo, position 11
#liworker11.on a {
	background-position: -74px -501px;
	}*/

#liworker12.on a {
	background-position: -147px -501px;
	}
	

	
	/*add selectors for the other li's and background-positions*/



/*hover states*/

#liworker1 a:hover, #liworker1:hover a, #liworker1.over a  {
	background-position: 0px -284px;
}

#liworker2 a:hover, #liworker2:hover a, #liworker2.over a {
	background-position: -74px -284px;
}

#liworker3 a:hover, #liworker3:hover a, #liworker3.over a {
	background-position: -147px -284px;
}

#liworker4 a:hover, #liworker4:hover a, #liworker4.over a {
	background-position: 0 -357px;
}

#liworker5 a:hover, #liworker5:hover a, #liworker5.over a {
	background-position: -74px -357px;
}

/*  entry to add another person to team photo, position 6
#liworker6 a:hover, #liworker6:hover a, #liworker6.over a {
	background-position: -147px -357px;
}

*/

#liworker7 a:hover, #liworker7:hover a, #liworker7.over a {
	background-position: 0 -429px;
}

#liworker8 a:hover, #liworker8:hover a, #liworker8.over a {
	background-position: -74px -429px;
}

#liworker9 a:hover, #liworker9:hover a, #liworker9.over a {
	background-position: -147px -428px;
}

#liworker10 a:hover, #liworker10:hover a, #liworker10.over a {
	background-position: -0px -501px;
}

/*  entry to add another person to team photo, position 11
#liworker11 a:hover, #liworker11:hover a, #liworker11.over a {
	background-position: -74px -501px;
} */

#liworker12 a:hover, #liworker12:hover a, #liworker12.over a {
	background-position: -147px -501px;
}