/*****************************************************************************/
/*****                         STYLE APPLIED TO THE BODY                                                   ******/
/*****************************************************************************/
body {
 margin: 27px 0 10px 0; 
 padding: 0; 
 text-align: center; 
 background: #fff;
 color: #535353;
 }
 
/*****************************************************************************/
/*****                          LAYOUT                                                                                          ******/
/*****************************************************************************/
/****** outer layout (borders) ***** */
#frame, #frame_email {
 margin: 0px auto; 
 text-align: left;
 color: #000;
 background: #fff;
 }

#frame {width:911px;  voice-family: "\"}\""; voice-family:inherit; width: 911px;}
html>body #frame{width: 911px;}

#frame_email {width: 670px;}
html>body #frame_email {width: 670px;}

#main_wrapper {
  margin: 0x;
  padding: 0px;
  background: #fff;
  text-align: left;
  font: 85% Trebuchet MS,Arial,Verdana,sans-serif; 
  color: #535353;
  line-height: 140%;
}

/*****************************************************************************/
/*****                          HEADER                                                                                          ******/
/*****************************************************************************/

#header {
 background: #fff;
 width: 100%;
 float: left; /* NS */
}

#logo {
 float: left; 
}
 
#logo {margin: 6px 9px 2px 17px;  voice-family: "\"}\""; voice-family:inherit; margin: 6px 12px 2px 15px; }
html>body #logo {margin: 6px 19px 2px 24px;}

#tagline {
width: 910px;
display: block;
height: 300px;
}

#tagline img {
z-index: 1;
}

#tagline .link {
position: relative;
height: auto;
color: #76c3f9;
width: 200px;
z-index: 2;
}

#tagline .photo_1 {
left: 685px;
bottom: 60px;
}

#tagline .photo_2 {
left: 448px;
bottom: 140px;
}

#tagline .photo_3 {
left: 400px;
bottom: 155px;
}

#tagline .photo_4 {
left: 350px;
bottom: 50px;
}

#tagline .photo_5 {
left:400px;
bottom: 170px;
}

#tagline .photo_6 {
left:408px;
bottom: 150px;
}

#tagline .link a {
color: #76c3f9;
background: url(/images/misc/orange_arrow_lighter.gif) no-repeat 0 50%;
padding-left: 15px;
}

#tagline .link a:hover {
 color: #ef8f4a;
}

#banner { height: 106px; width: 910px;}

.header_our_viewpoint { background: url(/images/sub_headers/our_viewpoint.jpg) no-repeat 0 0;}
.header_your_initiatives { background: url(/images/sub_headers/your_initiatives.jpg) no-repeat 0 0;}
.header_our_methods { background: url(/images/sub_headers/our_methods.jpg) no-repeat 0 0;}
.header_i3logic { background: url(/images/sub_headers/i3logic.jpg) no-repeat 0 0;}
.header_whats_new { background: url(/images/sub_headers/whats_new.jpg) no-repeat 0 0;}
.header_talk_to_us { background: url(/images/sub_headers/talk_to_us.jpg) no-repeat 0 0;}
.header_sitemap { background: url(/images/sub_headers/our_viewpoint.jpg) no-repeat 0 0;}
.header_search { background: url(/images/sub_headers/our_methods.jpg) no-repeat 0 0;}
.header_email {background: url(/images/sub_headers/email.jpg) no-repeat 0 0; height: 106px;}

/* layout */
#three_cols {
 margin: 15px 0 10px 0;
 padding: 0;
 width: 100%;
 float: left; /* NS */
}

.home{margin-top: 0px!important; voice-family: "\"}\""; voice-family:inherit; margin-top: 0px!important;}
html>body .home{margin-top: 15px !important;}

#three_cols #primary_content_wrapper {
 float: left;
 background: #fdfdfd;
 width: 445px; 
 margin: 0px;
}

#three_cols #sidebar_content_wrapper_a {
 margin: 0;
 float: left;
 width: 218px; 
 background: url(/images/backgrounds/sidebar_a_bg.gif) repeat-y 0 0;
}

