/* v 1.3 */
/* Main Structural Elements*/
body
{
	font-size: 16px;
}

/* GENERAL */
a { color: #5086b5; }
	a:hover { color: #ff992f; }
	a.cta { font-size: 1.2em; font-weight: bold; } /* cta = call to action style. */
#tertiary_nav a {text-decoration: none;}

/* //////////GLOBAL-dropdown NAVIGATION */
  ul#nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; border: none;}
  #nav a { display: block; text-decoration: none;}
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0;}
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 130px; }
#nav ul ul { left: 131px; }

/* Everything else is theming */
 
ul#nav { position: absolute; bottom: 8px; left: 89px; height: 24px; background-color: white; white-space:nowrap; z-index: 1000;}
#nav *:hover { background-color: none; }
#nav a { color: #5086b5; font-size: 16px; padding: 6px 7px; line-height: 1; font-family: arial, sans-serif; font-weight: bold;}
	/* extra padding between the pipes in order to stretch the menu flush. */
	#about>a { padding-right: 9px; } #contact>a { padding-left: 9px; padding-right: 0px; text-align: right; }
	#nav a:hover { color: #ff992f; }
	
	#nav ul { top: 30px; left: -2px;}
		/* Width 103%, while it widens correctly, in IE there is a flash of 100% to the width of the page. */
		/* Therefore, need to add each width variation separately. */
		#nav #prodservices ul {left: 8px; width: 148px; }
		#nav #infocenter ul {width: 160px; }
			#nav #infocenter ul li { white-space: normal; }
		#nav #about ul {width: 157px; }
		#nav #contact ul {width: 162px; }
  	#nav ul li { padding: 0; vertical-align: top; height: 1.2em;  }
    #nav ul li a { background-color: white; font-size: 12px; vertical-align: top; font-weight: normal;}
    #nav ul a { border-right: none; opacity: 1; filter: alpha(opacity=100); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */
		a span.with_title { border: 1px dotted #dbebfb; }
			a span.with_title:hover { border: 1px dotted #5086b5; }


span.pipe { color: #FF992F/* 5086b5 */; display: block; padding-top: 4px; /* vertical-align does not work. */}
ul.sf-shadow {/* only works (for me) when built in via the script. */
	background:	url('images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;
}

/* /////////Global Nav Zone-Selected States */
#nav li a.zone_selected { color: #ff992f; }

.label_nonbold {font-weight: normal;}

#content_txt #nav_lateral {color: #ff992f; font-size: .7em; font-weight: bold; text-transform: normal; margin-top: 15px; text-align: center; }

/* /////////////// Tertiary Nav \\\\\\\\\\\\\\\\  */
#tertiary_nav a { font-size: .83em; }
	#tertiary_nav a.tert_zone {font-weight: bold;}
		
td#tertiary_nav ul { list-style-type: none; margin-left: 0px; }
	td#tertiary_nav ul ul {margin-left: 10px; font-size: .87em; }
		td#tertiary_nav ul ul li { margin-bottom: 4px; }
	/* Numbering is easier than having to keep track of names, and you can re-use it in other zones. */
	/* How it works: change the CLASS of the td#tertiary_nav to the _# index corresponding to the menu you want 'selected'. */
	/* Doesn't work in IE6. */
	#tertiary_nav.l_1 .l_1 {color: #ff992f; }
	#tertiary_nav.l_1_1 .l_1_1, #tertiary_nav.l_1_2 .l_1_2, #tertiary_nav.l_1_3 .l_1_3, #tertiary_nav.l_1_4 .l_1_4, #tertiary_nav.l_1_5 .l_1_5, #tertiary_nav.l_1_6 .l_1_6, #tertiary_nav.l_1_7 .l_1_7  {color: #ff992f; }
	
	#tertiary_nav.l_2 .l_2 {color: #ff992f; }
	#tertiary_nav.l_2_1 .l_2_1, #tertiary_nav.l_2_2 .l_2_2, #tertiary_nav.l_2_3 .l_2_3, #tertiary_nav.l_2_4 .l_2_4, #tertiary_nav.l_2_5 .l_2_5, #tertiary_nav.l_2_6 .l_2_6, #tertiary_nav.l_2_7 .l_2_7  {color: #ff992f; }

	#tertiary_nav.l_3 .l_3 {color: #ff992f; }
	#tertiary_nav.l_3_1 .l_3_1, #tertiary_nav.l_3_2 .l_3_2, #tertiary_nav.l_3_3 .l_3_3, #tertiary_nav.l_3_4 .l_3_4, #tertiary_nav.l_3_5 .l_3_5, #tertiary_nav.l_3_6 .l_3_6, #tertiary_nav.l_3_7 .l_3_7 {color: #ff992f; }

/* ///////////////Secondary Nav\\\\\\\\\\\\\\\\  No tertiary */	
.history .history, .profiles .profiles, .partners .partners, .mission .mission, .community .community  {color: #ff992f; }
#nav a.green_statement, #ul_tert_nav a.greenstatement { color: #669933; }
	#nav a.green_statement:hover, #ul_tert_nav a.greenstatement:hover { color: #99cc66;} 
.j_faq .j_faq, .d_faq .d_faq, .i_training .i_training, .i_ebook .i_ebook, .blog .blog, .i_whitepaper .i_whitepaper , .i_webinar .i_webinar {color: #ff992f; }

td#tertiary_nav ul ul#left_nav_consult li { line-height: 12px; margin-bottom: 5px; } /* words are too long, wrapping ugly, so needing to squish them up a bit. */