/*
	XHTML INITIAL ELEMENTS
*/

body	{
	text-align: center; /* centers website */
	color: #444; /* sets default font color - soft dark gray */
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 80%; /* 76% is smallest, EM based font-size */
	margin: 0;
	border: 0;
	padding: 0;
	background-color: #fff;
}

img		{
	display: block;
	border: 0;
}


/*
	DEFAULT LINK STYLING
*/

a:link, a:visited {
	text-decoration: underline;
	color: #06a; /* logo blue */
	background-color: transparent; 
	}
a:hover {
	text-decoration: none;
	color: #fff; /* white */
	background-color: #c00; /* logo red */
	}
a:active {
	text-decoration: underline;
	color: #06a; /* logo blue */
	background-color: transparent;  
	}

/*
	LAYOUT: SITEWRAP, SIDE, MAIN, LOGOAREA, CONTENTWRAP, TOPAREA, CONTENT
*/

#sitewrap	{
	text-align: left;
	margin: 0 auto; /* also centers the website */
	border: 0;
	padding: 0;
	background: transparent url(../images/sidebg-gray.gif) repeat-y top left;
	width: 900px;
}

#main	{
	float: right;
	margin: 0;
	border: 0;
	padding: 0;
	background-color: transparent;
	width: 700px;
}

#side	{
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
	background-color: transparent;
	width: 200px;
}

#logoarea	{/* logo + curve */
	margin: 0;
	border: 0;
	padding: 0;
	background: transparent url(../images/logoarea-bg.gif) no-repeat top left;
	width: 200px;
	height: 155px;
}
#logo-print	{
	display: none;
	margin: 0;
	border: 0;
	padding: 0;
	width: 100%;
}

#contentwrap	{
	margin: 0;
	border: 0;
	padding: 0;
	background: transparent url(../images/img-curve-top1.jpg) no-repeat top left;
	width: 700px;
}

#toparea	{/* necessary to consistently and independently designate the top area */
	margin: 0;
	border: 0;
	padding: 0;
	background-color: transparent;
	width: 700px;
	height: 104px;
}

div#contentarea	{
	margin: 0;
	border: 0;
	padding: 0 0 1.5em 26px; /* sets the minimum left content and bottom padding _ l+r= 26 */
	background-color: transparent;
	width: 700px; /* bmh */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 674px;
	}
html> div#contentarea {
	width: 674px;
}

#content, #newseventscontent, #newscontent, #eventscontent, #expertscontent, #clientscontent, #teamitemcontent	{
font-size: 1em; /* lessen the horseyness of type with 0.96em */
line-height: 1.2em; /* make it airy */
	margin: 0;
	border: 0;
	padding: 0 226px 0 0; /* was 111px, then 175px */
	background-color: transparent;
	/* width for content area is effectively 448px */
}

#homecontent, #opencontent, #teamcontent	{ /* USING content div instead for home page */
font-size: 1em; /* lessen the horseyness of type with 0.96em */
line-height: 1.2em; /* make it airy */
	margin: 0;
	border: 0;
	padding: 0;
	background-color: transparent;
 /*	width for content area is effectively 674px */
}

#HROcontent	{ /* USING content div instead for home page */
font-size: 1em; /* lessen the horseyness of type with 0.96em */
line-height: 1.2em; /* make it airy */
	margin: 0;
	border: 0;
	padding: 0;
background: transparent url(../images/ysss-oval-logo4.gif) no-repeat top right;
 /*	width for content area is effectively 674px */
}

#HROtop	{height: 170px;}
#HROtop h4	{margin-top: 0;}
#HROtop h3	{
	color: #005489;
	width: 324px;
	padding-bottom: 38px;
}
#halflcol	{
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
	width: 313px;
}
div#halfrcol	{
	float: right;
	margin: 0;
	border: 0;
	padding: 0 0 0 24px; /* sets the center gutter _ l+r= 24 */
	background-color: transparent;
	width: 337px; /* bmh */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 337px;
	}
html> div#halfrcol {
	width: 313px;
}

ul#toggle1, ul#toggle2, ul#toggle3, ul#toggle4, ul#toggle5, ul#toggle6, ul#toggle7, ul#toggle8	{
	display: none;
	margin-top: 0.4em;
	border-left: 10px solid #06a;
	padding: 0.3em 0.3em 0.3em 26px;
	background-color: #e4e5ec;
}

ul#toggle1 li, ul#toggle2 li, ul#toggle3 li, ul#toggle4 li, ul#toggle5 li, ul#toggle6 li, ul#toggle7 li, ul#toggle8 li	{
	list-style-position: outside; /* un-fixes IE's first line indenation issue */
}


/*
	LINKS: LOGOAREA, NAV, SUBNAV, NEWSLETTER, RIGHTNAV,
*/

