/* ------------------------------------------------------------------------------------------------------*/
/* ZERO OUT ALL BROWSER PRE-SET VALUES  -----------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
}



/* ------------------------------------------------------------------------------------------------------*/
/* BASE BLOCK ELEMENTS & GLOBAL STYLES ------------------------------------------------------------------*/

body {
	background: #9DAD56; 
}

/* Typically, we'd set this element up as an ID, but we'll be applying page-specific IDs to this element for 
/* specificity purposes (like setting the "highlight state" for subnav buttons, etc.) */

.wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0 10px;
	background: url(../images/shared/page-background.gif) repeat-y;
}

#header {
	width: 960px;
	height: 64px;
	background: url(../images/shared/header-background.gif) repeat-x;
}

#pageContent { 
	min-height: 450px;
	padding: 93px 0 0 0;
}

#footer {
	width: 860px;
	margin: 0 -10px;
	padding: 20px 60px 5px 60px;
	background: #9DAD56 url(../images/shared/footer-background.gif) no-repeat;
}

.clear {
	clear: both;
}



/* ------------------------------------------------------------------------------------------------------*/
/* HEADER BLOCK  ----------------------------------------------------------------------------------------*/

a#logo {
	display: block;
	float: left;
	margin: 7px 0 0 36px;
	width: 157px;
	height: 39px;
	text-indent: -5000px;
	background: url(../images/shared/emphatic-logo.gif) no-repeat;
}

a#logo:focus { outline: 0; } /* Gets rid of outlines in FF */


/* HEADER BLOCK / SECONDARY NAV  --------------------------------------------*/

ul#secondaryNav {
	width: 301px;
	margin: 0 0 0 615px;
	padding: 22px 0 0 0;
	list-style: none;
}
	
#secondaryNav li {
	margin: 0 0 0 16px;
	float: left;
	display: inline;  /* Counters double-margin float bug in IE 6 */
}

#secondaryNav li a {
	display: block;
	text-indent: -5000px;
	height: 18px;
	border: none;
}

#secondaryNav a:focus	{ outline: 0; } /* Gets rid of outlines in FF */

/* Main Nav Rollovers */

#secondaryNav .insights a							{ width: 55px; background: url(../images/shared/secondaryNav_insights.gif) no-repeat; }
#secondaryNav .insights a:hover				{ background-position: -55px 0; }
#secondaryNav .insights a:focus				{ outline: 0; } /* Gets rid of outlines in FF */
#secondaryNav .contact a							{ width: 56px; background: url(../images/shared/secondaryNav_contact.gif) no-repeat; }
#secondaryNav .contact a:hover  			{ background-position: -56px 0; }
#secondaryNav .contact a:focus  			{ outline: 0; } /* Gets rid of outlines in FF */
#secondaryNav .clientAccess a					{ width: 91px; background: url(../images/shared/secondaryNav_client-access.gif) no-repeat; }
#secondaryNav .clientAccess a:hover		{ background-position: -91px 0; }
#secondaryNav .clientAccess a:focus		{ outline: 0; } /* Gets rid of outlines in FF */
#secondaryNav .blog a									{ width: 33px; background: url(../images/shared/secondaryNav_blog.gif) no-repeat; }
#secondaryNav .blog a:hover						{ background-position: -33px 0; }
#secondaryNav .blog a:focus						{ outline: 0; } /* Gets rid of outlines in FF */

/* Main Nav "Current Page" Highlight States */

#insights #secondaryNav .insights a						{ background-position: -55px 0; }
#contact #secondaryNav .contact a							{ background-position: -56px 0; }
#clientAccess #secondaryNav .clientAccess a		{ background-position: -91px 0; }





/* ------------------------------------------------------------------------------------------------------*/
/* PAGE CONTENT BLOCK / SIDEBAR / MAIN NAV  -------------------------------------------------------------*/

#sidebar {
	float: left;
	width: 177px;
	padding: 0 0 0 43px;
}

ul#mainNav {
	width: 177px;
	line-height: 0;
	list-style: none;
}
	
#mainNav li{
	margin: 0 0 15px 0;
	/*font-size: 2px;     ADD THIS IN FOR WINDOWS-ONLY CSS (Fixes whitespace bugs in-between list items)  */
}

#mainNav li a {
	display: block;
	text-indent: -5000px;
	width: 121px;
	height: 25px;
	border: none;
}

#mainNav a:focus { outline: 0; } /* Gets rid of outlines in FF */

/* Nav Rollovers */

#mainNav .whoWeAre a					{ background: url(../images/shared/mainNav_who-we-are.gif) no-repeat; }
#mainNav .whoWeAre a:hover		{ background-position: -121px 0; }
#mainNav .whoWeAre a:focus		{ outline: 0; }
#mainNav .whatWeDo a					{ background: url(../images/shared/mainNav_what-we-do.gif) no-repeat; }
#mainNav .whatWeDo a:hover  	{ background-position: -121px 0; }
#mainNav .whatWeDo a:focus  	{ outline: 0; }
#mainNav .whoWeHelp a					{ background: url(../images/shared/mainNav_who-we-help.gif) no-repeat; }
#mainNav .whoWeHelp a:hover		{ background-position: -121px 0; }
#mainNav .whoWeHelp a:focus		{ outline: 0; }

/* "Current Page" Highlight States */

#whoWeAre #mainNav .whoWeAre a		{ background-position: -121px 0; }
#whatWeDo #mainNav .whatWeDo a		{ background-position: -121px 0; }
#whoWeHelp #mainNav .whoWeHelp a	{  background-position: -121px 0; }



