/*	

wells fargo foothill
global.css, v1.0

*/



/*	------------------------------------------------------
	structure	*/

body {
	margin: 0;
	text-align: center;
	height: 100%;
	min-width: 950px;
	font: 12px/17px Arial, Helvetica, sans-serif;

	background: #e7e6e2 url(../_images/shared/back_page.gif) center top repeat-y;
	color: #666666;
}

#wrapper {
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
	width: 950px;
	position: relative;
}

img { border: 0; }
a { 
	text-decoration: none; 
	color: #9a9277;
}
form {
	margin: 0;
}
.ir {
	margin: 0;
	padding: 0;
	text-indent: -5000em;
	text-decoration: none;
	background-repeat: none;
}
h1,h2,h3,h4,h5 {
	font-family: Sabon, Times, Georgia, serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
p {
	margin: 0 0 1em;
}

/*	------------------------------------------------------
	misc/global elements	*/

#main {
	position: relative;
	top: 36px;
	left:-0.1px;
	margin-bottom: 36px;
	background: url(../_images/shared/back_main.gif) 0 36px repeat-y;
}
#mainblock {
	position: relative;
	padding: 0 0 75px 200px;
	width: 700px;
	background: transparent url(../_images/shared/stagecoach.gif) right bottom no-repeat;
}
.endmain {
	display: none;
}
#corner {
	display: block;
	position: absolute;
	top: -51px;
	left: 175px;
	width: 200px;
	height: 150px;
	background: transparent no-repeat;
}


/*	------------------------------------------------------
	header	*/

#header {
	position: relative;
	height: 100px;
	left:-0.1px;
}

#wf_logo,#wff_logo {
	display: inline;
}
#wf_logo a {
	display: block;
	position: absolute;
	left: 14px;
	top: 11px;
	width: 76px;
	height: 75px;
	background-image: url(../_images/shared/wf_logo.gif);
}
#wff_logo a {
	display: block;
	position: absolute;
	left: 201px;
	top: 51px;
	width: 224px;
	height: 31px;
	background-image: url(../_images/shared/wff_logo.gif);
}

/*	------------------------------------------------------
	banner	*/

#banner {
	background: #dad8cb left center no-repeat;
	width: 900px;
	height: 180px;
	position:relative;
	left:-0.1px;
}

/*mj*/
#banner-generic {
	background: #dad8cb left center no-repeat;
	width: 900px;
	height: 24px;
}

/*	------------------------------------------------------
	nav	*/

#nav {
	position: absolute;
	top: -51px;
	left: 0;
	width: 175px;
	height: 315px;
	background: transparent no-repeat;
	z-index: 100;
}

#nav ul {
	display: block;
	list-style: none;
	padding: 68px 0 0 19px;
	margin: 0;
}
#nav li {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	_height:1em;
}
#nav a {
	display: block;
	margin-bottom: 8px;
	width: 132px;
	height: 16px;
	background: transparent no-repeat 0 -16px;
	text-indent: -5000em;
}
#nav a:hover, #nav li.sel a {
	background-position: 0 0;
}

#nav #n_home a { background-image: url(../_images/shared/nav_home.gif); }
#nav #n_capa a { background-image: url(../_images/shared/nav_capabilities.gif); }
#nav #n_expe a { background-image: url(../_images/shared/nav_industry_expertise.gif); }
#nav #n_port a { background-image: url(../_images/shared/nav_portfolio.gif); }
#nav #n_lead a { background-image: url(../_images/shared/nav_leadership.gif); }
#nav #n_news a { background-image: url(../_images/shared/nav_news_events.gif); }


#nav ul  #subnav{
	padding: 10px 5px 30px 0;
	margin: 0 20px 0 -20px;
	border-top: 1px solid #D5D5CD;
	margin-top: 5px;
}
#nav #subnav a {
	display: block;
	text-align: right;
	text-indent: 0;
	margin: 0 0 8px 0;
	padding: 0 15px 0 10px;
	font-size: 11px;
	color: #666666;
	background: transparent;
	line-height: 1em;
	height: auto;
}
#nav #subnav a:hover,#nav #subnav li.sel a {
	color: #c68a21;