#logoarea h1 {
	margin: 0;
	border: 0;
	padding: 0;
	width: 200px;
	height: 112px;
}
a#flexhrlogo:link, a#flexhrlogo:visited, a#flexhrlogo:hover, a#flexhrlogo:active {/* same for each link state */
	display: block;
	text-decoration: none;
	margin: 0;
	border: 0;
	padding: 0;
	background: transparent url(../images/flexhr-logo.gif) no-repeat top left;
	width: 200px;
	height: 112px;
}

ul#nav {/* l+r padding allows list items to function as rollover nav links */
	margin: 0;
	border: 0;
	padding: 0 18px 0 100px; /* l+r=118 */
	background: transparent url(../images/nav-bg.gif) no-repeat top left;
	height: 71px;
	width: 700px; /* bmh */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 582px;
	}
html> ul#nav {
	width: 582px;
}
ul#nav li {/* flexibly adheres to a dimensions */
	list-style: none;
/*	display: inline; doesn't work with a display: block; float works beautifully */
	float: left;
	text-align: center;
	margin: 0;
	border: 0;
	padding: 0;
}
a#homenav:link, a#homenav:visited, a#homenav:hover, a#homenav:active	{/* all other nav links have been changed */
	display: block;
	text-decoration: none;
	margin: 0;
	border: 0;
	padding: 0;
	background-color: transparent;
	width: 92px;
	height: 71px;}
a#homenav:hover	{background: transparent url(../images/home-nav-flip.gif) no-repeat top left;
}

a#servicesnav:link, a#servicesnav:visited, a#servicesnav:hover, a#servicesnav:active	{
	display: block;
	text-decoration: none;
	margin: 0;
	border: 0;
	padding: 0;
	background-color: transparent;
	width: 111px;
	height: 71px;}
a#servicesnav:hover	{background: transparent url(../images/services-nav-flip.gif) no-repeat top left;
}

a#companynav:link, a#companynav:visited, a#companynav:hover, a#companynav:active	{
	display: block;
	text-decoration: none;
	margin: 0;
	border: 0;
	padding: 0;
	background-color: transparent;
	width: 117px;
	height: 71px;}
a#companynav:hover	{background: transparent url(../images/company-nav-flip.gif) no-repeat top left;
}

a#newseventsnav:link, a#newseventsnav:visited, a#newseventsnav:hover, a#newseventsnav:active	{
	display: block;
	text-decoration: none;
	margin: 0;
	border: 0;
	padding: 0;
	background-color: transparent;
	width: 155px;
	height: 71px;}
a#newseventsnav:hover	{background: transparent url(../images/newsevents-nav-flip.gif) no-repeat top left;}

a#contactnav:link, a#contactnav:visited, a#contactnav:hover, a#contactnav:active	{
	display: block;
	text-decoration: none;
	margin: 0;
	border: 0;
	padding: 0;
	background-color: transparent;
	width: 107px;
	height: 71px;}
a#contactnav:hover	{background: transparent url(../images/contact-nav-flip.gif) no-repeat top left;
}


/*
	NEWSLETTER & LAYOUT CLEARING DEVICE
*/

#cleardevice	{/* this also nestles the newsletter above the footer */
	clear: both; /* clears both the main and side columns */
	margin: 0;
	border: 0;
	padding: 12px 0 0 0;
	width: 900px;
	background-color: transparent;
}

#newsletter	{
	font-size: 0.9em;
	margin: 0;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	padding: 10px 12px 12px 12px; /* l+r=24 */
	background: transparent url(../images/grad-side-gray.gif) no-repeat bottom left;
	width: 200px; /* bmh */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 176px;
	}
html> div#newsletter {
	width: 176px;
}

a#newsletterlink:link, a#newsletterlink:visited {
	text-decoration: none;
	font-weight: bold;
	color: #888; /* gray */
	background-color: transparent; 
}
a#newsletterlink:hover {
	text-decoration: none;
	font-weight: bold;
	color: #c00; /* logo red */
	background-color: transparent; 
}
a#newsletterlink:active {
	text-decoration: none;
	font-weight: bold;
	color: #888; /* gray */
	background-color: transparent;  
}


/*
	FOOTER, SEARCH, BOTTOMNAV, REFERENCENAV, HALFOFONE, PERIPHIX
*/


#footer	{
	color: #aaa; /* lighter gray font color */
	margin: 0;
	border: 0;
	padding: 16px 0 2em 0; /* whitespace at the bottom of the website */
	width: 900px;
/* background-color: #fff; redundant */
	background: #fff url(../images/grad-footer.gif) no-repeat top left; /* white bg hides the sitewrap bg img for the left side column, img starts the light blue gradient */
}

div#bottomarea	{
	float: right;
	text-align: center; /* centers bottom navs and content */
	margin: 0;
	border: 0;
	padding:  0 12px 0 14px; /* l+r= 26 */
	background-color: transparent;
	width: 700px; /* bmh */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 674px;
	}
html> div#bottomarea {
	width: 674px;
}

