/* ---------------------------------------- 

Created: Eric
Date: 06/02/2009

---------------------------------------- */

@media screen
{

/* -------------------- Browser Resets -------------------- */
/* --------------------  -------------------- */
	html, body
	{
		height:100%;
		margin:0;
		padding:0;
		text-align:center;
		width:100%;
	}
	
	body
	{
		color:#443d35;
		font: normal 12px/140% Tahoma, Geneva, sans-serif;
		line-height:140%;
		
		background:#797979 url(/images/bg.jpg) left top repeat-x;
	}
	
	:focus  /* Safari, Firefox fix */ 
	{
		outline: 0;
	}

	img 
	{
		border:0;
		margin:0;
		padding:0;
		vertical-align:bottom; /* Needed to avoid a 3px gap on bottom of images in Firefox, Safari, IE8 */
		*vertical-align:top; /* IE6, IE7 needs this */
	}
	*html img { vertical-align:bottom; }
	
	
	ul
	{
		list-style-image:url(/Images/smallOrangeArrow.jpg);
		left:-15px;
		margin:0;
		padding:0 0 0 15px;
		position:relative;
	}
	
	ul li
	{
		margin-bottom:15px; 
	}
	
	ul li.rtLI
	{
		margin-bottom:0;
	}
	
	hr
	{
		color:#999;
		height:1px;
		margin:20px 0;
		width:100%;
	}
	
	
/* -------------------- Text Styles -------------------- */

	h1, h2, h3, h4, h5, h6
	{
		margin:0;
		padding:0;
	}
	
	h1
	{
		font-size:17px;
		font-style:italic;
		font-weight:normal;
		
		left:-22px;
		margin-bottom:24px;
		position:relative;
	}
	
	
	h1 strong
	{
		font-size:24px;
		text-transform:uppercase;
	}
	
	h1 .arrows
	{
		float:left;
		*position:relative;
		*top:6px;
	}
	
	p
	{
		margin:0;
		padding:0 0 15px 0;
	}
	
	
	a:link, a:visited
	{
		color:#0080aa;
		font-weight:bold;
		text-decoration:none;
	}
	
	a:hover
	{
		text-decoration:underline;
	}
	
	#ie6
	{
		display:none;
	}
	
	*html #ie6
	{
		background:#CCC;
		padding:6px 0;
		width:100%
	}
	

/* -------------------- Base Styles -------------------- */
/* --------------------  -------------------- */

	#aspnetform /* Safari Fix */
	{
		margin:0;
		padding:0;
	}
	
	.floatLeft
	{
		float:left;
	}
	
	.floatRight
	{
		float:right;
	}

	/* clear without structural mark-up from PIE website*/
	.clear:after 
	{ 
		clear:both;
		content:"."; 
		display:block; 
		height:0;  
		visibility:hidden; 
	}
	
	.clear
	{ 
		display:inline-block;
		line-height:0; 
	}
	
	/* mac hide \*/
	* html .clear 
	{
		height: 1%;
	}
	
	.clear
	{
		display:block;
	}
	/* End hide */
	/* do not change or amalgamate clearfix styles*/
	
/* Layout */

	#bContainer
	{
		margin:0 auto;
		text-align:left;
		width:976px;
	}
	
	#bSearchContainer
	{
		margin:0 auto;
		position:relative;
		text-align:left;
		width:976px;
		z-index:1000;
	}
	
/* -------------------- Header ---------------------- */
	
	#bPrintHeader
	{
		display:none;
	}
	
	#bHeader
	{
		background:url(/Images/banner_BG.jpg) top left no-repeat;
		height:478px; 
		position:relative;
		width:100%;
	}
	
	#bHeader a:link, #bHeader a:visited
	{
		font-size:10px;
		font-style:italic;
		text-decoration:none;
	}
	
	#bBanner
	{
		left:250px;
		height:245px;
		position:absolute;
		top:70px;
		width:693px;
		z-index:2;
	}
	
	#picFade
	{
		height:243px;
		overflow:hidden;
		width:693px;
	}
		
	#bPersonRotator
	{
		height:388px;
		left:68px;
		position:absolute;
		top:91px;
		width:411px; 
		z-index:4;
	}
	
	#bSlogan
	{
		left:80px;
		position:absolute;
		top:318px;
		z-index:7;
	}
	
	#bLogo
	{
		height:111px;	
		left:70px; 
		position:absolute;
		top:40px;
		width:118px;
		z-index:9;
	}
	
	#bPhoneNumber
	{
		color:#9d9a8f;
		font-size:13px;
		font-weight:bold;
		
		left:850px;
		position:absolute;
		top:18px;
		width:auto;
		z-index:11;
	}
	
	
/* -------------------- Top Navigation ---------------------- */
	
	#bTopNav
	{
		float:right;
		left:-11px;
		position:relative;
		top:42px;
		width:auto;
		z-index:9;
	}
	
	#bTopNav .links
	{
		color:#ca4b01;
		font-style:italic;
		font-weight:bold;
		text-shadow: 2px 2px 2px #5d5d5d;
		
		padding:2px 0 0 0;
		position:relative;
		right:225px;
	}
	
	#bTopNav a:link, #bTopNav a:visited
	{
		color:#b5afaf;
		position:relative;
	}
	
	#bTopNav .links a.contactUs:link, #bTopNav .links a.contactUs:visited
	{
		color:#ffcc33;
	}
	
	.search
	{
		left:760px;
		position:absolute;
		top:45px;
		z-index:1000;
	}
	
	.search input.searchBox
	{
		background:url(/Images/searchBox_BG.gif) top left no-repeat;
		height:19px;
		width:159px;
	}
	
	.search input.searchBox
	{
		color:#999;
		font-size:10px;
		font-weight:bold;
		text-align:center;
		
		border:solid 0px #000;
		height:15px;
		padding-top:3px;
		position:relative;
		top:-8px;
		width:157px;
	}
	
	
	
/* -------------------- Left Navigation ---------------------- */
	
	#bNavigationContainer
	{
		line-height:100%;
		
		left:12px;
		position:absolute;
		top:167px;
		width:260px;
		z-index:8;
	}
	
	
	#bNavigationContainer ul li
	{
		margin-bottom:0px;
	}
	
	#bNavigationContainer ul li .selectedItem
	{
		background:url(/Images/leftNavSelected_BG.png) left top no-repeat;
	}
	
	#bNavigationContainer a:link, #bNavigationContainer a:visited
	{
		color:#b5afaf;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:11px;
		font-style:italic;
		font-weight:bold;
	}
	
	#bNavigationContainer a:hover
	{
		color:#ffdf18;
	}
	
	#bNavigationBG
	{
		left:12px;
		position:absolute;
		top:167px;
		z-index:3;
	}
	
	.navigationBG
	{
		background:url(/Images/navigation_SPRITE.png) 0px 0px;
		height:25px;
		width:314px;
	}
	
	

/* -------------------- Horizontal Navigation ---------------------- */

	#bHorizontalNav
	{
		color:#ca4b01;
		font-style:italic;
		font-weight:bold;
		text-shadow: 2px 2px 2px #5d5d5d;
		
		left:415px;
		padding:2px 15px 0 0;
		position:absolute;
		top:330px;
		z-index:5;
	
	}
	
	#bHorizontalNav a:link, #bHorizontalNav a:visited
	{
		font-size:11px;
		color:#ffcc33;
	}


/* -------------------- Body ---------------------- */

	#bBodyContainer
	{
		background:#fff url(/Images/body_BG.jpg) left bottom no-repeat;
		float:left;
		width:100%;
	}
	
	#bBodyLeftColumn
	{
		background:url(/Images/rightColumn_BG.jpg) left top no-repeat;
		float:left;
		padding:16px 0 50px 0;
		width:275px;
	}
		
	#bBodyLeftColumn a img
	{
		padding-left:15px;
	}
	
	#bBodyRightColumn
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		
		float:right;
		left:-55px;
		padding:26px 0 50px 0;
		position:relative;
		width:610px;
	}
	
	#bBreadcrumb
	{
		font-size:11px;
		
		border-bottom:solid 1px #443D35;  
		float:left;
		margin-bottom:30px;
		padding-bottom:5px;
		width:100%;
	}
	
	#bBreadcrumb .left
	{
		float:left;
		width:auto;
	}
	
	#bBreadcrumb .right
	{
		float:right;
		width:auto;
	}
	
	#bBreadcrumb .right a:link, #bBreadcrumb .right a:visited
	{
		font-size:11px;
	}

	#bEmployeeToolkit
	{
		padding: 15px 0 0 27px; 
	}

	#bEmployeeToolkit .select
	{
		width:224px;
	}	
	
