/*=========================================================================================================
//---------------------------------------------------------------------------------------------------------
//	"UBER" STANDARD CSS - NOT COMPATIBLE WITH SELECTEDIT SITES
//---------------------------------------------------------------------------------------------------------
//	CONTENT STYLES:  see tempaltes directory for navigation styles
//---------------------------------------------------------------------------------------------------------
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Body structure elements
//-------------------------------------------------------------------------------------------------------*/

body
{
	margin:					0px;
	border-top:				10px solid white;
	padding:				0px;
	background-color:		white;
	color:					#000;
	font-family:			Verdana,Arial,Helvetica,sans-serif;
	font-size:				11px;
}
body.non_home
{
	
	background:				url(/images/sidenav_repeat_pattern.gif) repeat-y;
	background-position:	0px 300px;

	b/ackground:				url(/images/greenstripe.gif) repeat-x;
	b/ackground-position:	201px 111px;
}

#greenstripe-wrapper
{
	background:				url(/images/greenstripe.gif) repeat-x;
	background-position:	201px 111px;
}

/*---------------------------------------------------------------------------------------------------------
//	Default link colors
//-------------------------------------------------------------------------------------------------------*/
a
{
	color:					gray;
}

a:hover
{
	background-color:		#FF8D02;
}

/*---------------------------------------------------------------------------------------------------------
//	GEI Consultants structure
//-------------------------------------------------------------------------------------------------------*/
/*	horizontal centering	*/
#center-x
{
	/*	Do not modify		i did coz that is what they wanted ?? ----------------------------
	margin-right:			auto;
	margin-left:			auto;
	
	*/
	margin-left:			0px;

	/*	Customize			----------------------------*/
	width:					945px;
}

#header
{
	width:					900px;
}

#header_logo
{
	background-color:		white;
	background-image:		url( /site/images/bg_header_logo.png );
	background-position:	bottom left;
	background-repeat:		no-repeat;
	width:					200px;
	float:					left;
	height:					111px;

}
#header_logo img
{
	float:					right;
	margin-right:			-38px;
}
#header_logo a,
a#logo
{
	background-color:		transparent!important;
}

#header_logo_print
{
	display:				none;
}

#header_menu
{
	top:					51px;
	width:					700px;
	float:					left;
	position:				relative;
	
}

#header_homepage
{
	top:					160px;
	left:					90px;
	position:				relative;
}

table#body
{
	border-collapse:		collapse;
	width:					900px;
}

col#col-left
{
	width:					200px !important;
}

col#col-content
{
	width:					auto;
}

/*	See sectionnav CSS tempaltes for td#left	*/

/*	Optional sitebar	*/

td#content
{
	width:					auto;
	padding:				20px 20px 20px 0px;
}

/*---------------------------------------------------------------------------------------------------------
//	Footer styles
//-------------------------------------------------------------------------------------------------------*/
#footer /*IS NOT USED */
{
	clear:					both;
	margin:					0px 0px 50px;
	border-top:				1px solid rgb(204,204,204);
	padding:				0em 1em;
	line-height:			2.0em;
	font-family:			verdana,arial,sans serif;
	font-size:				11px;
}

.footerNav p
{
	clear:					both;
	padding-top:			8px;
}

.footerNav ul
{
	margin:					0px;
	padding:				0px;
	list-style-type:		none;
}

.footerNav li
{
	float:					left;
	padding:				5px 10px;
}


/**************************/
.footerNav 
{
	position:				relative;
	top:					-40px;
	margin-bottom:			12px;
	text-decoration:		none;
	color:					#7a7a7a;
	padding-left:			40px;
	padding-right:			8px;
	padding-bottom:			3px;
	padding-top:			3px;
	clear:					both;

}

.footerNav a 
{
	color:					#7a7a7a;
}

.footerNav a:hover 
{
	color:					#fff;
}

.footerNav .rule 
{
	position:				relative;
	width:					720px;
	border-bottom:			1px solid #fdcd9f;
	height:					1px;
	margin-top:				8px;
	margin-bottom:			8px;
	width:					720px;
	clear:					both;
}