ul#bottomnav	{
	margin: 0 auto;
	border: 0;
	padding: 0;
	background-color: transparent;
}
ul#bottomnav li {
	list-style: none;
	display: inline;
	text-align: center;
	font-size: 0.88em;
	margin: 0;
	border: 0;
	padding: 0 10px 0 10px; /* l+r=20 */
}
ul#bottomnav li a, ul#referencenav li a	{text-decoration: none;}

ul#referencenav	{
	margin: 0 auto;
	border: 0;
	padding: 1em 0 2em 0;
	background-color: transparent;
}
ul#referencenav li {
	list-style: none;
	display: inline;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
	border: 0;
	padding: 0 12px 0 12px; /* l+r=24 */
}

a.h1link:link, a.h1link:visited	{
	text-decoration: none;
	font-weight: bold;
	color: #aaa;}
a.h1link:hover	{
	text-decoration: none;
	font-weight: bold;
	color: #093; /* h1 logo green */
	background-color: transparent;}
a.h1link:active	{
	text-decoration: none;
	font-weight: bold;
	color: #aaa;}

a.plink:link, a.plink:visited	{
	text-decoration: none;
	font-weight: bold;
	color: #aaa;}
a.plink:hover	{
	text-decoration: none;
	font-weight: bold;
	color: #f7943d; /* Periphix logo orange */
	background-color: transparent;}
a.plink:active	{
	text-decoration: none;
	font-weight: bold;
	color: #aaa;}


/*
	LINKABLE SUBNAV HEADERS (for left & right)
*/

/* left */

a#ServicesHeader:link, a#ServicesHeader:visited, a#ServicesHeader:hover, a#ServicesHeader:active {
	display: block;
	text-decoration: none;
	margin: 0;
	border: 0;
	padding: 0;
	background: transparent url(../images/services-header.gif) no-repeat top left;
	width: 200px;
	height: 37px;}
a#ServicesHeader:hover	{background: transparent url(../images/services-header-flip.gif) no-repeat top left;
}

a#CompanyHeader:link, a#CompanyHeader:visited, a#CompanyHeader:hover, a#CompanyHeader:active {
	display: block;
	text-decoration: none;
	margin: 0;
	border: 0;
	padding: 0;
	background: transparent url(../images/company-header.gif) no-repeat top left;
	width: 200px;
	height: 37px;}
a#CompanyHeader:hover	{background: transparent url(../images/company-header-flip.gif) no-repeat top left;
}

a#NewsEventsHeader:link, a#NewsEventsHeader:visited, a#NewsEventsHeader:hover, a#NewsEventsHeader:active {
	display: block;
	text-decoration: none;
	margin: 0;
	border: 0;
	padding: 0;
	background: transparent url(../images/newsevents-header.gif) no-repeat top left;
	width: 200px;
	height: 37px;}
a#NewsEventsHeader:hover	{background: transparent url(../images/newsevents-header-flip.gif) no-repeat top left;
}

a#ContactHeader:link, a#ContactHeader:visited, a#ContactHeader:hover, a#ContactHeader:active {
	display: block;
	text-decoration: none;
	margin: 0;
	border: 0;
	padding: 0;
	background: transparent url(../images/contact-header.gif) no-repeat top left;
	width: 200px;
	height: 37px;}
a#ContactHeader:hover	{background: transparent url(../images/contact-header-flip.gif) no-repeat top left;
}

a#BusinessHeader:link, a#BusinessHeader:visited, a#BusinessHeader:hover, a#BusinessHeader:active {
	display: block;
	text-decoration: none;
	margin: 0;
	border: 0;
	padding: 0;
	background: transparent url(../images/business-header.gif) no-repeat top left;
	width: 200px;
	height: 37px;}
a#BusinessHeader:hover	{background: transparent url(../images/business-header-flip.gif) no-repeat top left;
}

a#AdminHeader:link, a#AdminHeader:visited, a#AdminHeader:hover, a#AdminHeader:active {
	display: block;
	text-decoration: none;
	margin: 0;
	border: 0;
	padding: 0;
	background: transparent url(../images/admin-header.gif) no-repeat top left;
	width: 200px;
	height: 37px;}
a#AdminHeader:hover	{background: transparent url(../images/admin-header-flip.gif) no-repeat top left;
}

/* right */

a#ExpertsHeader:link, a#ExpertsHeader:visited, a#ExpertsHeader:hover, a#ExpertsHeader:active {
	display: block;
	text-decoration: none;
	margin: 0;
	border: 0;
	padding: 0;
	background: transparent url(../images/experts-rs-header.gif) no-repeat top left;
	width: 190px;
	height: 37px;}
a#ExpertsHeader:hover	{background: transparent url(../images/experts-rs-header-flip.gif) no-repeat top left;
}

a#ClientsHeader:link, a#ClientsHeader:visited, a#ClientsHeader:hover, a#ClientsHeader:active {
	display: block;
	text-decoration: none;
	margin: 0;
	border: 0;
	padding: 0;
	background: transparent url(../images/clients-rs-header.gif) no-repeat top left;
	width: 190px;
	height: 37px;}