#three_cols #sidebar_content_wrapper_b {
 margin: 0;
 float: right;
 width: 237px; 
 background: #dae2e5 url(/images/backgrounds/sidebar_b_bg.gif) no-repeat 100% 0;
}

#three_cols #sidebar_content_wrapper_b {width: 237px;  voice-family: "\"}\""; voice-family:inherit;  width: 237px;}
html>body #three_cols #sidebar_content_wrapper_b { width: 237px; }

#three_cols  #primary_content_wrapper #content {
 padding: 0px 20px 5px 20px;
 background: #fff;
}

#three_cols #primary_content_wrapper_wide #content {
 padding: 0px 20px 5px 0px;
 background: url(/images/backgrounds/blog_content_right.gif) repeat-y 100% 0;
}

#three_cols #sidebar_content_wrapper_a .content {
 padding: 0px 15px 5px 15px;
}
#three_cols #sidebar_content_wrapper_b .content {
padding: 7px 25px 5px 25px;
}

#email_bg {
 background: url(/images/backgrounds/email_bg.gif) repeat-y 0 0;
 padding: 5px 15px;
}

#email_bg .content {
margin-bottom: 15px;
padding: 10px 10px 10px 10px;
}

/*****************************************************************************/
/*****                          BREADCRUMBS                                                                                *****/
/*****************************************************************************/
#breadcrumbs {
margin: 0 10px 5px 20px;
color: #8a8a8a;
}

#breadcrumbs a {
font: normal .8em Arial,verdana,sans-serif;
color: #8a8a8a;
}

#breadcrumbs .home_icon a {
background: url(/images/misc/home_icon.gif) no-repeat 0 0;
height: 12px;
width: 13px;
color: #transparent !important;
text-decoration: none;
}

/*****************************************************************************/
/*****                   NAVIGATION  in the HHEADER                                                         ******/
/*****************************************************************************/

/* global navigation main items */

#main_nav {
 margin: 10px 0 0 0px;
 /* background:*/
 float: left;
 text-align: left;
 line-height: 100%;
 background: #208786 url(/images/navs/global_nav_bg.jpg) no-repeat 0 0;
 border-bottom: 2px solid #fff;
}

#main_nav {width: 703px;  voice-family: "\"}\""; voice-family:inherit;  width: 704px;}
html>body #main_nav { width: 703px;}

#main_nav ul {
 margin: 0;
 list-style:none;
 padding: 0px;
 background: #208786 url(/images/navs/global_nav_bg.jpg) no-repeat 0 0;
 float: left;
}

#main_nav ul a {
 display: block;
 margin: 0;
 }

 #main_nav ul li {
 /*display: inline;*/
 float: left; /* otherwise there are gaps between each nav item */
 padding: 0;
 margin: 0px;
 background: url(/images/navs/global_navs_divider.gif) no-repeat 100% 100%;
 }

 #main_nav ul li a {
 /*display: inline;  remove this otherwide the dropdown menus will be shifted to the right of the nav on IE*/
 margin: 0px 0 0 0;
 font:  bold 13px Arial,Verdana,sans-serif; 
 color: #efd999;
 text-decoration: none;
 padding: 12px 21px 10px 20px;
 font-weight: bold;
 text-align: center;
 }
  
#main_nav ul a:hover, #main_nav ul li.current a, #main_nav ul li.current a:hover {
 color: #b7cdd5;
}

#main_nav ul li.last a, #main_nav ul li.last{
 background: none;
}

#main_nav ul li.last a:hover {
border-right: none;
padding-right: 27px!important;
}

/*****************************************************************************/
/*****             NAVS Last child  (global nav/ utilities / footer )    *****/
/*****************************************************************************/

div.menus ul li:last-child , div.menus ul li.last-child  {
background: none !important;
background-image: none !important;
}

/*************** Dropdown Menu *************/
/******************************************/

#main_nav ul li ul{ 
 display: block;
 position: absolute;
 left: -999em;
 width: 180px;
 /*border-bottom: 1px dotted #D9B031;*/
 border: 1px solid #fdfefe;
 border-top: none;
 z-index: 100;
 overflow: hidden;
 margin: 0px 0px 0px -1px;
 padding: 0;
 float: none;
 filter:alpha(opacity=80);
 opacity: .80;
 -moz-opacity:.80;
}