.email a:hover
{
	background-color:		white;
}


.print 
{
	position:				relative;
	top:					-24px;
	left:					105px;
	width:					50%;
}

.print a:hover
{
	background-color:		white;
}

/*************************/
/*=========================================================================================================
//---------------------------------------------------------------------------------------------------------
//	Standard body styles
//---------------------------------------------------------------------------------------------------------
//=======================================================================================================*/

/*	Standard body style	*/
.bodytext
{
	margin:					0em 0em 1.7em 0px;
	padding:				0px 40px 0px 40px;
	line-height:			1.7em;
	font-family:			verdana,arial,sans serif;
	font-size:				11px;
}

blockquote
{
	margin:					1em 3em;
	border-top:				1px solid rgb(221,204,204);
	border-bottom:			1px solid rgb(221,204,204);
	padding:				0.5em 0em;
	font-family:			times new roman,times;
	font-size:				1.15em;
	font-style:				italic;
	line-height:			1.4em;
	color:					rgb(153,51,51);
}

/*---------------------------------------------------------------------------------------------------------
//	Sidebar styles
//-------------------------------------------------------------------------------------------------------*/
td#right
{
	width:					265px;
	padding:				20px;
}

.sidebar
{
	line-height:			1.4em;
	font-family:			verdana,sans serif;
	margin-left:			14px;
/*font-size:				0.65em;*/
}

/*=========================================================================================================
//	EXAMPLE	- remove or customize as needed
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Table Data
//-------------------------------------------------------------------------------------------------------*/
table.data
{
	border:					1px solid rgb(204,215,238);
	border-collapse:		collapse;
	empty-cells:			show;
}

table.data caption
{
	margin:					0.5em 0em;
	text-align:				left;
	font-family:			verdana,arial,sans serif;
	font-weight:			bold;
	font-size:				0.70em;
}

tr.r0
{
	background-color:		white;
}

tr.r1
{
	background-color:		rgb(238,245,255);
}

table.data th,
table.data td
{
	padding:				0.5em 1.0em;
	text-align:				left;
	font-family:			verdana,arial,sans serif;
}

table.data th
{
	vertical-align:			bottom;
	background-color:		rgb(204,215,238);
	font-weight:			bold;
	font-size:				0.70em;
	color:					white;
}

table.data td
{
	vertical-align:			top;
	border-bottom:			1px solid rgb(204,215,238);
	font-size:				0.68em;
}

/*=========================================================================================================
//	EXAMPLE	- remove or customize as needed
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Bread crumb
//-------------------------------------------------------------------------------------------------------*/
#breadcrumb
{
	clear:					both;
	display:				block;
	width:					auto;
	height:					26px;
	line-height:			26px;
	white-space:			nowrap;
	font-size:				30px;
	padding-left:			40px;
	padding-top:			40px;
	color:					white;
	top:					110px;
	left:					210px;
	position:				absolute;
	border:					0px;
}

#breadcrumb a,
#breadcrumb .divider
{
color:						#FEFEFE;
font-weight:				normal;
font-size:					11px;
}

#breadcrumb .static
{
	font-weight:			bold;
}

#breadcrumb .divider
{
	padding:				0em 0.25em;
}

/*=========================================================================================================
//---------------------------------------------------------------------------------------------------------
//	DHTML menu styles
//---------------------------------------------------------------------------------------------------------
//=======================================================================================================*/
/*=========================================================================================================
//---------------------------------------------------------------------------------------------------------
//	MISCELLANEOUS DEFAULTS
//---------------------------------------------------------------------------------------------------------
//=======================================================================================================*/
/*	Used so that non-CSS browsers deliniate footer block from body content	*/
hr
{
	display:				none;
}

/*	Hidden elements	*/
.hdn
{
	display:				none;
}

/*	because HTML should have this as the default	*/
td
{
	vertical-align:			top;
	padding:				0px;
}

/*	prevent ugly purple borders around linked images	*/
img
{
	border:					0px;
}

/*	do not underline links	*/
a
{
	text-decoration:		none;
}

