

	* {
		margin: 0px;
		padding: 0px;
		border: 0;
	}
	html, body {
		margin: 0px;
		padding: 0px;
		background: #b4d7eb url('/images/page_bg.gif') top center repeat-y;
		text-align: center;	
		height: 100%;
		font: 11px "Trebuchet MS", Verdana, Arial, sans-serif;
		color: #272424;
	}
	
	p {
		font: 11px "Trebuchet MS", Verdana, Arial, sans-serif;
		color: #272424;
		line-height: 18px;
	}
	a {
		color: #0397d7;
	}
	a:hover {
		text-decoration: none;
	}
	input, select {
		border: #888 1px solid;
		font: 10px Arial, Verdana, sans-serif;
		color: #666;
	}
	h1 {
		margin: 4px 0 8px 0;
		font: bold 17px "Trebuchet MS", Verdana, Arial, sans-serif;
		color: #0397d7;
	}
	#container {
		margin: 0 auto;
		width: 823px;
		text-align: left;
	}
	#page {
		height: 100%;
		padding: 0px 24px;
	}
	
	.clear { width: 100%; clear:both; }
	
	/* ------------------------------- Header Area */
	#topNav {
		height: 19px;
		width: 100%;
		background: #9b9d9c url('/images/topNav_bg.gif') top left repeat-x;
	}
	#topNav ul {
		float: right;
		list-style-type: none;
		margin-right: 10px;
	}
	#topNav ul li {
		display: inline;
	}
	#topNav ul li a {
		color: #F5F5F5;
		font: bold 11px "Trebuchet MS", Verdana, Arial, sans-serif;
		text-transform: uppercase;
		text-decoration: none;
		padding: 0 5px;
		line-height: 18px;
	}
	#topNav ul li a:hover {
		color: #b0daef;
	}
	
	#homeHead img, #homeHead .flash {
		 float: left;
		 margin: 0 15px 6px 0;
	}
	#homeHead h1 {
		 color: #666;
		 font-size: 22px;
		 font-weight: normal;
		 padding-top: 10px;
		 margin-bottom: 15px;
	}
	#homeHead p {
		font-size: 12px;
		margin-top: 5px;
	}
	#homeHead span {
		font-weight: bold;
		color: #0397d7;
	}
	#header {
		width: 775px;
		height: 95px;
		position: relative;
	}
	#header img {
		position: absolute;
		top: 12px;
		left: 30px;
	}
	
	
	/* ------------------------------- Home Modules */
	#modules {
		clear: both;
	}
	#modules h2 {
		font: 17px "Trebuchet MS", Arial, Verdana, sans-serif;
		position: absolute;
		top: 10px;
		left: 28px;
		color: #FFF;
	}
	#modules p {
		font-weight: bold;
		line-height: 15px;
		color: #565656;
		position: absolute;
		top: 42px;
		left: 28px;
		width: 100px;
	}
	#modules .link a {
		padding-top: 1px; /* c enters arrow and text horizontally */
		color: #0397d7;
		font-weight: bold;
		font-size: 12px;
		text-decoration: none;
		position: absolute;
		bottom: 9px;
		left: 100px;
		display: block;
		height: 17px;
		text-indent: 22px;
		background: url('/images/modArrow.gif') left center no-repeat;
	}
	#modules .link a:hover {
		color: #32befa;
		background: url('/images/modArrow_over.gif') left center no-repeat;
	}
	/* #modules img {
		position: absolute;
		bottom: 38px;
		left: 104px;
		z-index: 10;
	}
	/* Individual Modules set as inline styles...  */
	
	/* ------------------------------- Main Navigation */
	#header ul {
		float: right;
		list-style-type: none;
		margin-top: 40px;
	}
	#header ul li {
		display: inline;
		padding: 0 4px;
	}
	#header ul li.divider {
		background: #FFF url('/images/mainNav_divider.gif') center no-repeat;
	}
	#header ul li a.selected {
		color: #5eb4de;
	}
	#header ul li a {
		font: bold 12px "Trebuchet MS", Verdana, Arial, sans-serif;
		color: #666;
		text-transform: uppercase;
		text-decoration: none;
	}
	#header ul li a:hover {
		color: #5eb4de;
	}
	#header #headerBar {
	 	width: 100%;
		height: 48px;
		position: absolute;
		bottom: 0px;
	}
	#header #headerBar p {
		font: bold 11px "Trebuchet MS", Verdana, Arial, sans-serif;
		color: #FFF;
		margin: 17px 0 0 25px;
	}
	#header #headerBar span {
		color: #5eb4de;
	}
	#header #headerBar a {
	   color: #ddd;
	   text-decoration: none;
	   font: bold 11px "Trebuchet MS", Verdana, Arial, sans-serif;
	}
	#header #headerBar a:hover {
	   text-decoration: underline;
	}
	#header #headerBar .currentpage {
	   color: #fff;
	}
	
	
	/* ------------------------------- Section Navigation */
	#sectionNav {
		width: 100%;
		margin: 5px 0 5px 0;
	}
	#sectionNav ul {
		width: 100%;
		list-style: none;
		float: left;
		background: url('/images/sectionNav_left.gif') top left no-repeat;
		padding-left: 2px; /* exposes sectionNav_left.gif */
		border-bottom: #c2551b 3px solid; /* Add COLOR naming convention... */
	}
	#sectionNav ul li {
		float: left;
		background: url('/images/sectionNav_bg.gif') top right no-repeat;
	}
	/* Add COLOR naming convention... ie 'selectedOR */
	#sectionNav ul li a {
		display: block;
		padding: 11px 13px 0 13px;
		background: url('/images/sectionNav_cap.gif') top left no-repeat;
		font: bold 11px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
		color: #c2551b;
		text-transform: uppercase;
		text-decoration: none;
		float: left;
		line-height: 23px;
	}
	#sectionNav ul li a:hover {
		color: #5eb4de;
		line-height: 23px;
	}	
	/* ------ SELECTED STATE TABS */
	#sectionNav ul li.selected {
		background: url('/images/sectionNav_selected_bg_OR.gif') top right no-repeat;
		color: #F9F9F9;
	}
	#sectionNav ul li a.selected {
		background: url('/images/sectionNav_selected_cap_OR.gif') top left no-repeat;
		color: #F9F9F9;
		line-height: 24px;
	}
	#sectionNav ul li a:hover.selected {
		color: #F9F9F9;
	}
	
	
	
	/* ------------------------------- Sub Navigation */
	#subNav {
		margin-top: 20px;
		width: 200px;
		float: left;
	}
	.navLevel0, .navLevel0on {
		border-top: #9a9d9c 1px solid;
	}
	.navLevelBase a, .navLevelBaseon a {
		display:block;
		padding-left: 2px;
		font: bold 12px "Trebuchet MS", Verdana, Arial, sans-serif;
		line-height: 20px;
		xbackground: #FFF url('/images/subNav_arrow.gif') left center no-repeat;
		background-position: 10px 50%; 
		text-decoration: none;
		color: #222;
	}
	.navLevel0 a, .navLevel0on a {
		display:block;
		padding-left: 28px;
		font: bold 12px "Trebuchet MS", Verdana, Arial, sans-serif;
		line-height: 20px;
		background: #FFF url('/images/subNav_arrow.gif') left center no-repeat;
		background-position: 10px 50%; 
		text-decoration: none;
		color: #666;
	}
	.navLevel1, .navLevel2, .navLevel3, .navLevel4 {
		background: #f9eee8;
		padding: 2px;
		padding-left: 28px;
	}
	.navLevel1 a, .navLevel1on a, .navLevel2 a, .navLevel3 a, .navLevel4 a {
		padding: 0px;
		line-height: 22px;
		background: none; 
		text-decoration: none;
		font: 10px "Trebuchet MS", Verdana, Arial, sans-serif;
		text-decoration: none;
		color: #485b6c;
	}
	.navLevel1on {
	    background: #f9eee8;
	}
	.navLevel1on a.on {
	    background: #f9eee8;
        padding-left: 28px;
        font-weight: bold;
	}
	.navLevel1 a.on, .navLevel2 a.on, .navLevel3 a.on, .navLevel4 a.on {
		font-weight: bold;
		color: #0397d7;
		padding-left: 0;
	}
	.navLevel2 a.on {
	   padding-left: 0px;
	}
	.navLevel1 {
	   padding-left: 30px;
	}
	.navLevel2 {
	   padding-left: 40px;
	}
	.navLevel3 {
	   padding-left: 50px;
	}
	.navLevel4 {
	   padding-left: 60px;
	}
	#subNav h2 {
		border-top: #9a9d9c 1px solid;
		xborder-bottom: #9a9d9c 1px solid;
	}
	#subNav h2 a {
		padding-left: 28px;
		font: bold 12px "Trebuchet MS", Verdana, Arial, sans-serif;
		line-height: 22px;
		background: #FFF url('/images/subNav_arrow.gif') left center no-repeat;
		background-position: 10px 50%; 
		text-decoration: none;
		color: #666;
		
	}
	#subNav h2 a:hover {
		color: #0397d7;
	}
	#subNav h2 a.selected {
		color: #0397d7;
		background: #FFF url('/images/subNav_arrow_selected.gif') left center no-repeat;
		background-position: 10px 50%;
	}
	#subNav ul {
		padding: 8px 12px 12px 12px;
		list-style-type: none;
		background: #f9eee8;
		border-top: #9a9d9c 1px solid;
	}
	#subNav ul li a {
		font: 10px "Trebuchet MS", Verdana, Arial, sans-serif;
		text-decoration: none;
		color: #485b6c;
	}
	#subNav ul li a:hover {
		font-weight: bold;
		color: #0397d7;
	}
	#subNav ul li a.selected {
		font-weight: bold;
		color: #0397d7;
	}
	#callouts {
		padding-right: 20px;
	}
	#callouts h4 {
		font: bold 14px "Trebuchet MS", Verdana, Arial, sans-serif;
		color: #0397d7;
		margin-top: 16px;
	}
	#callouts p {
		color: #777;
		font-size: 10px;
		line-height: 12px;
	}
	
	
	/* ------------------------------- Content */
	#contentBox {  /* outer box to set margins to avoid IE's width/margin issues */
		margin: 20px 15px; /* Set spacing from both subNav & subContent */
		float: left;
	}
	#content {		
		width: 360px;
		margin-bottom: 10px;
	}
	.TxtOverview {
		font-size: 13px;
		font-weight: bold;
	}
	.toolbar {
		margin-bottom: 10px;
		height: 25px;
		width: 100%;
		background: #FFF;
	}
	.toolbar img {
		margin: 9px 0 0 15px;
		float: left;
	}
	.head {
		margin-bottom: 15px;
		height: 29px;
		width: 100%;
		background: #d5d5d5;
	}
	#content ul {
		margin: 10px 0 20px 30px;
		font: 11px "Trebuchet MS", Verdana, Arial, sans-serif;
		color: #272424;
		line-height: 18px;
	}
	.detailsBox {
		margin: 15px 0;
	 	border: #d5d5d5 1px solid;
	}
	.detailsBox h5 {
		height: 25px;
		padding: 6px 0 0 10px;
		display: block;
		background: #d5d5d5;
		font: bold italic 12px "Trebuchet MS", Verdana, Arial, sans-serif;
		color: #333;
	}
	.detailsBox p {
		margin: 10px;
		font: 10px "Trebuchet MS", Verdana, Arial, sans-serif;
		color: #606060;
	}
	.detailsBox ul li {
		margin-left: 25px;
		font: 10px "Trebuchet MS", Verdana, Arial, sans-serif;
		color: #0397d7;
	}
	.detailsBox strong {
		font-weight: bold;
		font-size: 11px;
		color: #0397d7;
	}
	
	
	/* ------------------------------- Sub Content */
	#subContent {
		margin-top: 20px;
		width: 185px;
		float: left;
	}
	/* *** Home Page search styles/positioning set as inline... */
	#search {
		padding-top: 7px;
		position: relative;
		top: 0;
		z-index: 10;
		left: 0;
		font: 10px "Trebuchet MS", Verdana, Arial, sans-serif;
		color: #9b9d9c;
	}
	#search img { 
		vertical-align: bottom;
		position: relative;
		z-index: 10; /* makes GO btn more 'click-able' for some reason...  */
	} 
	#caseStudies {
		width: 180px;
		background: #f9eee8 url('/images/callout_head_OR.gif') top left no-repeat;
	}
	#caseStudies div { /* avoids setting padding on #content only for IE to mess things up... */
		padding: 2px 12px 12px 12px;
	}
	#caseStudies p {
		margin-bottom: 15px;
		color: #787878;
		font: 10px "Trebuchet MS", Arial, sans-serif;
	}
	#caseStudies h3 {
		font: bold 11px "Trebuchet MS", Arial, sans-serif;
		color: #FFF;
		text-align: center;
		line-height: 30px;
	}
	#caseStudies strong {
		font-size: 12px;
		color: #555;
	}
	#caseStudies a {
		font-size: 11px;
		color: #2371bb;
	}
	#caseStudies a:hover {
		text-decoration: none;
	}
	
	
	/* ------------------------------- Footer */
	#footer {
		clear: both;
		width: 775px;
		vertical-align: bottom;
	}
	#footer p {
		font: 10px "Trebuchet MS", Arial, sans-serif;
		color: #888;
		margin: 12px;
	}
	#footer #head {
		padding-top: 5px;
		margin-bottom: 5px;
		height: 20px;
		width: 100%;
		background: #9a9d9c;
		color: #FFF;
	}
	#footer #head div img {
		vertical-align: middle;
	}
	#footer #head div {
		margin-left: 25px;
		float: left;
	}
	#footer #head div.right {
		float: right;
		margin-right: 25px;
	}
	#footer #partners {
		float: right;
		margin: -30px 10px 0 0;
	}
	
	
	
	#media
	{
		width		: 783px;
		padding-top	: 9px;
		margin		: 0;
		float		: left;
		background	: url(/images/media_bg.jpg) top center no-repeat;
	}
	
	#media-flash
	{
		width		: 423px;
		height		: 230px;
		float		: left;
		margin-left	: 9px;
	}
	
	#media h1
	{
		color			: #FFF;
		text-transform	: uppercase;
		font-size		: 16px;
		margin			: 0;
	}
	#media h1 span { color: #ace3ff; }
	
	#media-callout
	{
		width			: 342px;
		height			: 230px;
		background		: #c2551b url(/images/media-callout_bg.jpg) top left repeat-x;
		float			: left;
		position		: relative;
		text-align		: justify;
	}
	#media-callout div { padding: 20px 30px; }
	#media-callout p 
	{
		margin			: 10px 0;
		font-size		: 12px;
		line-height		: 16px;
		color			: #FFF;
	}
	#media-callout p a 
	{
		text-decoration	: underline;
		font-weight		: bold;
		color			: #fffcd1;
	}
	#media-callout p a:hover { text-decoration: none; }
	
	a#webdocs
	{
		display		: block;
		position	: absolute;
		bottom		: 0;
		left		: 0;
		width		: 342px;
		height		: 60px;
		background	: url(/images/button_webdocs.jpg) bottom left no-repeat;
	}
	a:hover#webdocs { background-position: top left; }
	
	#home-callouts 
	{ 
		clear		: both; 
		width		: 100%;
		float		: left;
		margin		: 15px 0 5px 0;
		padding		: 0;
	}
	#home-callouts td { padding: 10px 20px; }
	#home-callouts a
	{
		display				: block;
		padding				: 0px 0 12px 170px;
		min-height			: 66px;
		text-decoration		: none;
		background-position	: 0 0;
		background-repeat	: no-repeat;
	}
	#home-callouts a:hover { background-position: 0 -170px; }
	
	a#home-callout-productivity { background-image: url(images/home-callout-capture.jpg); }		
	a#home-callout-decisions { background-image: url(images/home-callout-decisions.jpg); }		
	a#home-callout-money { background-image: url(images/home-callout-distribute.jpg); }		
	a#home-callout-network { background-image: url(images/home-callout-network.jpg); }
	
	#home-callouts a p
	{
		color				: #7f7f7f;
		font-size			: 11px;
		line-height			: 14px;	
	}
	
	#home-callouts a h2
	{
		margin			: 0 0 10px 0;
		color			: #2e4e81;
		font-size		: 14px;
		font-weight		: bold;
		text-transform	: uppercase;
	}
	#home-callouts a:hover p { color: #333; }
	#home-callouts a:hover h2 { color: #387ce4; }
	
	
	#news-events
	{
		clear			: both;
		background		: #ebebeb;
		padding			: 12px 20px;
		position: relative;
	}
	#news-events .heading
	{
		 padding		: 0 25px 0 40px;
		 vertical-align	: top;
		 background		: url(/images/rss.gif) top left no-repeat;
	}
	#news-events h3
	{
		margin			: 0;
		font-size		: 18px;
		text-transform	: uppercase;
	}
	#news-events .heading a 
	{
		text-transform	: lowercase;
		font-size		: 9px;
		color			: #2e4f82;
	}
	#news-events ul { list-style: none; }
	#news-events ul li
	{
		padding-left	: 13px;
		background		: url(/images/news-events_arrow.gif) 0 3px no-repeat;
		margin-bottom	: 6px;	
	}
	#news-events ul li:last-child { margin: 0; }
	#news-events ul li a { font-size: 12px; }
	
	/* also in _styles.css */
	#news-events #social
	{
		position: absolute;
		top	: 12px;
		right: 12px;
	}
	#subNav #social { margin: 15px 0; }
	#social h4 { font-size:12px; float: left; margin: 0 10px 0 0; padding: 4px 0 0 0; text-transform: uppercase; }
	
	#footer-callouts
	{
		clear		: both;
		margin		: 0 0 10px 0;
		width		: 775px;
		float		: left;
		padding		: 15px 0;
		background	: #2c4b67 url(/images/footer-callouts_bg.gif) top left repeat-x;
		color		: #FFF;
	}
	#footer-callouts ul
	{
		list-style	: none;
		float		: left;
		width		: 200px;
		margin		: 0 25px;
	}
	#footer-callouts h2 
	{
		text-trasnform	: none;
		font-size		: 14px;
		font-weight		: bold;
		margin			: 0 0 12px 0;
		border-bottom	: #FFF 1px solid;
		padding-bottom	: 5px;
	}	
	#footer-callouts li
	{
		margin	: 0 0 6px 0;
		padding	: 0;
	}
	#footer-callouts li a
	{
		color			: #ebebeb;
		text-decoration	: none;
	}
	#footer-callouts li a:hover
	{
		color			: #FFF;
		text-decoration	: underline;
	}