html body { background: url(/images/background.jpg) repeat-x #f2f2f2; padding: 3px 0px; margin: 0 auto; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #767a7d; }
#container { width: 944px; background: #fff; border: 1px solid #dfdfdf; padding: 12px 16px 4px 35px; text-align: left; margin: 0 auto; }
#topHeader { height: 70px; padding-right: 19px; background: url(/images/topHeader_bg.gif) bottom left no-repeat; display: block; }

#headerImage { margin-left: -2px; clear: both; display: block; }

#eLearning { width: 640px; float: left; margin-top: 0px; }
/*#whatLeft { width: 318px; margin-right: 34px; margin-bottom: 34px; float: left; }
#whatRight { width: 318px; margin-bottom: 34px; float: left; }*/

h1, h2 { height: 18px; font-size: 15px; color: #f4911d; padding: 6px 0px; margin: 0px 0px 10px 0px; border: 1px dotted #939495; border-left: 0px; border-right: 0px; }
h1.h1_home { margin: 0px; padding: 0px 0px 14px 0px; text-align: left; font-size: 15px; border: none; }
h4 { font-size: 14px; margin: 17px 0px 13px 0px; }
.more { color: #f4911d; }
.moreItem { position:relative; text-align:right; float: right; color: #f4911d; font-size: 11px; font-weight: normal; top:-30px; margin-bottom:-30px; margin-right:-5px; padding:0px; width:149px; }
.more a:link, .moreItem a:link { color: #f4911d; text-decoration: underline; font-style: italic; }
.more a:visited, .moreItem a:visited { color: #f4911d; text-decoration: underline; font-style: italic; }
.more a:hover, .moreItem a:hover { color: #f4911d; text-decoration: none; font-style: italic; }
.more a:active, .moreItem a:active { color: #f4911d; text-decoration: underline; font-style: italic; }

#right { float: right; margin-top: 0px; padding-right: 19px; width: 271px; }
/*#right { float: right; margin-top: 21px; padding-right: 19px; width: 220px; }*/
#right h3 { height: 30px; margin: 0px; padding: 0px; border: 1px dotted #767a7d; border-left: 0px; border-right: 0px; }
#right div { padding: 36px 0px 20px 0px; text-align: center; }
/*#right div { padding-bottom: 33px; }*/
#right div.facebook { padding: 34px 0px 0px 0px; width: 220px; margin: 0px; text-align: center; }

#newsHome { width: 600px; padding: 0px; margin: 0px; }

/*#newsHome h3 { margin: 0px; padding: 0px 0px 3px 0px; font-size: 15px; font-weight: bold; }*/
#newsHome h3 { margin: 0px; padding: 0px 0px 3px 0px; font-size: 14px; font-weight: bold; }
#newsHome ul { margin: 0px; padding: 0px; font-size: 12px; }
#newsHome .newsDate { font-size: 10px; padding-left: 6px; }
.rssIcon { padding-left: 8px; }
#newsHome ul li, #newsHome ul li.noShade { list-style: none; padding: 4px 4px 7px 6px;  background: #f2f2f2; }
#newsHome ul li.noShade { background-color: #fff; }
#newsHome ul a:link { color: #767a7d; text-decoration: none; border-bottom:1px solid #bbb; }
#newsHome ul a:visited { color: #767a7d; text-decoration: none; border-bottom:1px solid #bbb; }
#newsHome ul a:hover { color: #767a7d; text-decoration: none; border:none; }
#newsHome ul a:active { color: #767a7d; text-decoration: none; border:none; }

#newsHome ul.view_by li#PR, #newsHome ul.view_by li#ITN, #newsHome ul.view_by li#events, #newsHome ul.view_by li#resources, #newsHome ul.view_by li.noTab  {
	float:left; padding:8px 0px 5px; margin:0px; text-align:center; background:url(/images/buttons/homeTabs-inactive.gif) top left no-repeat #fff; border: 0;}

#newsHome ul.view_by li#PR.selected, #newsHome ul.view_by li#ITN.selected, #newsHome ul.view_by li#events.selected, #newsHome ul.view_by li#resources.selected {
	background-image:url(/images/buttons/homeTabs-active.gif); }

a.selected h3 {
	color:#767a7d; }

#newsHome ul.view_by li#PR { background-position:0 0; width:128px; }
#newsHome ul.view_by li#ITN { background-position: -128px 0; width: 118px; }
#newsHome ul.view_by li#events { background-position: -246px 0; width: 89px; }
#newsHome ul.view_by li#resources { background-position: -335px 0; width: 108px; }
#newsHome ul.view_by li.noTab { background-position: -444px 0; width:157px; border-bottom: 1px solid #dfdfdf; padding-bottom:8px; }

#newsHome ul.view_by a:link { color: #a3a3a3; text-decoration: none; border:none; }
#newsHome ul.view_by a:visited { color: #a3a3a3; text-decoration: none; border:none; }
#newsHome ul.view_by a:hover { color: #767a7d; text-decoration: none; border:none; }
#newsHome ul.view_by a:active { outline:none; text-decoration: none; border:none;}
#newsHome ul.view_by a:focus{-moz-outline-style: none;}

.homeTabs { border: 1px solid #dfdfdf; border-top:none; padding: 5px; width:588px; margin-top:-3px; _margin-top:0px; }	/* the _margin-top is a hack for IE6 margin problems. */

#containerClear { clear: both; height: 24px; }

#terms { width: 944px; padding: 5px 16px 0px 35px; text-align: left; margin: 0 auto; font-size: 11px; }
#terms .termsLeft { float: left; margin-bottom: 5px; }
#terms .termsRight { float: right; margin-bottom: 5px; padding-right: 20px; text-align: right; }
#terms a { color: #939495; }
.facebook { margin-right: 15px; }

#description { margin-bottom: 28px; }
#description_text { width: 610px; }

#footer { width: 944px; padding: 5px 16px 0px 35px; text-align: left; margin: 0 auto; font-size: 11px; }
.footerLink-1, .footerLink-2, .footerLink-3, .footerLink-4, .footerLink-5 { float: left; margin-bottom: 5px; width: 210px; }
.footerLink-1 { width: 170px; }
.footerLink-5 {  width: 140px; }
#footer h4 { font-weight: bold; font-size: 13px; padding: 0px; margin: 2px 0px; }

#footer ul { list-style-type: none; margin: 0px; padding: 0px; }
#footer ul li { margin: 0px; padding: 1px 0px 2px 0px; }
#footer a:link { color: #939495; text-decoration: underline; font-weight: normal; font-size: 11px; }
#footer a:visited { color: #939495; text-decoration: underline; font-weight: normal; font-size: 11px; }
#footer a:active { color: #939495; text-decoration: underline; font-weight: normal; font-size: 11px; }
#footer a:hover { color: #939495; text-decoration: none; font-weight: normal; font-size: 11px; }

.copyright { clear: both; text-align: center; padding-top: 7px; }

#what {  clear: both; padding-top: 0px; }
#what h2 { border: none; margin-bottom: 3px; }
#whatLeft { width: 438px; margin-right: 34px; margin-bottom: 0px; float: left; }
#whatRight { width: 462px; margin-bottom: 0px; float: left; }

#home_buttons { margin: 28px 0px; }
#home_buttons ul { margin: 0px; padding: 0px; }
#home_buttons ul li, #home_buttons ul li.no-pad { display: inline; list-style-type: none; margin: 0px; padding: 0px 52px 0px 0px; }
#home_buttons ul li.no-pad { padding: 0px; }



/* -----  mega menu navigation panels  ----- */

ul#navmm { margin: 0; padding: 0; float: left; list-style: none; font-size: 13px; color: #939495; }
ul#navmm li { margin: 0; padding: 0; float: left; position: relative; }

ul#navmm a { float: left; text-indent: -9999px; /* keeps text links out of the way of bg graphics */
	height: 18px; padding-top: 52px; color: #939495; text-decoration: none; background-image: url(/images/nav/topNav_off.gif);
	background-repeat: no-repeat; display: block; }

ul#navmm a:hover { background-image: url(/images/nav/topNav_on.gif); }

/* dictates the "active" state for a category; change the div class on each page of the site */
div.home ul#navmm a.home_nav,
div.about ul#navmm a.about_nav,
div.products ul#navmm a.solutions_nav,
div.services ul#navmm a.services_nav,
div.clients ul#navmm a.clients_nav,
div.careers ul#navmm a.careers_nav,
div.contact ul#navmm a.contact_nav {
	background-image: url(/images/nav/topNav_active.gif);
}

ul#navmm a.home_nav { background-position: 0 0; width: 54px; }
ul#navmm a.about_nav { background-position: -54px 0; width: 71px; }
ul#navmm a.solutions_nav { background-position: -125px 0; width: 70px; }
ul#navmm a.services_nav { background-position: -195px 0; width: 67px; }
ul#navmm a.clients_nav { background-position: -262px 0; width: 58px; }
ul#navmm a.careers_nav { background-position: -320px 0; width: 64px; }
ul#navmm a.contact_nav { background-position: -384px 0; width: 61px; }

ul#navmm .sub a { background: none; height: auto; }
ul#navmm .sub a:hover { background: none; height: auto;}

ul#navmm a:visited, ul#navmm a:active { color: #939495; }
ul#navmm a:hover { color: #F4911D; }

ul#navmm li .sub { position: absolute; top: 70px; left: 0; z-index: 99999; float: left; display: none; padding: 0 0 10px 0; }

ul#navmm #about_sub { background: url("/images/nav/bg-nav-3col.gif") no-repeat scroll center bottom transparent; width: 585px; }
ul#navmm #solutions_sub { background: url("/images/nav/bg-nav-3col.gif") no-repeat scroll center bottom transparent; width: 585px; }
ul#navmm #services_sub { background: url("/images/nav/bg-nav-2col.gif") no-repeat scroll center bottom transparent; width: 390px; }
ul#navmm #clients_sub { background: url("/images/nav/bg-nav-2col.gif") no-repeat scroll center bottom transparent; width: 390px; }
ul#navmm #careers_sub { background: url("/images/nav/bg-nav-1col.gif") no-repeat scroll center bottom transparent; width: 195px; }
ul#navmm #contact_sub { background: url("/images/nav/bg-nav-1col.gif") no-repeat scroll center bottom transparent; width: 195px; }

ul#navmm .sub ul { float: left; list-style: none; width: 195px; padding: 0; margin: 0; }
ul#navmm .sub ul ul { width: 180px; padding: 0 0 0 10px; }
ul#navmm .sub ul li { width: 100%; font-size: 11px; font-weight: normal; }
ul#navmm .sub ul ul li { font-size: 10px; }

ul#navmm h2 { padding: 9px 0 0 0; margin: 0; font-size: 13px; font-weight: bold; border-style: none; line-height: 1.1; height: 100%;
	/* preloading 2 bg sets */ background-image: url("/images/nav/nav_divider.gif");	background: url("/images/nav/nav_divider.gif") no-repeat 0px 5px; }
ul#navmm h2.first { background: none; padding-top: 8px; margin-top: 0; }
ul#navmm h3 { padding: 0; margin: 0; font-size: 11px; font-weight: bold; border: 0; }

ul#navmm .sub ul li a, ul#navmm .sub ul li .nolink { float: none; text-indent: 0; padding: 2px 10px 2px 15px; }
ul#navmm .sub ul li h2 a, ul#navmm .sub ul li h2 .nolink { padding: 5px 10px; }



/* -----  right column navigation styles  ----- */

div#rightNav { margin-top: 18px; padding: 0px; background: url(/images/nav/rightNav_bg.gif) repeat-y; }
#rightNav ul { padding: 0px; margin: 0px; list-style: none; background: url(/images/nav/rightNav_bgBot.gif) bottom no-repeat; }
#rightNav ul li, #rightNav ul li.ddLast { padding: 7px 10px; background: url(/images/nav/rightNav_divider.gif) bottom center no-repeat; }
/*#rightNav ul li.ddLast { padding-bottom: 5px; background: url(/images/pixel.gif); }*/
#rightNav ul li.ddLast { background: url(/images/pixel.gif); }
#rightNav ul a:link { color: #939495; text-decoration: none; font-size: 12px; width: 164px; }
#rightNav ul a:visited { color: #939495; text-decoration: none; font-size: 12px; width: 164px; }
#rightNav ul a:active { color: #939495; text-decoration: none; font-size: 12px; width: 164px; }
#rightNav ul a:hover { color: #f4911d; text-decoration: none; font-size: 12px; width: 164px; }
#rightNav ul a.activeR { color: #f4911d; }
div#rightNavSpace { height: 22px; padding: 0px; background: #fff; }



/* -----  skip navigation styles  ----- */

#skipNav { left: -1000em; overflow: hidden; position: absolute; width: 1px; }
#skipNav:active, #skipNav:focus {
	background-color: #666666;
	border-style: none dotted dotted;
	border-color: #cccccc;
	border-width: 1px;
	padding-top: .2em;
	outline: none;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	display: block;
	left: 25%;
	width: 50%;
	top: 0;
	z-index: 99;
	height: 1.5em;
	vertical-align: middle;
}