/*	shortcomings of the formatter	*/
p
{
	margin:					11px 0px 11px;

}

/*	IE will allocate space for these if there are not display:none -  POSJ	*/
map
{
	display:				none;
}

sup
{
	vertical-align:			super;
	font-size:				0.75em;
}


/*=========================================================================================================
//	Right Nav
//=======================================================================================================*/

.serv_header
{
	background-color:		#ccc;
}

#nav_right
{
	width:					175px;
	border:					1px solid #333;
	float:					right;
	vertical-align:			top;
	position:				relative;
	font-size:				11px;
}
/*=========================================================================================================*/

.headerImage
{
	top:					-40px;
	position:				relative;
	border:					0px;
	z-index:				0;

}

.greenStripe 
{
	background-color:		#81A76B;
	height:					100px;
	left:					201px;
	position:				absolute;
	top:					112px;
	width:					100%;
	z-index:				0;
	border:					0px;
	padding:				0px;
}

#left .isometric 
{
	b/ackground-image:		url(/images/left-bg.gif);
	p/osition:				absolute;
	w/idth:					200px;
}

.subNav 
{
	width:					200px;
	padding:				10px 0px 5px 0px;
/*	background-color:		#81A76B;	*/
}

.subNav p
{
	padding:				0px  0px 0px 18px;
	width:					130px;
	color:					white;
	margin:					0px 0px 5px;
}

.subNav a 
{
	color:					white;
}

table.list
{
	margin-left:			40px;
	width:					100%;
}

#left h3 ,
#left h3 a , 
#left h3 a.active ,
table.list h4, 
.bodytext h4
{
	font-size:				14px;
	font-weight:			normal;
}

#left h3 ,
#left h3 a , 
#left h3 a.active
{
	margin:					0px;
	padding:				0px;
	height:					27px;
	line-height:			27px;
}

table.list td 
{
	padding-right:			20px;
	padding-bottom:			10px;
}

#calendar a , 
table.list td a
{
	color:					#085D84;
	font-weight:			bold;
}

table.list td a:hover 
{
	color:					#FFFFFF;
}

.mainColumn
{
	line-height:			160%;
}

#calendar a:hover, 
.mainColumn a:hover
{
	background-color:		#085D84;
	color:					#FFFFFF;
}


/*========================================================
hack so you dont see the top menu item site tools
========================================================*/
#tnavid6,
#tnavid7 
{
	display:				none !important;
	width:					1px;
}

/*========================================================
BREADCRUMBS
========================================================*/
.titles 
{
	color:					#fefefe;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	position:				absolute;
	top:					145px;
	left:					240px;
	width:					600px;
}

.titles h1 
{
	color:					#fff;
	font-size:				30px;
	line-height:			30px!important;
	position:				relative;
	top:					-30px;
	left:					0px;
	font-weight:			normal;
}

.titles h1 
{
	t/op:					-15px;
}

.titles p 
{
	opacity:				.6;
	filter:					alpha(opacity=60);
	position:				relative;
	top:					-13px;
	left:					0px;
	margin:					0px;
}

.titles p a 
{
	color:					#fefefe;
	font-weight:			normal;
}

.titles p a:hover 
{
	background-color:		#085D84;
	color:#FFFFFF;
}

.topNavBox 
{
	position:				absolute;
	left:					215px;
	top:					65px;
	width:					720px;
	z-index:				777;
}
/*================================================
Right Column
*************************************************/

.rightColumn 
{
	position:				relative;
	margin-top:				-110px;
	width:					261px;
	background-color:		#4e4d3f;
	color:					#fff;
	padding-bottom:			25px;
}

.rightColumn .links
{
	position:				relative;
	left:					16px;
	top:					30px;
}

.rightColumn .ecologyServicesTitle
{
	position:				relative;
	top:					8px;
	left:					15px;
	width:					250px;
	color:					#fff;
	font-size:				128%;
	margin-bottom:			20px;
}

.rightColumn .related ul 
{
	list-style-type:		none;
	margin:					0px;
	padding:				0px;
}