#main_nav ul li ul li {
float: none;
display: block;
padding: 0;
margin: 0!important;
}

#main_nav ul li:hover ul, #main_nav li.sfhover ul { /* lists nested under hovered list items */
 left: auto;
 padding: 0px;
 margin-right: 25px!important;
}

#main_nav ul li ul li {
 background: none;
 padding: 0;
 margin: 0;
 /*width: 100%;remove it so that it won't have a gap between each list item on IE 7 */
 display: inline; /* add this so that it won't have a gap between each list item on IE 6 */
}

#main_nav ul li ul li a {
 font: normal .9em arial,verdana,sans-serif;
 background: #2b6469;
 padding: 6px 10px 6px 20px;
 border-top: 1px solid #fdfefe;
 color: #fdfefe;
 margin-bottom: 0!important;
 display: block;
 background-image: none!important; /* so that the background image won't display on Safari */
 line-height: 120%;
 text-align: left;
}

#main_nav ul li ul a:hover {
 color: #fdfefe;
 /*background: #538188;*/
 background: #173b3e;
 background-image: none; /* so that the background image won't display on Safari */
}

#main_nav ul li.current ul li a, #main_nav ul li.last ul li a {
 color: #fdfefe;
 background: #2b6469;
}

#main_nav ul li.current ul li a:hover, #main_nav ul li.last ul li a:hover {
 color: #fdfefe;
 /*background: #538188;*/
 background: #173b3e;
 background-image: none;
}

/*****************************************************************************/
/*****                         SUB/LOCAL NAV  ON THE LEFT SIDEBAR                                  *****/
/*****************************************************************************/
#sub_nav {
 margin: 0 0 30px 0;
}

#sub_nav h2 {
 color: #3c8388;
 font: bold 1.1em univers,arial,verdana,sans-serif;
 margin: 0;
 padding: 0 0 5px 0; 
}

#sub_nav ul {
 list-style: none;
 /*border: 1px solid #a5a6aa;
 border-bottom:none;*/
 border-top: 1px solid #a5a6aa;
 margin: 0;
 padding: 0;
}

#sub_nav ul li {
 display: inline; /* so that IE 6 display properly on each list item */
 line-height: 120%;
}

#sub_nav ul li a {
 font: bold .83em Arial,verdana,sans-serif;
 color: #376d8a;
 display: block;
 background: #f5f4f5;
 padding: 6px 3px 8px 10px;
 border-bottom: 1px solid #a5a6aa;
 border-left: 1px solid #a5a6aa;  /* not set borders on the #sub_nav ul, b/c IE6 will display these two left, right borders when there are no sub sub items */
 border-right: 1px solid #a5a6aa;
 margin-left: 0;
 text-decoration: none;
}

#sub_nav ul li.color a {
background: #ececec;
}

/* one more level */
#sub_nav ul li ul {
  margin: 0;
   padding: 0;
}

#sub_nav ul li a:hover, #sub_nav ul li.current a {
 background: #f7e0d0;
}

#sub_nav ul li.current a {
 font-weight: bold;
}

#sub_nav ul li.current ul, #sub_nav ul li ul {
 border: none;
}

#sub_nav ul li.current ul li a, #sub_nav ul li ul li a  {
  border: none;
  border-bottom: 1px solid #a5a6aa;
  border-left: 1px solid #a5a6aa;  /* not set borders on the #sub_nav ul, b/c IE6 will display these two left, right borders when there are no sub sub items */
  border-right: 1px solid #a5a6aa;
  padding: 6px 0 6px 20px; 
  background: #ececec url(/images/navs/sub_arrow.gif) no-repeat 10px 9px;
  display: block;
  color: #969595;
}

#sub_nav ul li.current ul li a:hover, #sub_nav ul li.current ul li.current a, #sub_nav ul li ul li.current a, #sub_nav ul li ul li a:hover{
 background: #ececec url(/images/navs/sub_arrow.gif) no-repeat 10px 9px;
 border-bottom: 1px solid #a5a6aa;
 color: #e27121;
}

