@charset "utf-8";
/* CSS Document */
body {
	margin:0 0 0 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-repeat:no-repeat;
	background-position:center top;
	background:#CCC;
}

.submit { background:#F04F23; padding:10px; border:0px; font-size:14px; color:#fff; }

input #name { font-size:18px; }

.smaller { font-size:18px; padding:20px 0 5px!important; margin:0;}

#headerabout {
	background:url(images/whoarewe.jpg);
	display:block;
	width:666px;
	height:350px;
}

#headerabout span {
	display:none;
}

ul { margin:18px 0px 10px 10px; padding:0px 0px 0px 18px;}


.line {
	background:url(images/spacer.gif) repeat-y center top;
}

.contact_table {
	margin:15px 10px 10px 10px;
}

#headerabout:hover {
	background:url(images/whoweare2.jpg);
}

#tophead {
	width:980px;
	margin:auto;
	height:130px;
}

#topheadleft {
	width:665px;
	float:left;
	text-align:right;
	height:130px;
	background-color:#f04f23;
}

#topheadright {
	width:315px;
	float:right;
	height:130px;
	background:url(images/top_logo_right.png);
	background-color:#999999;
}

#nav_bar {
	width:980px;
	height:62px;
	margin:0 auto;
	padding:0;
}

#nav_bar_left {
	width:665px;
	background-color:#3e3e3e;
	float:left;
	height:62px;
	margin:0;
	padding:0;
}

#nav_bar_right {
	width:315px;
	float:right;
	background-color:#515151;
	height:62px;
}

#main_head {
	width:980px;
	height:335px;
	margin:0 auto;
}

#main_head3 {
	width:980px;
	height:350px;
	margin:auto;
}

.rounded {
	margin: 15px 0 15px 0;
	padding: 3px;
	width:339px;
	height:392px;
	background:url(images/table_bg.png) no-repeat;
}

#main_head_small {
	width:980px;
	margin:0 auto;
}

#main_head2 {
	width:980px;
	margin:0 auto;
	height:295px;
	padding:0;
}

#header_img {
	width:665px;
	float:left;
}

#header_img2 {
	width:665px;
	height:295px;
	float:left;
}

#header_quicknav {
	width:315px;
	background-color:#e4e2e2;
	float:right;
}

#header_quicknav2 {
	width:315px;
	height:295px;
	background-color:#e4e2e2;
	float:right;
}

#nav1 {
	width:315px;
	height:110px;
	margin:0;
	padding:0;
}

#leadership_nav {
	width:315px;
	height:110px;
	display:block;
	background:url("images/leadership_nav.png");
	padding:0;
	margin:0;
	
}

#leadership_nav:hover {
	background:url("images/leadership_nav_over.png");
}

#leadership_nav span {
  display: none;
}

#sales_nav {
	width:315px;
	height:110px;
	display:block;
	background:url("images/sales_nav.png");
	
}

#sales_nav:hover {
	background:url("images/sales_nav_over.png");
}

#sales_nav span {
  display: none;
}

#teams_nav {
	width:315px;
	height:110px;
	display:block;
	background:url("images/teams_nav.png");
	margin:0;
	padding:0;
	
}

#teams_nav:hover {
	background:url("images/teams_nav_over.png");
}

#teams_nav span {
  display: none;
}


#nav2 {
	width:100%;
	height:110px;
}

#nav3 {
	width:100%;
	height:110px;
}

.hrpixel {
border-color:#999999 -moz-use-text-color -moz-use-text-color;border-style:dotted none none;border-width:1px medium medium;height:1px; margin:0; padding:0;
overflow:hidden;
}

#underheaderbar {
	width:980px;
	height:5px;
	background-image:url(images/under_img.png);
	margin:0 auto;
	overflow:hidden;
}

.atomix a:link, .atomix a:visited {
	color:#000;
	font-size:12px;
	text-decoration:none;
	text-align:center;
}

.atomix a:hover {color:#F60;}

#bar_left {
	width:665px;
	height:5px;
	background-color:#3d3d3d;
	float:left;
}

#bar_right {
	width:315px;
	height:5px;
	float:right;
	background-color:#515151;
}

#content {
	width:980px;
	margin:0 auto;
	background-color:#FFF;
	z-index:0;
	padding:0;
}

#content_area {
	width:932px;
	background-color:#FFF;
	padding-top:25px;
	margin-left:20px;
	margin-right:28px;
	z-index:0;
}

.colright_text {
	padding-right:25px;
	line-height:1.7;
}

.colright_text a:link, .colright_text a:visited {
	color:#f04f23;
	text-decoration:none;
}

.colright_text a:hover {
	color:#666;
}


.colright_text ul {
	line-height:3;
}

#footer {
	width:980px;
	margin:auto;
	background-color:#b4b2b2;
	height:175px;
}

#footer_logo {
	height:150px;
	width:200px;
	padding-top:30px;
	float:right;
}

#footer_left {
	height:180px;
	width:754px;
	margin-left:26px;
	float:left;
}

.col_left_text {padding-left:9px; padding-right:25px; line-height:1.7; }

.col_left_text_nolink {padding-left:9px; padding-right:25px; line-height:1.7;}