.rightColumn li 
{
	padding:				2px;
}

/********** RELATED ITEMS******************/


.mainColumn .related 
{
	position:				relative;
	background-color:		#dae2e4;
	padding-left:			16px;
	padding-right:			15px;
	padding-top:			23px;
	padding-bottom:			29px;
	color:					#a23e01;
	left:					40px;
	width:					332px;
	font-family:			Tahoma, Helvetica, sans-serif;
	font-weight:			bold;
	line-height:			130%;
}

.related a
{
	color: #a23e01;
}

.related a:hover
{
	color: #fff;
}

.mainColumn .related h1
{
	color: #4d4d4d;
	padding: 0;
	margin: 0;
	font-size: 118%;
}

.mainColumn .related h2
{
	padding-top: 12px;
	color: #4d4d4d;
	margin: 0;
	font-size: 100%;
}

.mainColumn .related img
{
	padding-right: 5px;
}
.mainColumn .related td
{
	padding-bottom: 12px;
}

.mainColumn .related .top 
{
	padding-bottom: 6px;
}
.mainColumn .related .bottom 
{
	padding-bottom: 4px;
}

/*********RELATED ITEMS*************8*/



/*****************************/
.search 
{
	left:770px;
	position:absolute;
	top:55px;
}

/*other pages*/
.search2 
{
	left:770px;
	position:absolute;
	top:13px;
	color:#3f3f3f;
	width:260px;
	
}

.search .button, .search2 .button  
{
	position:relative;
	top:5px ; 
	left:2px;
	padding:0px;
	margin:0px;
	height:18px;

}

.search2 input#findtext
{
	
	position:relative;
	font-size:	11px;
	padding:2px 0px 0px;
	margin:0px;
	border: 1px solid #000; 
	height:14px; 
	width:142px;
	top:1px;


}

.find 
{
	width:					220px;
	background-color:		#9ea48c;
	padding-bottom:			15px;
	margin-top:				-32px;
}

.find form
{
	margin: 0px;
	padding: 0px;
}

.find select 
{
	width:					190px;
	margin-left:			20px;
	margin-bottom:			10px;
	border:					1px solid #7f9db9;
	color:					#696969;
}

.find input
{
	border:					1px solid #7f9db9;
	color:					#696969;
}


#share-box
{
	background-color:		#a2a39f;
	width:					131px;
	display:				none;
	margin-top:				-158px;
	margin-bottom:			40px;
	position:				absolute;
	left:					41px;
	bottom:					10px;
}

#share-box a
{
	color:					white;
	display:				block;
	height:					27px;
	line-height:			27px;
	padding-left:			34px;
	font-size:				11px;
	background-repeat:		no-repeat;
}

#share-box a:hover
{
	background-color:		#8e8f8c;
}

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

.L1-media 
{
	z-index:1;
	margin-top:30px;
}

.l1-media 
{
	z-index:1;
}


/***************** CUSTOM FORMATTER ***********************/
.white_large_header 
{
	font-size:				16px;
	color:					white;
	font-weight:			bold;
}
.gray_med_header
{
	font-size:				14px;
	color:					#343434;
	font-weight:			bold;
}

.white_med_header
{
	font-size:				14px;
	color:					white;
	font-weight:			bold;
}

.blue_med_header
{
	font-size:				14px;
	color:					#085d84 ;	
	font-weight:			bold;
}

.black_med_header
{
	font-size:				14px;
	color:					black;
	font-weight:			bold;
}
.black_small_header
{
	font-size:				11px;
	color:					black;
	font-weight:			bold;
}

/***************** CUSTOM FORMATTER ***********************/



/******	PAGE NAV - *****************/
.mainColumn .nav
{
	border-bottom:			1px solid #000000;
	border-top:				1px solid #000000;
	left:					40px;
	padding-bottom:			3px;
	padding-top:			3px;
	position:				relative;
	top:					0px;
}

mainColumn .nav .numbers
{
	padding-right:			150px;
}

.mainColumn .nav a
{
	color:					#000000;
	padding:				3px 5px;
}

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