/*****************************************************************************/
/*****                          FOOTER                                                                                             *****/
/*****************************************************************************/
#footer {
 font-family: Arial,verdana, sans-serif;
 border-top: 1px solid #c8c8c8;
 margin-top: 5px;
 padding: 10px 0;
 font-size: .95em;
 line-height: 100%;
 width: 100%;
 /*float: left; */ /*NS */
}

#footer #copyright {
 width: 218px;
 color: #010101;
 text-align: left;
 float: left;
 font-size: 1em;
 font-weight: bold;
}

#footer #copyright .lighter {
 color: #8d8c8c!important;
}

#footer ul {
 margin: 0 0 0 0px;
 float: left;
 text-align: left;
 padding: 0;
}

#footer ul li {
 display: inline;
 margin: 0px;
}
#footer ul li a {
 color: #286057;
 margin: 0;
 list-style-image:none;
 background: url(/images/navs/footer_navs_divider.gif) no-repeat 100% 50%;
 padding: 0 25px 0 19px;
 text-decoration: none;
 font-weight: normal;
}

#footer ul li a:hover {
 color: #D71414;
}

#footer ul li.last a {
 background: none;
 background-image: none;
}

#footer ul li.current a {
 font-weight: bold;
 color: #333;
}

/*****************************************************************************/
/*****                          CONTENT                                  *****/
/*****************************************************************************/
/*misc */
.clear {clear: both; font-size: .01em;}
.bld {font-weight: bold;}
.float_left {float: left;}
.float_right {float: right;}
hr {background: #cecdcc; border: 0; margin: 10px 0; height: 1px;}

/* the following two items customized for fckeditor */
.orange_txt {
 color: #dc620f;
}

.orange_arrow_list {
 background: url(/images/misc/orange_arrow.gif) no-repeat 0 3px; padding-left: 15px;
} 

/* images on the main content */
#primary_content_wrapper #content .photo_right {
float: right;
margin: 10px 0 10px 10px;
}

/*features */
.features {margin: 25px 0 5px 0;}

.features img {
float: left;
margin: 10px 5px;
display: block;
}

.features .txt {
float: right;
width: 280px;
}

/* title */

h1, h2, h3, h4, h5, h6, h7 {
font-family: Univers,Arial,Verdana, sans-serif;
color: #2b5f7b;
margin: 0 0 10px 0;
font-weight: bold;
line-height: 1em;
}

#content h1 {font-size: 1.4em;}
#content h2 {font-size: 1.3em;}
#content h3 {font-size: 1.2em;}
#content h4 {font-size: 1em;}
#content h5, #content h6, #content h7{font-size: .9em;}

#primary_content_wrapper h1.title {
font-size: 1.4em;
border-bottom: 1px dashed #afafaf;
padding: 6px 5px;
margin: 0 5px 0 14px;
}

#email_bg h1.title {
font-size: 1.4em;
border-bottom: 1px dashed #afafaf;
padding: 6px 5px;
margin: 0px;
}

/* bulleted list */
/*
#primary_content_wrapper ul {
 padding: 0;
 list-style: none;
}

#primary_content_wrapper ul li {
 list-style: none;
 background: url(/images/misc/orange_arrow.gif) no-repeat 0 .3em;
 padding-left: 15px;
 margin-left: 5px;
 text-decoration: none;
 line-height: 120%;
 margin-bottom: 5px;
}
*/
ul.orange_arrow, .news ul {
 margin: 10px 0 10px 0;
 padding: 0;
 list-style: none;
}

ul.orange_arrow li, .news ul.orange_arrow li {
 list-style: none;
 background: url(/images/misc/orange_arrow.gif) no-repeat 0 .3em;
 padding-left: 12px;
 padding-bottom: 5px;
 margin-left: 2px;
 text-decoration: none;
 line-height: 120%;
}

.news ul.orange_arrow, .power_people ul.orange_arrow{
 margin-bottom: 5px;
}

#primary_content_wrapper #content ul.orange_arrow {
margin-left: 10px;
}