a#ClientsHeader:hover	{background: transparent url(../images/clients-rs-header-flip.gif) no-repeat top left;
}

a#TeamHeader:link, a#TeamHeader:visited, a#TeamHeader:hover, a#TeamHeader:active {
	display: block;
	text-decoration: none;
	margin: 0;
	border: 0;
	padding: 0;
	background: transparent url(../images/team-rs-header.gif) no-repeat top left;
	width: 190px;
	height: 37px;}
a#TeamHeader:hover	{background: transparent url(../images/team-rs-header-flip.gif) no-repeat top left;
}

a#ClientSuccessesHeader:link, a#ClientSuccessesHeader:visited, a#ClientSuccessesHeader:hover, a#ClientSuccessesHeader:active {
	display: block;
	text-decoration: none;
	margin: 0;
	border: 0;
	padding: 0;
	background: transparent url(../images/clientsuccesses-header.gif) no-repeat top left;
	width: 190px;
	height: 37px;}
a#ClientSuccessesHeader:hover	{background: transparent url(../images/clientsuccesses-header-flip.gif) no-repeat top left;
}

div#FlexHRDirectionsHeader	{
	margin: 0;
	border: 0;
	padding: 0;
	background: transparent url(../images/flexhr-directions-header.gif) no-repeat top left;
	width: 190px;
	height: 37px;
}

/*
	SUBNAV
*/

ul#subnav	{
	margin: 0;
	border-bottom: 2px solid #fff;
	padding: 10px 0 17px 0; /* l+r=0 */
	background: transparent url(../images/grad-side-gray.gif) no-repeat bottom left;
	width: 200px;
}
ul#subnav li	{
	list-style: none;
	list-style-position: outside; /* fixes IE's first line indenation issue */
	margin: 0;
	border: 0;
	padding: 0 12px 1px 12px; /* l+r=24 */
}

ul#subnav li a:link, ul#subnav li a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #005489; /* dark blue */
	background-color: transparent; 
}
ul#subnav li a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #c00; /* logo red */
	background-color: transparent; 
}
ul#subnav li a:active {
	text-decoration: none;
	font-weight: bold;
	color: #005489; /* dark blue */
	background-color: transparent;  
}


ul.subpages {
	display: inline-block; /* fix space in IE */
	margin: 0;
	border: 0;
	padding: 1px 0 0 0;
}
ul.subpages li	{
	list-style: none;
	list-style-position: outside; /* fixes IE's first line indenation issue */
	font-size: 0.9em; /* subpages should look a bit smaller */
	margin: 0;
	border: 0;
	padding: 0 0 1px 12px; /* l+r=12 indents another 12px */
}

ul#subnav li a.currentpage:link, ul#subnav li a.currentpage:visited, ul#subnav li a.currentpage:hover, ul#subnav li a.currentpage:active {
	text-decoration: none;
	font-weight: bold;
	color: #c00; /* logo red */
	background-color: transparent; 
}

ul#subnav li ul.subpages li a:link, ul#subnav li ul.subpages li a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #777; /* bit darker than 888 gray */
	background-color: transparent; 
}
ul#subnav li ul.subpages li a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #c00; /* logo red */
	background-color: transparent; 
}
ul#subnav li ul.subpages li a:active {
	text-decoration: none;
	font-weight: bold;
	color: #777; /* bit darker than 888 gray */
	background-color: transparent;  
}

ul#subnav li ul.subpages li a.currentpage:link, ul#subnav li ul.subpages li a.currentpage:visited, ul#subnav li ul.subpages li a.currentpage:hover, ul#subnav li ul.subpages li a.currentpage:active {
	text-decoration: none;
	font-weight: bold;
	color: #c00; /* logo red */
	background-color: transparent; 
}



/*
	NewsEventslistnav
*/

ul#NewsEventslistnav	{
	margin: 0;
	border-bottom: 2px solid #fff;
	padding: 0 0 17px 0; /* l+r=0 */
	background: transparent url(../images/grad-side-gray.gif) no-repeat bottom left;
	width: 200px;
}
ul#NewsEventslistnav li	{
	list-style: none;
	list-style-position: outside; /* fixes IE's first line indenation issue */
	margin: 0;
	border-bottom: 2px dotted #fff;
	padding: 10px 10px 12px 12px; /* l+r=22 */
}

ul#NewsEventslistnav li:hover {/* from clearleft.com */
/*	color: #333;  font in p gets darker */
	border-bottom: 2px dotted #005489;
	background-color: #f0f2f6; /* bg gets lighter */
}

ul#NewsEventslistnav li h3	{
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.1em;
	margin: 0;
	border: 0;
	padding: 0;
}

ul#NewsEventslistnav li p	{
	color: #005489; /* dark blue */
	font-size: 0.87em;
	line-height: 1.2em;
	margin: 0.3em 0 0 0;
	border: 0;
	padding: 0;
}