/******	video - *****************/
.mainColumn div.media
{
	padding:				15px;
	background-color:		#CFD1C4;
	margin-bottom:			20px;
}
	
.mainColumn table.media
{
	background-color:		#CFD1C4;
	width:					auto;
}

.mainColumn .media td
{
	padding:				15px 10px 15px 15px;
}

.mainColumn .media a
{
	color:					#004970;
}

.mainColumn .media a:hover
{
	background:				none;
}

.mainColumn .media h4
{
	font-size:				16px;
	color:					#004970;
}

.mainColumn .media p
{
	margin:					0;
	position:				static;
	line-height:			140%;
	padding-right:			14px;
}

.mainColumn .media p a
{
	padding:				2px 0;
}

.mainColumn .media p a:hover
{
	background-color:		#085D84;
	color:					#FFFFFF;
}

.mainColumn .media .screenshot
{
	border:					1px solid #92978b;
}

.mainColumn .media .screenshot:hover
{
	background:				none;
	border:					1px solid #ff8d02;
}

/*******end video****************/

#search_for
{

	padding:				0px 8px;
	position:				relative;
	top:					3px;
}

.view_projects
{
	background-color:		#FF8D02;
	margin:					10px;
	padding:				7px 32px 7px 5px;
	/*background-image:		url('/images/arrow-grey.gif');*/
	font-weight:			bold;
	background-image:		url('/images/button-keysearch.gif');
	background-repeat:		no-repeat;
	background-position:	217px center;
	color:					white;
	display:				block
}
.view_projects:hover
{
	filter:					alpha(opacity=50);
	-moz-opacity:			.50;
	opacity:				0.50;

}
.view_projects .project_type
{
	text-decoration:		underline;
}


ul#menu3
{
	list-style-type:		none;
	width:					231px;

	margin:					0px;
	padding:				0px 18px 0px 16px;
}

ul#menu3 li
{
	background-position:	0px 3px;
	background-repeat:		no-repeat;
}

li.nosubmenu
{
	background-image:		url( /images/no-plus-minus.gif );
}

ul#menu3 li a
{
	margin-left:			12px;
	color:					white;
}

ul.menu4
{
	list-style-type:		none;
	margin:					4px 0px 4px 12px;
	padding:				0px;
}

ul.menu4 li
{
	background-image:		url( /images/no-plus-minus.gif );
}

ul#menu3 a,
ul.menu4 a
{
	display:	block;
}
li.nosubmenu a
{
	margin-left:		12px;
}

li.show4
{
	background-image:		url( /assets/images/plus.gif );
}

li.show4 ul
{
	display:				none;
}

li.active4
{
	background-image:		url( /assets/images/minus.gif );;
}

li.active4 ul
{
	display:				block;
}

li.show4 a:first-child,
li.active4 a:first-child
{
	padding-left:			0px!important;
	margin-left:			12px;
	background-image:		none!important;
}

a {
   outline: 0;
}



}

.loading 
{
}

#search-result-box
{
	border:					1px solid #637449;
	background-color:		white;
	width:					268px;
}

#search-result-box a,
.search-results-title
{
	display:				block;
	padding:				4px 13px;
	font-size:				11px;
	clear:					both;
	overflow:				hidden;
}

#search-result-box a:hover
{
	background-color:		#cfd1c4;
}

a#search-results-more
{
	display:				block;
	padding:				4px 13px 4px 13px;
	font-size:				11px;
	clear:					both;
	font-weight:			bold;
}

a#search-results-more:hover
{
	background-color:		#b5b1a7;
}

/*****************overlay*****************/
/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#cfd1c4;
	
	width:700px;	
	min-height:200px;
	border:1px solid #666;
}

/* close button positioned on upper right corner */
.simple_overlay .close
{
	background-image:url(/site/images/close.png)!important;
	display:	block!important;	
	position:absolute!important;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
	color:#FFF!important;
}

.simple_overlay .close:hover
{
	background-image:url(/site/images/close.png)!important;
	display:	block;	
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}