/*****************************************************************************/
/*****                         SIDEBARS                                                                                          *****/
/*****************************************************************************/
.default, .q_links, .avatar, .search, .talk, .news, .i3blogic, .power_people {
 margin: 0 0 20px 0;
}
.i3blogic {
margin: 20px 0;
}

form {margin: 0;}

select, option, input {
color: #010101;
font: .90em Arial,Verdana,sans-serif;  
}

.default h2, .q_links  h2, .avatar h2, .search h2, .talk h2, .news h2, .i3blogic h2, .power_people h2 {
 color: #3c8388;
 font: bold 1.1em univers,arial,verdana,sans-serif;
 margin: 5px 0;
 padding: 0 0 0px 0; 
 }

  .news ul {
 list-style: none;
 margin: 0;
 }
 
 .news ul li {
 list-style: none;
 margin: 0;
 padding: 0 0 8px 0;
 }
 
 .news .learn {
 background: url(../images/misc/orange_arrow.gif) no-repeat 0px 50%;
 padding: 0px 0 0px 15px;
 margin: 5px 0 0px 35px;
 }
 
 .q_links  select, .talk select  {
  margin: 0 0 8px 0;
  border: 1px solid #a6a7ab;
  width: 185px;
  font-size: .8em !important;
  padding: 2px 0;
} 

.avatar p {margin: 0;}
.avatar .grey {
color: #929292;
font: 11px verdana,arial,sans-serif;
}

.avatar img{
 margin: 10px auto 5px auto;
 text-align: center;
 display: block;
}

.search input.text_box {
 font-size: .8em !important;
 padding: 3px 2px 3px 3px !important;
 border: 1px solid #a6a7ab;
 margin: 0;
 background: #fff;
 }
 
.search input.text_box {width: 125px;  voice-family: "\"}\""; voice-family:inherit; width: 129px;}
html>body .search input.text_box  {width: 129px;}

.search .go {
margin: 0 0 5px 5px;
border: none;
vertical-align: middle;
}

.search img {
margin: 0;
}

.news  .inner{
color: #000;
font: .82em arial, verdana, sand-serif;
border: 1px solid #a6a7ab;
background: #fff;
padding: 10px;
}

.avatar .flash, .i3blogic img {
 margin: 10px auto 5px auto;
 text-align: center;
 display: block;
}

.power_people .inner {
 color: #8a8a8a;
 font: .82em arial, verdana, sand-serif;
 border: 1px solid #a6a7ab;
 background: #fcfdfe;
 /*padding: 10px;*/
}

.power_people p {
 margin: 0;
}

.power_people .article {
 padding: 10px;
}

.more {
 background: url(/images/misc/orange_arrow.gif) no-repeat 0px 50%;
 padding: 0px 0 0px 15px;
 margin: 5px 0;
}

.power_people .inner img {
 max-width: 185px;
 padding: 0!important;
 margin: 0 auto;
 display: block;
 text-align: center; 
}

.power_people .inner img {width: 185; voice-family: "\"}\""; voice-family:inherit; width: 185px;}
html>body .power_people .inner img  {width: auto;}

/*****************************************************************************/
/*****                        FORM FORMAT / TALK TO US                                                          *****/
/*****************************************************************************/

.email_form div.element {
margin: 20px 0 5px 0;
}

.email_form div.element label{
 float: left;
 padding: 3px 5px;
 width: 180px;
 text-align: right;
 line-height: 120%;
}

.asterisk {font-size: 1.2em; color: #e0701e; font-weight: bold;}
.submit_btn {background: #003e65; color: #ef8f4a; padding: 3px 5px; font-weight: bold; border: 1px solid #ccc;}


/* default links */
a {
 color: #2b76ff;
 text-decoration: none;
 font-weight: bold;
 }

a:hover {
 color: #e06f1e;
 text-decoration: underline;
}

/*the following format is for IE5.x */
div,table{font-size: 99%; voice-family: "\"}\""; voice-family:inherit; font-size: 100%;}
html>body div,table {font-size: 100%;}
 
/* Print */
.header_print { display: none;}