ul#NewsEventslistnav li a:link, ul#NewsEventslistnav li a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #005489; /* dark blue */
	background-color: transparent; 
}
ul#NewsEventslistnav li a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #c00; /* logo red */
	background-color: transparent; 
}
ul#NewsEventslistnav li a:active {
	text-decoration: none;
	font-weight: bold;
	color: #005489; /* dark blue */
	background-color: transparent;  
}


/*
	ExpertsSay, ExpertsSaylistnav
*/

div#ExpertsSay	{/* 226px with margin */
	float: right;
	margin: 0;
	border: 0;
	padding: 28px 0 20px 36px; /* l+r=36 */
	background-color: transparent;
	width: 226px;  /* bmh */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 190px;
	}
html> div#ExpertsSay {
	width: 190px;
}

ul#ExpertsSaylistnav	{
	margin: 0;
	border-left: 1px dotted #888;
	padding: 0 0 0 0; /* border+l+r=1 */
	background-color: transparent;
	width: 190px;  /* bmh */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 189px;
	}
html> ul#ExpertsSaylistnav {
	width: 189px;
}
ul#ExpertsSaylistnav li	{
	list-style: none;
	list-style-position: outside; /* fixes IE's first line indenation issue */
	margin: 0;
	border: 0;
	padding: 0.5em 10px 0.8em 12px; /* l+r=22 */
}

ul#ExpertsSaylistnav li:hover {/* from clearleft.com */
	color: #333; /* font in p gets darker */
	background-color: #f0f2f6; /* bg gets darker */
}

ul#ExpertsSaylistnav li h3	{
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.1em;
	margin: 0;
	border: 0;
	padding: 0;
}

ul#ExpertsSaylistnav li p	{
	font-size: 0.87em;
	line-height: 1.2em;
	margin: 0.3em 0 0 0;
	border: 0;
	padding: 0;
}

ul#ExpertsSaylistnav li a:link, ul#ExpertsSaylistnav li a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #888; /* gray */
	background-color: transparent; 
}
ul#ExpertsSaylistnav li a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #c00; /* logo red */
	background-color: transparent; 
}
ul#ExpertsSaylistnav li a:active {
	text-decoration: none;
	font-weight: bold;
	color: #888; /* gray */
	background-color: transparent;  
}


/*
	rightside, rightnav
*/

div#rightside	{/* 226px with margin */
	float: right;
	margin: 0;
	border: 0;
	padding: 28px 0 20px 36px; /* l+r=36 */
	background-color: transparent;
	width: 226px;  /* bmh */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 190px;
	}
html> div#rightside {
	width: 190px;
}
div#rightdiv	{
	margin: 0;
	border-left: 1px dotted #888;
	padding: 0 0 0 0; /* border+l+r=1 */
	background-color: transparent;
	width: 190px;  /* bmh */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 189px;
	}
html> div#rightnav {
	width: 189px;
}
/* if no ul nav, must use div for left dotted line */
ul#rightnav	{
	margin: 0;
	border-left: 1px dotted #888;
	padding: 0 0 0 0; /* border+l+r=1 */
	background-color: transparent;
	width: 190px;  /* bmh */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 189px;
	}
html> ul#rightnav {
	width: 189px;
}
ul#rightnav li	{
	list-style: none;
	list-style-position: outside; /* fixes IE's first line indenation issue */
	font-size: 0.87em;
	line-height: 1.2em;
	margin: 0;
	border: 0;
	padding: 0.3em 10px 0.5em 12px; /* l+r=22 */
}

ul#rightnav li a em	{
	font-weight: normal;
}

ul#rightnav li:hover {/* from clearleft.com */
	color: #222; /* font in p gets darker */
	background-color: #f0f2f6; /* bg gets darker */
}

ul#rightnav li a:link, ul#rightnav li a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #888; /* gray */
	background-color: transparent; 
}
ul#rightnav li a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #c00; /* logo red */
	background-color: transparent; 
}
ul#rightnav li a:active {
	text-decoration: none;
	font-weight: bold;
	color: #888; /* gray */
	background-color: transparent;  
}

div#rightside p	{
	font-size: 0.87em;
	line-height: 1.2em;
	margin: 0;
	border: 0;
	padding: 0.3em 10px 0.5em 12px; /* l+r=22 */
}
div#rightside blockquote	{
	color: 888;
	margin: 0;
	border: 0;
	padding: 0;
/*	padding: 0.3em 10px 0.5em 12px;  l+r=22 */
	background-color: transparent;
}

div#rightside h4	{
	font-size: 1.2em;
	line-height: 1.2em;
	margin-top: 0;
padding: 0.3em 10px 0.5em 12px; /* l+r=22 */
}
div#rightside h5	{
	font-size: 1em;
	line-height: 1.2em;
	margin-top: 0;