/*
	background: url(http://wffoothill.com/foothill/_images/shared/subnav_bullet.gif)  no-repeat;
*/	
}
#nav #subnav a .blip {
	vertical-align: baseline;
	margin-right: 8px;
	display: inline;
	overflow: hidden;
}


/*	------------------------------------------------------
	content	*/

#content {
	float: left;
	width: 400px;
	padding: 15px 0 60px;
	margin-right: 45px;
}

.careers #content {
	background:#fff;
}

#content h2 {
	margin: 0 0 18px;
	font-size: 16px;
	color: #333333;
}

#content .indent {
	padding-left: 30px;
}

#content h3 {
	margin: 0 0 18px;
	font-size: 14px;
	color: #bd2026;
}

#content h3.divider {
	margin: 25px 0 15px;
	padding-bottom: 5px;
	background: url(../_images/shared/back_h3_divider.gif) right bottom no-repeat;
}

#content h3.first {
	margin-top: 0;
}

#content h4 {
	margin: 20px 0 0.8em;
	color: #333333;
	font: 14px/16px Arial, Helvetica, sans-serif;
}
#content h5 {
	margin: -0.8em 0 1em;
	color: #333333;
	font: 10px/12px Arial, Helvetica, sans-serif;
}

#content a:hover {
	color: #bd2026;
}

#content ul {
	list-style: none;
	padding: 0;
	margin: 0 0 1em;
}
#content li {
	display: block;
	list-style: none;
	padding: 0 0 0 36px;
	margin: 0 0 0.5em;
	background: url(../_images/shared/list_bullet.gif) 27px 6px no-repeat;
}

#content p.divider {
	margin-bottom: 25px;
	padding-bottom: 15px;
	background: #ffffff url(../_images/shared/back_rule.gif) 30px bottom no-repeat;
}

p.link{
	margin: 0 0 3px;
}
p.link a {
	display: block;
	padding-left: 9px;
	background: url(../_images/shared/red_arrow_right.gif) left center no-repeat;
}

 a.red{
	font-size: 11px;
	color: #A71418;
}

p.linkBack{
	display: block;
	padding-left: 9px;
	background: url(../_images/shared/red_arrow_left.gif) left center no-repeat;
	color: #BD2026;
	font-size: 11px;
}

p.linkBack a{
	color: #BD2026;
}

p.contact {
	margin: 0;
	line-height: 14px;
}
p.contact a {
	display: block;
	padding: 0 0 3px 28px;
	font-size: 10px;
	background: url(../_images/shared/icon_card.gif) left top no-repeat;
}
#content p.contact a:hover {
	color: #9a9277;
}
	
p.tiny {
	font-size: 10px;
}
p.tiny a {
	color: #bd2026;
}

/* fancy div swapping, c/o diveintoaccessibility.org : */
div.hr { display: none; }
/*/*/a{}
div.hr {
	display: block;
	height: 1px;
	border-top: 1px solid #ebe9e4;
	margin: 28px 0;
}
hr { display: none; }
/* */

.feature_logo {
	padding-bottom:auto;
}

/*.feature_col {
	float:left;
	background:#0f0;*/
}

/*.feature_col_r {
	float:right;
	background:#f00;*/
}


/*	------------------------------------------------------
	one column layout	*/

body.onecol #main {
	background-image: url(../_images/shared/back_main_onecol.gif);
}
body.onecol #content {
	width: 700px;
	padding-bottom: 89px;
}

.column {
	width: 215px;
	margin-left: 10px;
	float: left;
}


/*	------------------------------------------------------
	right column	*/

#right {
	float: left;
	width: 255px;
	padding-bottom: 0px;
}