.col_left_text a:link, .col_left_text a:visited {color:#F60; text-decoration:none; }

.col_left_text a:hover {color:#666; text-decoration:underline; }

.col_left_text ul {
	line-height:3;
}

.clear { clear:both;}

h1 { color:#000; font-size:26px; margin:0 0 0 0; padding:0 0 0 0px; letter-spacing:0px;}
h2 { color:#f04f23; font-size:26px; margin:0 0 0 0; padding:0 0 0 0px; letter-spacing:0px;}
h3 { color:#000; font-size:20px; margin:0 0 0 0; padding:0 0 0 0px; letter-spacing:0px; text-decoration:none;}

h3.footer, h3.footer a:link, h3.footer a:visited { font-size:14px; margin:0 0 0 0; padding:0 15px 0 0px; letter-spacing:0px; text-decoration:none; color:#FFF;}

h3.footer a:hover { text-decoration:none; color:#F60;}

h3.top, h3.top a:link, h3.top a:visited {color:#999; font-size:12px; padding-right:19px; text-decoration:none;}

h3.top a:hover {color:#F60;}

.titletext {padding-left:8px; }

.orangeheader { color:#fe5911; font-size:20px; margin:0 0 0 0; padding:0 0 0 0px; letter-spacing:0px;}
#servicestable { font-family:Arial, Helvetica, sans-serif; color:#000; font-size:11px;
}
#servicestable ul{ list-style:none; margin:0 0 0 0; padding:0 0 0 4px; 
}
#servicestable li {padding:4px 10px 4px 20px; background:url(images/arrow.png) no-repeat 4px 8px;  color:#000; font-weight:bold; line-height:normal; 
}

#servicestable a:link, #servicestable a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#f04f23; font-weight:normal; text-decoration:none}

#servicestable a:hover { color:#999  }

.left_content_table  { 
width:435px;
}

.right_content_table  { 
width:435px;
}

.program_text { padding-left:25px; }

.programinfo_heading { color:#000; font-size:20px; padding: 0px 0px 0px 25px;; letter-spacing:0px;}

h4 { color:#666; font-size:14px; margin:0 0 0 0; padding: 0 0 5px 0;}

h4 a:link, h4 a:visited {color:#666; text-decoration:none; font-size:16px; }

h4 a:hover {color:#666; text-decoration:underline; font-size:14px; }

.backtotop { margin-top:25px; }

.backtotop a:link, .backtotop a:visited { font-size:11px; color:#f04f23; padding-left:330px; text-decoration:none; }

.backtotop a:hover { color:#666; }

.backtotop img a:link { text-decoration:none; }

h5 { color:#F60; font-size:12px; margin: 0 0 0 0; padding: 0 0 0 0;}

/*##################  MENU   ################3*/

#multi-level {height:62px; position:relative; z-index:100;}
#multi-level .pad {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; 	font-family:Arial, Helvetica, sans-serif; }

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:62px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */


/* pre-load the hover images into the lists */
.menu li.p1 {width:93px; background:url(images/navbar_over_01.png) no-repeat; background-position:0px -0px;}
.menu li.p2 {width:141px; background:url(images/navbar_over_02.png) no-repeat; background-position:0px -0px;}
.menu li.p3 {width:128px; background:url(images/navbar_over_03.png) no-repeat; background-position:0px -0px;}
.menu li.p4 {width:127px; background:url(images/navbar_over_04.png) no-repeat; background-position:0px -0px;}
.menu li.p5 {width:176px; background:url(images/navbar_over_05.png) no-repeat; background-position:0px -0px;}
.menu li.p6 {width:315px; background:url(images/navbar_over_06.png) no-repeat; background-position:0px -0px;}


/* set up the normal unhovered images in the links */
.menu li a#home {width:93px; background:url(images/navbar_01.png) no-repeat;}
.menu li a#services {width:141px; background:url(images/navbar_02.png) no-repeat;}
.menu li a#results {width:128px; background:url(images/navbar_03.png) no-repeat;}
.menu li a#people {width:127px; background:url(images/navbar_04.png) no-repeat;}
.menu li a#newsletter {width:176px; background:url(images/navbar_05.png) no-repeat;}
.menu li a#contact {width:315px; background:url(images/sec_nav_02.png) no-repeat;}


/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

hr {
  width:100%;
  background: #fff url(images/spacer.gif) repeat-x scroll center;
  border:none;
  height:1px;
}

a {
	outline:none;
}

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#home:hover, 
.menu li:hover a#home,
.menu li a#services:hover, 
.menu li:hover a#services,
.menu li a#results:hover, 
.menu li:hover a#results,
.menu li a#people:hover, 
.menu li:hover a#people,
.menu li a#newsletter:hover, 
.menu li:hover a#newsletter,
.menu li a#contact:hover, 
.menu li:hover a#contact{background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;  background-color:#f9f9f9;}


/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:62px; white-space:nowrap; height:auto;  background-color:#000;}
.menu :hover ul.sub li {display:block; border:1px solid #d0d0d0;  position:relative; float:left; background-image:url(images/menudrop.gif); }
.menu :hover ul.sub li a {display:block; font-size:12px; text-indent:5px; color:#000; text-decoration:none; padding:8px 7px 8px 6px; }

.menu :hover ul.sub li a.fly {background:#fff url(multi_level-files/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {  background-color:#2d2d2d;   color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#bd0000 url(multi_level-files/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#bd0000 url(multi_level-files/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:93px; z-index:200; height:auto; z-index:300;}

.width1{
width:170px;}

.width2{
width:154px;
}
.width3{
width:110px;
}