@charset "UTF-8";
/* CSS Document */

/**************************************************************
Staff Page layout elements
 **************************************************************/
 
#pageStaff {
		  float: left;
		  height: 850px;
		  width: 870px;
		  clear: both;
		  padding-bottom: 0px;
		  }


#contentFieldStaff    {						
					  margin-left: auto;
					  margin-right: auto;
					  margin-bottom: -20px;
					  padding-bottom: 0px;
					  width: 900px;
					  height: 820px;
					  border-top: solid 0px #FDFEEA;
					  border-bottom:#0066FF solid 0px;
					  background: #BFC4B0 url(../images/bg/pagebkgd.jpg) repeat-x scroll;
					  overflow: hidden;
					  }

#frameStaff  {
			 background: #FAFBEC /*url(../images/contact/ContactBkgd.jpg)*/;
			 border: #7E7E75 solid 0px;
			 width: 651px;/*710 -- This width is critical. It forces gridB down below gridA.*/
			 height: 570px;/*725*/
			 margin-top: 20px;
			 margin-right:auto;
			 margin-bottom: 15px;
			 margin-left: auto;
			 }
			 
		 
#gridA  {
		background-color: transparent;
		background-image: url(../images/other/staffGridA.jpg);
		border: #FF9900 solid 0px;
		width: 489px;
		height: 143px;
		color: #666666;
		font-size: 12px;
		margin-top: 0;
		margin-left: 0px;
		padding: 0px;
		float: left;
		}


#gridB  {
		background-color: transparent;
		background-image: url(../images/other/staffGridB.jpg);
		border: #FF9900 solid 0px;
		width: 163px;
		height: 426px;
		color: #666666;
		font-size: 12px;
		margin-top: 0;
		margin-left: 0px;
		float: left;
		}


#gridC  {
		background-color: transparent;
		background-image: url(../images/other/staffGridC.jpg);
		border: #FF9900 solid 0px;
		width: 326px;
		height: 426px;
		color: #666666;
		font-size: 12px;
		margin-top: 0;
		margin-left: 0px;
		padding: 0px;	
		float: left;
		}


#gridD  {
		background-color: transparent;
		background-image: url(../images/other/staffGridD1.jpg);
		border: #FF9900 solid 0px;
		width: 163px;
		height: 569px;/* actual jpg h:569*/
		color: #FFFFFF;
		font-size: 12px;
		margin-top: -143px;
		margin-left: -2px;	
		float: right;
		}



/*  -------------------------------------------- 
    Styling for IE6 compatible version.          */

#IEwrapper #frameStaff  {														/*   --  IE6  --   */
						 background: #FAFBEC;
						 border: #7E7E75 solid 0px;
						 width: 652px;/* -- This width is important. It forces gridB down below gridA.*/
						 height: 573px;/* */
						 margin-top: 20px;
						 margin-right:auto;
						 margin-bottom: 20px;
						 margin-left: auto;
						 }


#IEwrapper #gridA  {										/*   --  IE6  --   */
					background-color: transparent;
					background-image: url(../images/other/staffGridAX6.jpg);
					border: #FF9900 solid 0px;
					width: 489px;
					height: 143px;
					color: #666666;
					font-size: 12px;
					margin-top: 1px;
					margin-bottom: 1px;
					margin-left: 1px;
					padding: 0px;
					float: left;
					}		


#IEwrapper #gridB  {										/*   --  IE6  --   */
					background-color: transparent;
					background-image: url(../images/other/staffGridB.jpg);
					border: #FF9900 solid 0px;
					width: 163px;
					height: 426px;
					color: #666666;
					font-size: 12px;
					margin-top: 0;
					margin-left: 1px;
					float: left;
					}


#IEwrapper #gridC  {										/*   --  IE6  --   */
					background-color: transparent;
					background-image: url(../images/other/staffGridCX6.jpg);
					border: #FF9900 solid 0px;
					width: 325px;/*360*/
					height: 426px;/*540*/
					color: #666666;
					font-size: 12px;
					margin-top: 0;
					margin-left: 1px;
					padding: 0px;	
					float: left;
					}

		
#IEwrapper #gridD  {										/*   --  IE6  --   */
					background-color: transparent;
					background-image: url(../images/other/staffGridDX6.jpg);
					border: #FF9900 solid 0px;
					width: 153px;/*164*/
					height: 569px;/*540 -- actual jpg h:569*/
					color: #FFFFFF;
					font-size: 12px;
					margin-top: -143px;/*-180*/
					margin-right: 2px;
					padding: 0px;
					float: right;
					}		
		
.headlineTeam   {
				color: #7E7E75;
				font-size: 24px;
				margin-top: 15px;
				margin-bottom: 0px;
				margin-left: 110px;
				letter-spacing: -1px;
				}

.subheadTeam    {
				color: #585550;
				font-size: 15px;
				line-height: 18px;
				text-align:justify;
				margin: 0px 125px 0px 125px;
				padding: 7px 10px 0px 10px;
				background: #F1F2E0 url(../images/bg/subheadBkgd.jpg) repeat-x;
				/*letter-spacing: -1px;*/
				border: #FF9900 solid 0px;
				}

.staffName  {
			color: #FFFFF3;
			font-size: 12px;
			border: #FF9900 solid 0px;
			margin-top: 10px;
			margin-left: 12px;
			line-height: 10px;
			}


.staffTitle {
			color: #FFFFF3;
			font-size: 11px;
			border: #FF9900 solid 0px;
			margin-top: -15px;
			margin-left: 12px;
			line-height: 8px;
			}


.staff2Name {
			color: #FFFFF3;
			font-size: 12px;
			border: #FF9900 solid 0px;
			margin-top: 4px;
			margin-left: 12px;
			line-height: 10px;
			}


.carolBio   {
			color: #FFFFF3;
			font-size: 11px;
			margin-top: -10px;
			margin-right: 7px;
			margin-left: 12px;
			text-align:justify;
			line-height: 14px;
			}


.designersBio   {
				color: #FFFFF3;
				font-size: 11px;
				margin-top: -10px;
				margin-right: 7px;
				margin-left: 12px;
				text-align:justify;
				line-height: 14px;
				}

.managerName    {
				color: #FFFFF3;
				font-size: 12px;
				border: #FF9900 solid 0px;
				margin-top: 30px;
				margin-left: 12px;
				line-height: 10px;
				}


.managerTitle   {
				color: #FFFFF3;
				font-size: 11px;
				border: #FF9900 solid 0px;
				margin-top: -15px;
				margin-left: 12px;
				line-height: 8px;
				}


.managerBio     {
				color: #FFFFF3;
				font-size: 11px;
				margin-top: -10px;
				margin-right: 7px;
				margin-left: 12px;
				text-align:justify;
				line-height: 14px;
				}