@charset "utf-8";
/* Foothills Styles */

body
{
	margin: auto;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}
form
{
	display: inline;
}
textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#container
{
	width: 922px;
}
#searchLogin
{
	background: url(images/searchLoginTempBG.gif) no-repeat top right;
	width: 418px;
	height: 41px;
	padding-left: 193px;
	padding-top: 1px;
}
#searchLogin input
{
	background-color: #ffffff;
	border: 1px solid #b9b9b9;
	height: 13px;
	font-size: 10px;
}
#query
{
	width: 68px;
}
#login
{
	padding-left: 32px;
	padding-top: 7px;
}
.login
{
	width: 86px;
}
#homeClientsLeftBorder
{
	background: url(images/homeClientsLeftBorderBG.gif) repeat-y top left;
	width: 7px;
}
#homeClientsContent
{
	background: #f3f2ee url(images/homeClientsBG.gif) repeat-y top right;
	width: 266px;
	height: 146px;
	font-size: 11px;
	color: #001136;
	padding-left: 17px;
	padding-right: 17px;
	padding-top: 6px;
}
#homeClientsContent ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#homeClientsContent ul li
{
	background: url(images/bulletBluePlus.gif) no-repeat;
	list-style-type: none;
	padding-left: 25px;
	background-position: 15px 5px;
}
#homeClientsContent ul li a
{
	color: #001136;
}
#homeFoothillsFusion
{
	background-color: #f3f2ee;
	width: 260px;
}
#homeFoothillsFusionContent
{
	font-size: 11px;
	color: #001136;
	padding-left: 17px;
	padding-right: 17px;
	padding-top: 6px;
}
#homeFoothillsFusionContent ul
{
	margin: 0px;
	padding: 0px;
	padding-top: 12px;
	list-style-type: none;
}
#homeFoothillsFusionContent ul li
{
	background: url(images/bulletBluePlus.gif) no-repeat;
	list-style-type: none;
	padding-left: 25px;
	background-position: 15px 5px;
}
#homeFoothillsFusionContent ul li a
{
	color: #001136;
}
#homeCandidatesContent
{
	background: #f3f2ee url(images/homeCandidatesBG.gif) no-repeat top left;
	width: 272px;
	height: 152px;
	font-size: 11px;
	color: #001136;
	padding-left: 0px;
	padding-right: 17px;
	padding-top: 6px;
}
#homeCandidatesContent a
{
	color: #001136;	
}
#homeCandidatesContent ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#homeCandidatesContent ul li
{
	background: url(images/bulletBluePlus.gif) no-repeat;
	list-style-type: none;
	padding-left: 25px;
	background-position: 15px 5px;
}
#homeCandidatesContent ul li a
{
	color: #001136;
}
#homeCandidatesRightBorder
{
	background: url(images/homeCandidatesRightBorderBG.gif) repeat-y top left;
	width: 8px;	
}
#watchingTrendsLeftBorder
{
	background: url(images/watchingTrendsLeftBorderBG.gif) repeat-y top left;
	width: 35px;	
}
#watchingTrendsContent
{
	background: #c6d8df url(images/watchingTrendsBG.gif) no-repeat bottom right;
	width: 479px;
	height: 115px;
	border-right: 1px solid #dde8ec;
	font-size: 11px;
	color: #2c3b5a;
	padding-left: 71px;
	padding-right: 30px;
	padding-top: 10px;
}
#watchingTrendsContent a
{
	color: #2c3b5a;
}
#newsEventsContent
{
	background: #c9c6bb;
	width: 263px;
	border-left: 1px solid #f8f7f6;
	font-size: 11px;
}
#newsEventsContent ul
{
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	list-style-type: none;
}
#newsEventsContent ul li
{
	background: url(images/bulletBrownPlus.gif) no-repeat;
	list-style-type: none;
	padding-left: 25px;
	background-position: 15px 5px;
	height: 25px;
}
#newsEventsContent ul li a
{
	color: #4d462e;
}
#newsEventsRightBorder
{
	background: url(images/newsEventsRightBorderBG.gif) repeat-y top left;
	width: 34px;
}
#innerSearch
{
	background: url(images/innerSearchBG.gif) no-repeat top right;
	width: 184px;
	height: 27px;
	padding-top: 4px;
}
#innerSearch td
{
	padding-left: 58px;
}
#innerSearch input
{
	background-color: #ffffff;
	border: 1px solid #b9b9b9;
	height: 18px;
	font-size: 10px;
	width: 88px;
	vertical-align: top;
}
#innerContentLeftBorder
{
	background: url(images/innerContentLeftBorder.gif) repeat-y top left;
	width: 35px;
}
#navArea
{
	background: #c6d8df;
	padding-top: 23px;
	font-family: Lucida Sans, Arial, sans-serif;
	width: 190px;
}
#navBox
{
	background: url(images/navBoxBG.gif) repeat-y top left;
}
/* nav without bg (with top/bottom image slices) */
/*.navOnText
{
	background: url(images/navOnBG.gif) repeat-y top left;
	padding-left: 23px;
	font-size: 12px;
	vertical-align: middle;
}
.navOnText a
{
	font-size: 12px;
	color: #003da2;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	top: 2px;
}*/
.navOnText
{
	background: url(images/leftnavOnBG.gif) no-repeat top left;
	padding-left: 23px;
	font-size: 12px;
	vertical-align: middle;
	height: 32px;
	width: 191px;
	padding-right: 28px;
}
.navOnText a
{
	font-size: 12px;
	color: #003da2;
	font-weight: normal;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.navOff
{
	background: url(images/navOffBG.gif) no-repeat top left;
	background-position: 0px 12px;
	vertical-align: middle;
	padding-left: 23px;
	padding-right: 28px;
	height: 32px;
}
.navOff a
{
	font-size: 12px;
	color: #003da2;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
/*nav without bg (with top/bottom image slices)*/
/*.navOff
{
	background: url(images/navOffBG.gif) no-repeat top left;
	background-position: 0px 13px;
	padding-left: 23px;
	padding-right: 15px;
	padding-top: 0px;
}
.navOff a
{
	font-size: 12px;
	color: #003da2;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	position: relative;
	top: 12px;
}*/
#innerContent
{
	padding-left: 35px;
	width: 513px;
	font-size: 12px;
	color: #000000;
	padding-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
#innerContent a
{
	color: #003da2;
	text-decoration: none;
}
#innerContent a:hover
{
	text-decoration: underline;
}
#innerContent a.moreLink
{
	font-style: italic;
	color: #003da2;
	text-decoration: none;
}
#innerContent h1
{
	font-family: Lucida Sans, Arial, sans-serif;
	font-size: 23px;
	color: #594e2c;
	padding: 0px;
	padding-bottom: 35px;
	margin: 0px;
}
#innerContent h2
{
	font-size: 14px;
	font-weight: bold;
}
#innerContnt h3
{
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}	
#innerContent .brownBold
{
	color: #754916;
	font-weight: bold;
	display: block;
}
.companyName
{
	font-weight: bold;
	font-style: italic;
}
#ourServicesTabBox
{
	width: 100%;
	text-align: center;
}
#ourServicesTabBox div
{
	font-family: Lucida Sans, Arial, sans-serif;
	color: #754916;
	font-size: 12px;
}
.ourServiceTabContent
{
	padding-left: 40px;
	padding-right: 40px;
	text-align: center;
}
#methodologyTabArea
{
	background: url(/images/methodologyBG.gif) repeat-y top left;
}
.methodologyTabContent
{
	padding-left: 15px;
	font-family: Lucida Sans, Arial, sans-serif;
	font-size: 14px;
	color: #754916;
	text-align: left;
	padding-top: 3px;
}
.methodologyTabContent ul
{
	margin: 0px;
	margin-top: 5px;
	padding: 0px;
	list-style-type: none;
}
.methodologyTabContent ul li
{
	background: url(/images/bulletBrown.gif) no-repeat top left;
	padding-left: 8px;
	background-position: 0px 8px;
	line-height: 20px;
}
.clientPopoutContent
{
	border-left: 1px solid #9c682a;
	border-right: 1px solid #9c682a;
	height: 158px;
	font-family: Lucida Sans, Arial, sans-serif;
	font-size: 11px;
	color: #754916;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
}
#resources
{
	padding-left: 10px; 
	height: 101px; 
	background: url(/images/middleQuote.gif)no-repeat top left; 
	font-size: 12px;
	color: #3c3b38;
}
#resources a
{
	color: #3c3b38;
	text-decoration: none;
}
#resources a:hover
{
	text-decoration: underline;
}
#quoteArea
{
	background: url(images/quoteAreaBG.gif) repeat-y;
	background-position: 34px top;
	width: 125px;
	padding-left: 34px;
	padding-top: 56px;
}	
#footer
{
	padding-top: 3px;
	color: #333333;
	font-size: 11px;
	border-top: 1px solid #0130a7;
	padding-bottom: 30px;
}
#footer a
{
	color: #333333;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 11px;
}
/*****************************************

		Menu Styles

******************************************/
/* force scrollbar on so no page jump */
:root{overflow-y:scroll;}

/* all menu styles below this line */
/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.DropdownMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
	color:#ffffff;
	}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.DropdownMenu .content {
	position:absolute;
	color:#ffffff;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	border-top: none;
	}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs 

can be positioned underneath it */
.DropdownMenu .items {
	color:#ffffff;
	position:relative;
	/*left:3px; */
	top:0px;
	/*border:1px solid #cfd2d5;*/
	border:none;
	z-index:2;
	}
	
/*.DropdownMenu .items td{
	border-bottom: 1px solid white;
}*/

.DropdownMenu.top .items {
	/*width:200px;
	border:solid 1px #993333;*/
	border:none;
	color:#ffffff;
	padding:0px 0px 0px 0px;
	}

/* each TR.item is one menu item */
.DropdownMenu .item {
    color:#ffffff;
	cursor:pointer;
	text-align: right;
	font-family: Lucida Sans, Arial, sans-serif;
	font-size: 10px;
	}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the 

filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer 
gif inside this DIV is replaced by */
.DropdownMenu .background {
	color:#ffffff;
	position:absolute;
	left:0px; 
	top:0px;
	z-index:1;
	-moz-opacity:.8;
	filter:alpha(opacity=0);
	}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by 
script. In IE5/mac, it uses a PNG */
.DropdownMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:3px;
	background: url(images/rightShadowBG.gif) no-repeat bottom;
	height: 100%;
	vertical-align: bottom;
	-moz-opacity:.2;
	opacity: .2;
	filter:alpha(opacity=20);/**/
	}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by 

script. In IE5/mac, it uses a PNG */
.DropdownMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:3px;
	background: url(images/btmShadowBG.gif) repeat-x;
	-moz-opacity:.2;
	opacity: .2;
	filter:alpha(opacity=20);
	}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.DropdownMenu .item.hover {
	background-color: none;
	font-size:10px;
	font-family: Lucida Sans, Arial, sans-serif;
	color:#c9c6bb;
	/*white-space:nowrap;*/
	}
	

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space 

between the text and the dingbat */
.DropdownMenu .item img {
margin-left:0px;
	}
	.DropdownMenu .nuttin{}