padding: 0.3em 10px 0.5em 12px; /* l+r=22 */
}
div#rightside h6	{
	font-size: 0.85em;
	line-height: 1.2em;
	margin-top: 0;
padding: 0.3em 10px 0.5em 12px; /* l+r=22 */
}


ul.partnerslist1    {
float: left;
    list-style-type: none;
    margin: 1em 0 0 0;
    border: 0;
    padding: 0;
width: 210px;
}
ul.partnerslist1 li    {
    list-style-type: none;
    list-style-position: inside;
font-size: 0.9em;
    line-height: 1.2em;
    margin: 0;
    border: 0;
    padding: 0.5em 0 0 0;
}
ul.partnerslist2    {
float: right;
    list-style-type: none;
    margin: 1em 0 0 0;
    border: 0;
    padding: 0;
width: 210px;
}
ul.partnerslist2 li    {
    list-style-type: none;
    list-style-position: inside;
font-size: 0.9em;
    line-height: 1.2em;
    margin: 0;
    border: 0;
    padding: 0.5em 0 0 0;
} 



/*
	FEATURE AREA: DEMOFEATURE
*/

#demofeature	{/* each feature needs to be custom coded */
	float: right;
	margin: 0;
	border: 0;
	padding: 0;
	background: transparent url(../images/demofeature-bg.gif) no-repeat top left;
	width: 200px;
	height: 84px;
}
#demofeature h3	{
	margin: 0;
	padding: 0;
	border: 0;
	width: 200px;
	height: 46px;
}
a#featoutsoltitle:link, a#featoutsoltitle:visited, a#featoutsoltitle:hover, a#featoutsoltitle:active {
	display: block;
	text-decoration: none;
	margin: 0;
	border: 0;
	padding: 0;
	background-color: transparent;
	width: 200px;
	height: 46px;}
a#featoutsoltitle:hover	{background: transparent url(../images/featoutsoltitle-flip.gif) no-repeat top left;
}

#demofeature ul {
	margin: 0;
	border: 0;
	padding: 6px 0 0 0;
	background-color: transparent;
	width: 200px;
/*	height: 32px; OMIT HEIGHT due to bmh */
}
#demofeature ul li	{
	list-style: none;
	display: inline;
	margin: 0;
	border: 0;
	padding: 0;
	background-color: transparent;
}

a#featregisterdemo:link, a#featregisterdemo:visited, a#featregisterdemo:hover, a#featregisterdemo:active {
	display: block;
	text-decoration: none;
	margin: 0;
	border: 0;
	padding: 0;
	background-color: transparent;
	width: 200px;
	height: 16px;}
a#featregisterdemo:hover	{background: transparent url(../images/featregisterdemo-flip.gif) no-repeat top left;
}

a#featdemologin:link, a#featdemologin:visited, a#featdemologin:hover, a#featdemologin:active {
	display: block;
	text-decoration: none;
	margin: 0;
	border: 0;
	padding: 0;
	background-color: transparent;
	width: 200px;
	height: 16px;}
a#featdemologin:hover	{background: transparent url(../images/featdemologin-flip.gif) no-repeat top left;
}


/*
	NEWS, EVENTS, OUR EXPERTS, CLIENT SUCCESSES

*/

h4.maintitle	{
	color: #06a;
	line-height: 1.2em;
}
h4.itemtitle	{
	color: #06a;
	line-height: 1.2em;
}
h5.maindate	{
	color: #888;
	font-size: 0.88em;
	margin-top: 1.6em;
}
h5.maindate2	{
float: left;
line-height: 1.1em;
	color: #888;
	font-size: 1em;
	margin-top: 0.5em;
	padding: 0 0.75em 0 0;
}
span.maindate3	{
	color: #888;
	font-size: 0.8em;
	padding: 0 0 0 0.8em;
}
h5.itemdate	{
	color: #888;
	font-size: 1em;
	margin: 0.2em 0 0 0;
}
h5.itemwriter	{
	color: #888;
	font-size: 1em;
	margin: 0.4em 0 0 0;
}
p.maindesc	{
	margin-top: 0.5em;
}
p.itemdesc	{
	padding-left: 1em;
	padding-bottom: 0.5em;
	color: #888;
}
div.attachedfiles	{
	float: right;
	margin: 1em 0 12px 24px;
	padding: 1px 12px 12px 12px;
	background-color: #f0f2f6;
	width: 122px  /* bmh */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 98px;
	}