/* -------------------- Contact Us --------------------- */
	
	table.contactUs td
	{
		padding-bottom:10px;
	}
	
	.textBox
	{
		color:#2f2f2d;
		
		border:solid 1px #999;
		width:295px;
	}
	
	.textArea
	{
		color:#2f2f2d;
		font-family:Arial;
		font-size:11px;
		
		border:solid 1px #999;
		height:75px;
		width:600px;
	}
	
	.asterik
	{
		color:#990000;
	}
	
	.catchTB, .addresses
	{
		display:none;
	}
	
/* -------------------- Footer ---------------------- */
	
	#bFooter
	{
		color:#fff;
		font-size:11px;
		
		float:left;
		padding:20px 0;
		width:100%;
	}
	
	#bFooter .left
	{
		float:left;
		padding-left:30px;
		width:auto;
	}
	
	#bFooter .right
	{
		color:#fff;
		
		float:right;
		padding-right:35px;
		width:auto;
	}
	
	#bFooter .right a:link, #bFooter .right a:visited
	{
		color:#fff;
	}
	
	/* Google Map */
	
	#map_canvas
	{
		float:left;
		height:300px;
		margin-right:20px;
		width:400px;
	}
	
	.MapAddress
	{
		float:left;
		margin-bottom:20px;
		width:auto;
	}
	
	.BuildingImage
	{
		float:left;
	}
}

