@charset 'UTF-8';
/* CSS Document */
/******************************************************************************************/
/* Tags and general classes*/
/* Put all general rules for tags here.  Make exceptions later if needed.*/
h1								{ font-size:28px; color:#fff; line-height:49px; } 													/* Page Titles are housed in #PgNav */
h2								{ font-size:18px; color:#fff; padding-top:3px; position:relative; z-index:1000; } 	/* Secondary Titles housed in div.SectTitle */

h3								{ font-size:18px; }																	/* Commonly the phone number up top */

h4								{ font-size:20px; color:#96C843; padding-top:10px;}									/* right Column headings*/
p								{ color:#fff; padding:10px 0; }		

h4 a							{ color:#96C843; text-decoration:none; font-weight:bold;}						

.arrow							{ margin:0 5px -5px -30px;} /* Heading arrows should be positioned in the left outside margin*/
.raiseContent					{z-index:5000; position:relative;} /*for content that overlaps an image, position relative allows control of the z-index */

/* Colors when you need them *//* There are 6 stepped colors from the logo and nav + a dark green */
.dkGreen						{ color:#056206;}     	/* Dark Green */
.btGreen						{ color:#96C843;}     	/* Dark Green */

.clrStep1						{ background:#96C843;}	/* Ergo Light Green */
.clrStep2						{ background:#78AF52;}  /* Everything */
.clrStep3						{ background:#5A9661;}	/* in */
.clrStep4						{ background:#3C7D71;}	/* between */
.clrStep5						{ background:#1E6480;}	/*  */
.clrStep6						{ background:#004B8F;}  /* Ergo Mid Blue */

A:link {color:#96C843;}
A:visited {color:#78AF52;}
A:active {color:#96C843;}
A:hover {color:#78AF52;}




/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/* Navigation and Page Titles*/ 
/******************************************************************************************/
/* Create a container for the section*/ 
div#pgNav					{ 	background:#96C843; /*Green background for the entire section*/
								padding:0 50px; 
								color:#fff; 
								line-height:58px; 	/*line-height will act like min-height and allow text to align vertically*/
								position:relative;
								width:900px;
								zoom:1;
								margin:0;
								} /*position relative to hold absolutely positioned children*/

.ie div#pgNav					{ 
								padding:0 50px 8px 50px; 
								}

/* use an unordered list for the navigation */								
div#pgNav ul 				{ 	position:absolute; 
								right:0; 
								bottom:10px;
								zoom:1;
								width:800px;
								margin:0;
								padding:0;} 		/*position absolute in conjunction with bottom allows the tabs to grow up during hover*/





/* list items have no list-style and float right */								
div#pgNav ul li				{ 	line-height:48px; 	/* another perfect place to use line-height as opposed to height */
								float:right;
								margin:0;
								padding:0;      	/* float the items right in this case*/
								} 	/* we'll use a temporary margin to accomodate the growth in the hover state*/





/* pad the actual a tag (link) */								
div#pgNav ul li a			{ 	margin-top:10px;
								padding:0 15px; 
								line-height:48px;  /*line-height will allow text to align vertically*/
								font-size:13px;
								height:48px; 
								color:#fff; 
								text-decoration:none;
								display:block;
								border-left:1px solid #666;
								}

.ie div#pgNav ul li a			{ 	margin-top:10px;
								padding:0 15px; 
								line-height:48px;  /*line-height will allow text to align vertically*/
								font-size:13px;
								height:48px; 
								color:#fff; 
								text-decoration:none;
								display:inline-block;
								border-left:1px solid #666;}
								
								
/* pad the actual a tag (link) */								
div#pgNav ul li a:hover		{	margin-top:0px;
								padding:0 15px 10px 15px; 
								line-height:48px;  /*line-height will allow text to align vertically*/
								font-size:13px;
								height:48px; 
								color:#fff; 
								text-decoration:none;
							
								border-left:1px solid #666;}
								
								
								
/*This section gives a little blue space between the nav and the edge of the document*/								
div#blueSpcr 				{ 	background:#004B8F; 
								width:40px; 
								line-height:48px; 
								float:right;
								margin-top:10px;}

img#TitleSpcr 				{ 	width:20em; 
								height:58px;
								 
								}
								

/******************************************************************************************/
/******************************************************************************************/



/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/* Main Box Model*/
/******************************************************************************************/
/* Body Background Color and Font-Family.  Put all rules that apply to all tags here*/
body							{ 	background:#E6E6E6; 
									font-family:Geneva, Arial; 
									text-align:center; /* text-align:center centers the wrapper in older versions of IE*/
									zoom:1;} /*gives layout*/
									
/* A wrapper sets the width and uses margin to center in newer browsers and resets the text-align*/
div#bdy_wrapper 				{ 	width:1032px; 
									margin:0 auto; 
									text-align:left; /*reset the text align */
									zoom:1;
									position:relative;
									padding:0 16px;} /*gives layout*/
									
/* the top shadowing for the box model - fixed height. This is akin to slicing for tables*/
div#bdy_wrapper div.hdr			{ 	background:url(../imgs/common/bdy_bg_tp.gif) repeat-x; 
									height:20px;
									position:relative;
									width:1000px;
									
									}

/* repeat a single shadow for the entire wrapper, this will give us our main left-right shadow effect.  Apply padding here for the div#content box model*/
/*make sure to apply position relative.  This allows absolutely positioned children of the container to align to the container as opposed to the body*/
div#bdy_wrapper div.bdy			{ 	background:url(../imgs/common/bdy_bg.gif) repeat-y; 
									clear:both; 
									position:relative; /*allow absolutely positioned children to align to parent */
									padding:0 16px;
									width:1000px;
									zoom:1;
									 }

/* the bottom shadowing for the box model - fixed height. This is akin to slicing for tables*/
div#bdy_wrapper div.ftr			{ 	background:url(../imgs/common/bdy_bg_bt.gif) repeat-x; 
									height:20px;
									width:1000px;}

	/****Corner Curves*******/
	/* use absolute positioning to apply the top left curve*/
	div#bdy_wrapper #tplft			{ 	background:url(../imgs/common/bdy_bg_tl.gif) no-repeat;
										position:absolute;
										width:30px;  /*width of background image*/
										height:19px; /*height of background image*/
										top:-19px;
										left:-1px;}
	/* use absolute positioning to apply the top right curve*/
	div#bdy_wrapper #tprt			{ 	background:url(../imgs/common/bdy_crnrs_tr.jpg) no-repeat;
										position:absolute;
										width:133px;  /*width of background image*/
										height:136px; /*height of background image*/
										top:-20px; 
										right:0px;
										z-index:1000;}


	/* use absolute positioning to apply the bottom right curve*/
	div#bdy_wrapper #btrt			{ 	background:url(../imgs/common/bdy_crnrs_br.jpg) no-repeat;
										position:absolute;
										width:133px;  /*width of background image*/
										height:136px; /*height of background image*/
										bottom:-21px; 
										right:-21px;}
										
/* use absolute positioning to apply the bottom right curve*/
	div#bdy_wrapper #btrt2			{ 	background:url(../imgs/common/bdy_crnrs_bl2.jpg) no-repeat;
										position:absolute;
										width:133px;  /*width of background image*/
										height:136px; /*height of background image*/
										bottom:-21px; 
										right:-18px;}
										
	/* use absolute positioning to apply the bottom right curve*/
	div#bdy_wrapper #btlft			{ 	background:url(../imgs/common/bdy_crnrs_bl.jpg) no-repeat;
										position:absolute;
										width:133px;  /*width of background image*/
										height:136px; /*height of background image*/
										bottom:-21px; 
										left:-16px;}  /*adjust position as needed to align properly*/
	/**********************/


/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/* Content Box Model*/ 
/******************************************************************************************/
/***Define overall rules for page content***/
/* Regardless - all left columns have the same background, width, and float */
div#content div.lftColumn2		{ 	background:#E6E6E6; 
									width: 900px;
									float:left;
									padding:30px 50px;}