#portfolio_nav {
	margin-bottom: 34px;
	margin-left: -5px;
	_margin-left: 0;
	padding: 15px 0;	
	background: url(../_images/shared/portfolio_nav_back.gif) 5px 2px repeat-y;
}

	#portfolio_nav a{
		color: #fff;
		font-weight: bold;
		font-size: 11px;
		display: block;
		padding: 0 0 0 20px;	
	}
	
	#portfolio_nav.inner a{
		color: #fde5b3;
	}
	
	#portfolio_nav a.sel{
		background: red;
		font-weight: bold;
		color: #fff;
		background: url(../_images/shared/arrow_left.gif) 0 3px no-repeat;
	}
	
	#portfolio_nav a:hover{
		color: #bd2026;
	}
	
	#portfolio_nav h3 {
		margin: 0 10px 10px 20px;
		padding: 0 0 5px 0;	
		font-size: 13px;
		color: #bd2026;
		display: block;
		font-family: arial, verdana;
		border-bottom: 1px solid #FBCF65;
		text-align: left;
	}

#right h3.divider {
	color: #BD2026;
	font-size: 14px;
	margin: 25px 0 15px;
	padding-bottom: 5px;
	background: url(../_images/shared/back_h3_divider.gif) right bottom no-repeat;
}

#right h3.trim{ margin-top: -10px; }

.news_sidebar{

}
	.news_sidebar p{ padding: 0 0 10px 25px; }
	
	.news_sidebar p span{
		display: block;
		color: #666;
		font-size: 11px;
	}

	.news_sidebar a:Hover{
		color: #bd2026;
	}

	.news_sidebar p.link{
		padding-left: 0;
	}

	.news_sidebar .link a{
		color: #bd2026; 
		font-size: 11px;
		margin-left: 0;
		padding-left: 25px;
		background-position: 15px 5px;
	}
	
	.lrg{
		display: block; 
		padding: 0 0 10px 25px;
		color: #bd2026;
	}
	.pdf{ background: url(../_images/shared/icon_pdf.gif) 0px 0px no-repeat; }
	.mov{ background: url(../_images/shared/icon_mov.gif) 0px 0px no-repeat; }
	.doc{ background: url(../_images/shared/icon_doc.gif) 0px 0px no-repeat; }
	.aud{ background: url(../_images/shared/icon_aud.gif) 0px 0px no-repeat; }


.expert_sidebar{
}
	.bio_frame{
		width: 91px;
		height: 115px;
		float: left;
	}
	
	.expert_sidebar h4{
		font-family: arial, verdana;
		font-size: 14px;
		color: #333;
		margin: 20px 0 0 5px;
	}
	
	.expert_sidebar h5{
		font-size: 11px;
		font-family: arial, verdana;
		color: #9a9277;
		margin: 0 0 10px 5px;
		line-height: 130%;
	}
	
	.expert_sidebar .copy{
		padding-left: 90px;
	
	}
	
	.expert_sidebar p.bio_wrap{ 
		padding: 0 0 5px 0;
		line-height: 130%;
	}
	
	.expert_sidebar p.link{
		font-size: 11px;
	}
#block_contact a:hover{
	color: #bd2026;
}

#enews {
	margin-bottom: 34px;
	background: url(../_images/shared/icon_stamp.gif) 2px 0 no-repeat;
	padding: 2px 0 0 68px;
	cursor: pointer;
}
#enews h3 {
	margin: 0 0 9px;
	font-size: 14px;
}
#enews h3 a {
	color: #bd2026;
}
#enews p {
	margin: 0;
}

#right .block {
	margin-left: 5px;
	margin-bottom: 34px;
	width: 220px;
	background: #f3f1dc;
	padding: 15px;
}
#right .block h3 {
	margin: 0 0 12px;
	font-size: 14px;
	color: #bd2026;
}
#right .block h4 {
	font: bold 12px/14px Arial,Helvetica,sans-serif;
}
#right .block p.contact {
	margin: 0;
	line-height: 14px;
}
#right .block p.contact a {
	background-position: 0 0;
}
#right .block p.contact a:hover {
	color: #9a9277;
}