@media print
{
	
	/* -------------------- Browser Resets -------------------- */
/* --------------------  -------------------- */
	html, body
	{
		height:100%;
		margin:0;
		padding:0;
		width:100%;
	}
	
	body
	{
		color:#443d35;
		font: normal 12px/1 Tahoma, Geneva, sans-serif;
		line-height:140%;
	
	}
	
	:focus  /* Safari, Firefox fix */ 
	{
		outline: 0;
	}

	img 
	{
		border:0;
		margin:0;
		padding:0;
		vertical-align:bottom; /* Needed to avoid a 3px gap on bottom of images in Firefox, Safari, IE8 */
		*vertical-align:top; /* IE6, IE7 needs this */
	}
	*html img { vertical-align:bottom; }
	
	
	ul
	{
		list-style-image:url(/Images/smallOrangeArrow.jpg);
		margin:0;
		padding:0 0 0 15px;
	}
	
	ul li
	{
		margin-bottom:15px; 
	}
	
	hr
	{
		color:#999;
		height:1px;
		margin:20px 0;
		width:100%;
	}
	
	
/* -------------------- Text Styles -------------------- */

	h1, h2, h3, h4, h5, h6
	{
		margin:0;
		padding:0;
	}
	
	h1
	{
		font-size:17px;
		font-style:italic;
		font-weight:normal;
		
		margin-bottom:24px;
	}
	
	
	h1 strong
	{
		font-size:24px;
		text-transform:uppercase;
	}
	
	p
	{
		margin:0;
		padding:0 0 15px 0;
	}
	
	
	a:link, a:visited
	{
		color:#4a6478;
		font-weight:bold;
		text-decoration:none;
	}
	
	a:hover
	{
		text-decoration:underline;
	}
	

/* -------------------- Base Styles -------------------- */
/* --------------------  -------------------- */

	#aspnetform /* Safari Fix */
	{
		margin:0;
		padding:0;
	}
	

	/* clear without structural mark-up from PIE website*/
	.clear:after 
	{ 
		clear:both;
		content:"."; 
		display:block; 
		height:0;  
		visibility:hidden; 
	}
	
	.clear
	{ 
		display:inline-block;
		line-height:0; 
	}
	
	/* mac hide \*/
	* html .clear 
	{
		height: 1%;
	}
	
	.clear
	{
		display:block;
	}
	/* End hide */
	/* do not change or amalgamate clearfix styles*/
	
/* -------------------- Layout -------------------- */
/* -------------------- ------ -------------------- */

	#bContainer
	{
		text-align:left;
		width:650px;
	}
	
/* -------------------- Header ---------------------- */
	
	#bPrintHeader
	{
		border-bottom:solid 1px #000;
		padding-bottom:15px;
		width:100%;
	}
	
	#bHeader
	{
		display:none;
	}
	
	

/* -------------------- Body ---------------------- */

	#bBodyContainer
	{
		width:100%;
	}
	
	#bBodyLeftColumn
	{
		display:none;
	}
		
	#bBodyRightColumn
	{
		padding:20px 0 20px 0;
		width:650px;
	}
	
	#bBreadcrumb
	{
		display:none;
	}
	
	
/* -------------------- Footer ---------------------- */
	
	#bFooter
	{
		font-size:11px;
		
		border-top:solid 1px #000;
		float:left;
		padding:20px 0;
		width:100%;
	}
	
	#bFooter .left
	{
		width:auto;
	}
	
	#bFooter .right
	{
		display:none;
	}
	
}