/* clear the background from the wrapper header */
div#content div.hdr				{ 	background:none; height:auto;} 

/* Regardless - all left columns have the same background, width, and float */
div#content div.lftColumn		{ 	background:#E6E6E6; 
									width:395px; 
									float:left;
									padding:30px 50px;
									}

									 
/* All right columns must therefore accomodate the left column */									
div#content div.rtColumn		{ 	background:#525252; 
									width:507px; 
									margin-left:495px;
									zoom:1;} 

/* All right columns must therefore accomodate the left column */									
.ie div#content div.rtColumn		{ 	background:#525252; 
									width:504px; 
									margin-left:495px;
									zoom:1;} 

/* All right columns must therefore accomodate the left column */									
.ie6 div#content div.rtColumn		{  
									width:502px; 
									} 

									


/***Rule exceptions for the header***/
div#content div.hdr	div.rtColumn	{padding:0;  text-align:right;  width:506px; } /*    */
.ie div#content div.hdr	div.rtColumn	{padding:0;  text-align:right;  width:505px; height:130px;} /*    */
.ie6 div#content div.hdr	div.rtColumn	{padding:0;  text-align:right;  width:502px; height:130px;} /*    */
div.hdr p, div.hdr h3 	            {padding:10px 130px 0 0; color:#ccc;}



/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/****** Green Splash Section and content **************************************************/
/******************************************************************************************/
div#splash div.sectTitle		{ 	background:#96C843 url(../imgs/common/grn1.jpg) top left repeat-y; 
									height:40px; 
									line-height:40px; /* line-height allows us to vertically align text */
									overflow:visible; /* let content overflow without scroll bars */
									padding:0 30px 0 50px;   /* pad it */
									position:relative;
									width:920px;
									margin:0;
									zoom:1;} /*allow absolutely positioned children to align to parent */
									