/* -------------------------------------------------------------------------------*/
/* SIDEBAR / SUB NAV  ------------------------------------------------------------*/

/* Sub-nav is built into the global navigation, so it's always there in the html.
/* FIrst, hide all sub-navigation in this global CSS file. Then display each section's sub-nav using section-specfific CSS files. */

ul#mainNav li.whoWeAre ul.wwa_subNav { display: none; }
ul#mainNav li.whatWeDo ul.wwd_subNav { display: none; }
ul#mainNav li.whoWeHelp ul.wwh_subNav { display: none; }


/* NOTE: All Sub Nav styles are in defined in the section-specific CSS */



/* -------------------------------------------------------------------------------------*/
/* PAGE CONTENT BLOCK / MAIN CONTENT  --------------------------------------------------*/

#mainContent {
	float: right;
	width: 540px;
	margin: 0 50px 0 0;
	padding: 0 100px 35px 0;
	display: inline;  /* Counters double-margin float bug in IE 6 */
}

/* Definitions for two-column layout */

.twoColumnBlock .col1{
	width: 250px;
	margin: 0;
	padding: 0;
	float: left;
}

.twoColumnBlock .col2{
	width: 250px;
	padding: 0 0 0 0;
	float: right;
}
 

/* ------------------------------------------------*/
/* All text styles for Main Text Block area -------*/


/* Page head */
#mainContent h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: normal;
	color: #7E8d44;
	line-height: 36px;
	margin: 0 0 22px 0;
}

/* Head 2.0 Orange all-caps head */
#mainContent h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: normal;
	color: #BA5D33;
	text-transform: uppercase;
	letter-spacing: .05em;
	line-height: 26px;
	margin: 20px 0 0px 0;
}

/* Head 2.1 Orange all-caps head, more space above; ex: mid-page h2 head on whatWeDo overview */
#mainContent h2.xsa {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: normal;
	color: #BA5D33;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	line-height: 26px;
	margin: 39px 0 0px 0;
}


/* Body head 3 (bold, 16:21) */
#mainContent h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 21px;
	margin: 20px 0 1px 0;
	color: #555555;
}

/* Body head 3.0 (bold, 16:21, less space above); ex: used after h2 head on whatWeDo overview */
#mainContent h3.lsa {
	font-size: 16px;
	font-weight: bold;
	color: #555555;
	line-height: 21px;
 	letter-spacing: 0.0em;
	margin: 10px 0 1px 0;
}

/* Body head 3.0+ (bold, 16:21, extra space below); ex: used as needed when head precedes bullet list */
#mainContent h3.xsb {
	font-size: 16px;
	font-weight: bold;
	color: #555555;
	line-height: 21px;
	margin: 20px 0 5px 0;
}

/* Body head 4 (bold, 15:21), slightly smaller than h3; ex: used on whatWeDo services */
#mainContent h4 {
	font-size: 15px;
	font-weight: bold;
	color: #555555;
	line-height: 21px;
  letter-spacing: 0.0em;
	margin: 22px 0 4px 0;
}

#mainContent p {
	margin: 0 0 21px 0;
	font-size: 15px;
	line-height: 21px;
	color: #555555;
}

/* Used for pull-through text at the bottom of pages (currently same as p) */
#mainContent p.pull {
	clear: both;
	margin: 0 0 21px 0;
	font-size: 15px;
	line-height: 21px;
	color: #555555;
}


#mainContent p.introText {
	margin: 0 0 19px 0;
	font-size: 19px;
	line-height: 27px;
	color: #555555;
}

#mainContent p.nospace {
	margin: 0 0 0 0;
	font-size: 15px;
	line-height: 21px;
	color: #555555;
}

#mainContent p.smallspace {
	margin: 0 0 10px 0;
	font-size: 15px;
	line-height: 21px;
	color: #555555;
}


/* Used for adding extra white space after specific paragraphs */
#mainContent p.spacer {
	margin: 10px 0 0 0;
}


#mainContent ul {
 	list-style-type: none;
	margin: 0 0 14px 0;
	font-size: 14px;
	line-height: 20px;
	color: #555555;
}

#mainContent li {
	margin: 2px 0 4px 2px;
	background: url(../images/shared/listBullet.gif) no-repeat 0 .45em;
	padding-left: 14px;
}

#mainContent a:link			{ color: #555555; text-decoration: underline; }
#mainContent a:visited	{ color: #999999; text-decoration: underline; }
#mainContent a:hover		{ color: #BA5D33; text-decoration: underline; }
#mainContent a:active		{ color: #BA5D33; text-decoration: underline; }
#mainContent a:focus		{ outline: 0; } /* Gets rid of outlines in FF */

#mainContent img.wrapLeft {
	float: left;
	margin: 5px 10px 5px 0;
}

#mainContent p.horizRule {
	margin: 10px 0 5px 0;
	border-top: 1px solid #d1d1d1;
}

/* -------------------------------------------------------------------------------------------------------*/
/* FOOTER BLOCK  -----------------------------------------------------------------------------------------*/

#footer p {
	color: #E2E7CD;
	font-size: 9px;
	line-height: 10px;
}

#footer a:link { color: #E2E7CD; text-decoration: none; }
#footer a:visited { color: #E2E7CD; text-decoration: none; }
#footer a:hover { color: #FFFFFF; text-decoration: underline; }
#footer a:active { color: #FFFFFF; text-decoration: none; }