html> div.attachedfiles {
	width: 98px;
}
div.attachedfiles ul	{
	list-style-type: none;
	margin: 0;
	border: 0;
	padding: 0;
}
div.attachedfiles ul li	{
	list-style-type: none;
	list-style-position: inside;
	line-height: 1.1em;
	margin: 0;
	border: 0;
	padding: 10px 0 0 0;	
}
h5.expertsteamtitle	{
	
}
ul.expertsteamlinks	{
}
ul.maineventinfo	{
	list-style-type: none;
	margin: 0.5em 0 0 0;
	border: 0;
	padding: 0 0 0 1em;
}
ul.maineventinfo li	{
	list-style-type: none;
	list-style-position: inside;
	line-height: 1.2em;
	margin: 0;
	border: 0;
	padding: 0 0 0.5em 0;
}
ul.itemeventinfo	{
	list-style-type: none;
	color: #888;
	margin: 0.5em 0 0 0;
	border: 0;
	padding: 0 0 0 1em;
}
ul.itemeventinfo li	{
	list-style-type: none;
	list-style-position: inside;
	line-height: 1.2em;
	margin: 0;
	border: 0;
	padding: 0 0 0.5em 0;
}


div.mainbody	{

}

h5.mainclientref	{
	font-weight: normal;
	margin: 1em 0 1.5em 0;
	border-bottom: 1px dotted #005489;
	padding: 0 0 1em 1em;
}

.AboutEnding	{
	margin-top: 2em;
	border-top: 1px dotted #005489;
	border-bottom: 1px dotted #005489;
	padding: 0 1em 1em 1em;
	background-color: #f0f2f6;
}
div.AboutEnding p.copyrightnotice	{
	font-size: 0.88em;
	color: #888;
}


/*
	RED REVERSED BOLD HOME PAGE LINKS (could be used elsewhere with class in A tag)
*/

a.redlink:link, a.redlink:visited {
	text-decoration: none;
	color: #c00; /* logo red */
	font-weight: bold;
	background-color: transparent; 
	}
a.redlink:hover {
	text-decoration: none;
	color: #fff; /* white */
	font-weight: bold;
	background-color: #c00; /* logo red */
	}
a.redlink:active {
	text-decoration: none;
	color: #c00; /* logo red */
	font-weight: bold;
	background-color: transparent;  
	}


/*
	TYPOGRAPHY: HEADERS, LISTS, PARAGRAPH, BLOCKQUOTE
*/

h1	{/* Flex HR logo */}

h2	{/* initial content titles */
	color: #c00; /* logo red */
	font-size: 2.2em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0;
	border: 0;
	padding: 0; /* area above title is fixed, not scalable */
}
h2.subnavheader	{/* this basically just safely claims the space for the graphic linkable headers */
	color: #005489; /* dark blue */
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.1em;
	margin: 0;
	border: 0;
	padding: 0;
	width: 200px;
	height: 37px;
}

h3	{/* gray subtitles & rightsideheader  */
	color: #888;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.3em;
	margin: 1.3em 0 0 0;
	border: 0;
	padding: 0;
}
h3#rightsideheader	{/* this basically just safely claims the space for the graphic linkable headers */
	color: #888; /* gray */
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.1em;
	margin: 0;
	border: 0;
	padding: 0;
	width: 190px;
	height: 37px;
}
h3#rightsideheadertwo	{/* this basically just safely claims the space for the graphic linkable headers */
	color: #888; /* gray */
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.1em;
	margin: 0;
	border: 0;
	padding: 0;
	width: 190px;
	height: 37px;
}

h4	{/* gray subtitles */
	color: #888;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3em;
	margin: 1.3em 0 0 0;
	border: 0;
	padding: 0;
}

h5	{/* bold title */
	color: #005489;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 1.1em 0 0 0;
	border: 0;
	padding: 0;
}
div#teamitemcontent h5	{text-align: right; font-weight: normal; margin: 0.2em 0 0 0; border-bottom: 1px dotted #005489; padding: 0 0 0.5em 0;}

h6	{/* normal title */
	color: #005489;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 1.3em 0 0 0;
	border: 0;
	padding: 0;
}

ul	{
	list-style-type: disc;
	margin: 1em 0 0 0;
	border: 0;
	padding-left: 24px;
}
ul li	{
	list-style-type: disc;
	list-style-position: inside;
	line-height: 1.4em;
	margin: 0;
	border: 0;
	padding: 0;
}

ol	{
	list-style-type: decimal;
	margin: 1em 0 0 0;
	border: 0;
	padding-left: 24px;
}
ol li	{
	list-style-type: decimal;
	list-style-position: inside;
	line-height: 1.4em;
	margin: 0;
	border: 0;
	padding: 0;
}

ol.ualpha	{
	list-style-type: upper-alpha;
	margin: 1em 0 0 0;
	border: 0;
	padding-left: 24px;
}
ol.ualpha li	{
	list-style-type: upper-alpha;
	list-style-position: inside;
	line-height: 1.4em;
	margin: 0;
	border: 0;
	padding: 0;
}

ul.nobullets	{
	list-style-type: none;
	margin: 1em 0 0 0;
	border: 0;
	padding-left: 24px;
}
ul.nobullets li	{
	list-style-type: none;
	list-style-position: inside;
	line-height: 1.4em;
	margin: 0;
	border: 0;
	padding: 0;
}