div#splash div.sectTitle h2		{ 	 float:left;
									line-height:40px; /* line-height allows us to vertically align text */
									overflow:visible; /* let content overflow without scroll bars */
									} /*allow absolutely positioned children to align to parent */		
									
div#splash div.sectTitle img	{ 	vertical-align:text-top; margin-top:-10px; overflow:visible; float:left; z-index:5000; position:relative;
									} 									
							
									
div#splash div.sectContent		{ 	background: #96C843 url(../imgs/common/grn2.jpg) top left repeat-y; 
									padding:0 50px 10px 50px;
									width:900px;
									position:relative;
									zoom:1;
								
									} /*allow absolutely positioned children to align to parent */
									
.ie6 div#splash div.sectContent		{ 	
									margin-top:-15px;
									} /*allow absolutely positioned children to align to parent */
									
div#splash div.sectContent p	{ 	padding:20px 525px 0 0; 
									line-height:20px;
									font-size:15px;
									}
									
div#splash div.sectContent h3	{ 	font-size:20px; 
									color:#056206; 
									font-weight:bold; 
									padding-top:10px;}
									
div#splash div.sectContent h3 a	{ 	font-size:20px; 
									color:#056206; 
									font-weight:bold; 
									padding-top:10px;}
									
/*Background elements are not content driven, so create absolutely positioned divs for each and set as background image.  A low z-index allows us to keep them in the Bg. */
div#navReflection				{ background:url(../imgs/common/navReflection.jpg); height:10px;}
div#dividingLine				{ position:absolute; bottom:0; background:url(../imgs/common/line.gif) no-repeat; height:2px; width:886px; left:58px; z-index:0;}
div#lines						{ position:absolute; bottom:0; background:url(../imgs/common/lines.gif) no-repeat; height:212px; width:516px; right:158px; z-index:0;}
div#bigHive						{ position:absolute; top:5px; background:url(../imgs/common/hive.gif) no-repeat; height:138px; width:147px; right:425px; z-index:0;}


/* Splash Graphics */
div#splashGraphicHome		{ 	float:right; width:418px; height:278px; background:url(../imgs/home/splash_home.jpg) no-repeat; z-index:5000; 
								position:relative; margin:5px -20px 0 0;} /*z-index will not work without position*/

/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/****** Main Body Content **************************************************/

/* These rules apply to the entire section */
div#content div.bdy								{	padding:0;
													font-size:13px;
													line-height:16px;
													background:#666;
													padding-top:3px;}

/***Rule exceptions for the Body Content***/
div#content div.bdy div.lftColumn				{	background:#666; /* Darker Background */
													line-height:18px;} /* larger line-height */
													
div#content div.bdy div.lftColumn2				{	background:#666; /* Darker Background */
													line-height:18px;} /* larger line-height */
													
div#content div.bdy div.rtColumn div.raiseContent	{	padding:0 25px 25px 40px; /* new padding */
													}


#copyright		{font-size:10px; line-height:14px;}



/* incidentals */
#alertPanel	{ position:absolute; top:0;  left:0; filter: alpha(opacity=90);-moz-opacity:.9;opacity:.9; -khtml-opacity:.9;}
form label	{ color:#fff;}
form {}
.ie div#contactSpacer {height:500px;}

ol {
	color:#ffffff;
	list-style-type:lower-alpha;
	margin:0px 0px 20px 40px;
}

li {
	padding:0px 0px 10px 0px;
}