#right .block p.link {
	line-height: 15px;
	font-size: 12px;
}
#right .block .divider {
	background: url(../_images/shared/sep_right_block.gif) left bottom no-repeat;
	padding: 0 0 15px;
	margin: 0 0 15px !IMPORTANT;
}

#right .with_arrow {
	margin-left: -7px;
	padding-left: 27px;
	background: #f3f1dc url(../_images/shared/back_block_arrow.gif) 0 0 no-repeat;
}

/*	------------------------------------------------------
	toggling content	*/

#main h4.toggler, #main h4.toggler2 {
	color: #9a9277;
	margin: 0;
	font-size: 12px;
	padding: 2px 5px 2px 25px;
	background: url(../_images/shared/toggle_arrow_closed.gif) 12px 6px no-repeat;
}

	#main h4.toggler span, #main h4.toggler2 span {
		color: #666;
		font-size: 11px;
	}
#main .togglesel h4.toggler, #main .togglesel h4.toggler2 {
	color: #333333;
	background: url(../_images/shared/toggle_arrow_open.gif) 11px 8px no-repeat;
}
.toggler, .toggler2 {
	cursor: pointer;
}

.newsInner p, .eventInner p{
	padding-left: 15px;
}
.newsInner a, .eventInner a{
	color: #bd2026;
}


.element {
	background: url(../_images/shared/back_rule.gif) no-repeat;
	padding-bottom: 10px;
}

.element div {
	margin-top: 3px;
	background: #f2f1ed;
	padding: 12px;
	font-size: 10px;
	line-height: 18px;
}
.element img {
	float: right;
	border: 1px solid #f2f1ec;
	margin-left: 10px;
}
.element dl {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
.element dt {
	display: block;
	list-style: none;
	float: left;
	clear: left;

	width: 85px;
	margin: 0 11px 0 0;
	padding: 0;

	text-align: right;
	font-weight: bold;
	line-height: 14px;
	/*background:#fee;*/
}
.element dt.addr {
	height: 65px;
}
.element dd {
	/*display: table-cell;*/
	display:table;
	*display:inline-block;
	list-style: none;
	margin: 0;
	padding: 1px 0 5px;
	line-height: 14px;
	/*background:#efe;*/
}

/*	------------------------------------------------------
	toggling content - override for industry expertise section	*/

	
	.exper .toggleblock{
		border: 1px solid #f3f2ee;
		margin-bottom: 10px;
	}
	
	.exper #main .togglesel h4.toggler{
		background: #f2f1ed url(../_images/shared/toggle_arrow_open.gif) 11px 8px no-repeat;
	}
	
	.exper .element{
		background: #f2f1ed url(../_images/industry_expertise/element_background.gif) repeat-x; 
	}
	
	.exper .element div{
		background: none;
		float: left;
		width: 300px;
		margin-bottom: 20px;
		font-size: 12px;
	}
	
	.exper .element img{
		border: none;
		float: left;
		margin-top: 10px;
	}


/*	------------------------------------------------------
	top right global links	*/

#global {
	position: absolute;
	right: 50px;
	top: 12px;
	text-align: right;
}
#global img {
	margin: 0 1px;
}
#global .sep {
	margin: 0 5px;
}

/*	------------------------------------------------------
	footer	*/

#footer {
	clear: all;
	background: #ffffff url(../_images/shared/back_rule.gif) no-repeat;
	color: #9a9277;
	padding: 16px 52px 8px 15px;
	font-size: 10px;
	text-align: right;
	position:relative;
	left:-0.1px;
}
#footer a {
	color: #9a9277;
	text-decoration: none;
}
#footer a:hover,#footer a.sel {
	color: #bd2026;
}

/* CLEARS */

.clearL {
	clear:left;
	height:0px;
	margin:0;
	padding:0;
}

.clearR {
	clear:right;
	height:0px;
	margin:0;
	padding:0;
}

.clearB {
	clear:both;
	height:0px;
	margin:0;
	padding:0;
}

.ex_side {
	margin-left:0;
	padding-left:0;
}