ul.teamlist	{
	list-style-type: none;
	margin: 1em 0 0 0;
	border: 0;
	padding: 0;
}
ul.teamlist li	{
	list-style-type: none;
	list-style-position: inside;
	line-height: 1.2em;
	margin: 0;
	border: 0;
	padding: 0 0 0.6em 0;
}

ul.teamlist li a:link, ul.teamlist li a:visited, ul.teamlist li a:hover, ul.teamlist li a:active	{
text-decoration: none;
}

ul.teamlistindent	{
	list-style-type: none;
	margin: 1em 0 0 0;
	border: 0;
	padding: 0;
}
ul.teamlistindent li	{
	list-style-type: none;
	list-style-position: inside;
	line-height: 1.2em;
	margin: 0;
	border: 0;
	padding: 0 0 0.6em 24px;
}

ul.teamlistindent li a:link, ul.teamlistindent li a:visited, ul.teamlistindent li a:hover, ul.teamlistindent li a:active	{
text-decoration: none;
}

ul.teamlistdual	{/* dual column list */
	list-style-type: none;
	margin: 1em 0 0 0;
	border: 0;
	padding: 0;
/*	width: 320px;  max width in halfright col */
}
ul.teamlistdual li	{
/*	float: left; specifying the width means no float */
	list-style-type: none;
	list-style-position: inside;
	line-height: 1.1em;
	margin: 0;
	border: 0;
	padding: 0.5em 0 0 0; /* not working right in Firefox */
/*	width: 150px;  causing PC IE to reset the numbering for each item to 1 */
}
ul.teamlistdual li.colone	{margin-right: 363px;}
ul.teamlistdual li.coltwo	{margin-left: 337px;}

p {
	margin: 1em 0 0 0;
	border: 0;
	padding: 0;
}
p.indent {
	margin: 1em 0 0 24px;
	border: 0;
	padding: 0;
}
blockquote	{/* 25px looks better and more consistent than 24px */
	margin: 1em 25px 1em 48px;
	border-left: 2px solid #ccc;
	padding: 1px 0 1px 25px;

	color: #222; /* font in p gets darker */
	background-color: #f0f2f6; /* bg gets darker */
}
blockquote p	{margin: 0.5em 0 0.5em 0;}


/*
	ADDITIONAL PRESENTATION
*/

.alt {display: none;}
.middle {display: inline; vertical-align: middle;}
.mddkgray {color: #888;}
.underline	{text-decoration: underline;}

#error	{/* flash[error] */
	color: #000;
	font-weight: bold;
	margin: 1em 0 1em 0;
	border-top: 1px dotted #005489;
	border-bottom: 1px dotted #005489;
	padding: 1em;
	background-color: #f00; /* red */
}
#warning	{/* flash[warning] */
	color: #000;
	font-weight: bold;
	margin: 1em 0 1em 0;
	border-top: 1px dotted #005489;
	border-bottom: 1px dotted #005489;
	padding: 1em;
	background-color: #ff3; /* yellow */
}
#notice	{/* flash[notice] */
	color: #000;
	font-weight: bold;
	margin: 1em 0 1em 0;
	border-top: 1px dotted #005489;
	border-bottom: 1px dotted #005489;
	padding: 1em;
	background-color: #9cf; /* lt blue */
}

/*
	SEARCH
*/
#search	{
	float: left;
	text-align: center; /* keep it flexible */
	margin: 0;
	border: 0;
	padding: 0;
	background-color: transparent;
	width: 200px;
}

#search form	{
	color: #005489;
	margin: 0;
	border: 0;
	padding: 0;
}

#search form input.searchinputtextbox	{color: #005489; margin: 3px 3px 3px 3px;}
#search form input.searchinputsubmitbutton	{color: #005489; margin: 3px 3px 3px 3px;}

form.searchform input	{ /* for both search box and button */
	color: #005489;
	margin: 3px 3px 3px 3px;
}


/*
	UNUSED PRESENTATION
*/

a#skipnav:link, a#skipnav:visited {
position: absolute;
z-index: 1;
top: 0px;
left: 4px;
	text-decoration: none;
	color: #333;
	font-size: 0.8em;
	padding: 1px 2px;
	background-color: transparent; 
}
a#skipnav:hover {
position: absolute;
z-index: 1;
top: 0px;
left: 4px;
	text-decoration: none;
	color: #fff;
	font-size: 0.8em;
	padding: 1px 2px;
	background-color: #333;
}
a#skipnav:active {
position: absolute;
z-index: 1;
top: 0px;
left: 4px;
	text-decoration: none;
	color: #333;
	font-size: 0.8em;
	padding: 1px 2px;
	background-color: transparent;  
}

.smaller {font-size: 0.9em;}
.nomargin {margin: 0 0 0 0;}

img.shadow {
	display: block;
	margin: 0;
	border: 0;
	padding: 0 0 3px 3px;
	background-color: transparent;
/*	background-image: url(../images/imgshadow-l.gif); */
	background-position: bottom left;
}