@charset "utf-8";


/* GLOBAL STYLES
--------------------------------------------------- */
* {margin: 0; padding: 0;}
img {border:0;}
a {text-decoration: none; color: #464544;}
a:hover {text-decoration: underline;}
a:focus {outline: none; outline-style: none;}
a.more{color:#1313E1; font-weight:bold; text-decoration:underline;}

.left {float:left;}
.alignLeft {text-align:left;}
.right {float:right;}
.alignRight {text-align:right;}

body, html {background:url(../images/bg.gif) top center repeat-x #ebe7d9; min-width:1000px; text-align:center;
            font-family:arial,sans-serif; color:#464544; font-size:12px; line-height:16px;}

#page {padding:0; margin:0 auto; width:968px; min-width:968px; min-height:auto; text-align:center; background:#FFFFFF;}
#container {padding:0px 4px; width:960px; text-align:justify;}
p {margin-bottom: 6px;}

/* HEAD CONTENT
--------------------------------------------------- */

#logo span {display: none;}
#logo a {float:left; margin:9px 0px 0 60px; width:131px; height:130px; border:0;}

#topnav {float:left; width:960px; height:21px; padding:0; background: url(../images/topnav_bg.jpg) top center no-repeat #67655f;}
  #topnav .rightTopnav {float:right; width:550px;}
  #topnav .login {float:right; width:331px;}
    input.loginForm {float:left; height:12px; width:98px; background:#fff; margin:3px 8px 3px 0; border:1px solid #dcdad4; 
                     font-family:Arial,sans-serif; font-size:11px; color:#5d5a54;}
  .createAccount {float:right; width:102px;}
  .forgotPassword {float:right; width:117px;}

#header {clear:both; height:242px;}
  .home {background:url(../images/header_home.jpg) top center no-repeat;}
  .blogHome {background:url(../images/header_blog.jpg) top center no-repeat;}
  .solutionsHome {background:url(../images/header_solutions.jpg) top center no-repeat;}
  .clientsHome {background:url(../images/header_clients.jpg) top center no-repeat;}
  .learningHome {background:url(../images/header_learning.jpg) top center no-repeat;}
  .aboutHome {background:url(../images/header_about.jpg) top center no-repeat;}
  .careersHome {background:url(../images/header_careers.jpg) top center no-repeat;}
  
  .headerText {font:normal 11px Arial; color:#fff; text-transform:none; padding-right:8px;}
  .headerHeading {font:bold 14px Arial; color:#fff; text-transform:uppercase;}
  
#navbar {float:left; width:960px; clear:both; padding-top:13px; font:bold 11px Arial; color:#fff; text-transform:uppercase;height:auto;}

  #navbar a {color:#fff}
  #navbar .navbarContracted {padding-top:212px;}
  
  .solutions {background:#146da2; padding:2px 0 2px 15px;}
  .psolutions {background:#649adc; padding:2px 0 2px 15px;}
  .learning {background:#e88144; padding:2px 0 2px 15px;}
  .clients {background:#efd92e; padding:2px 0 2px 15px;}
  .about {background:#158356; padding:2px 0 2px 15px;}
  .blog {background:#c8592a; padding:2px 0 2px 15px;}
  .careers {background:#158356; padding:2px 0 2px 15px;}
  .expanded {height:78px; padding-top:0px; padding-bottom: 0px;} /* 168px height total */
  .contracted {height:15px;} /* 108px height total */
  
  .navHeaderLeft {float:left; width:410px; padding:8px 0 0 20px;}
  .navHeaderRight {float:left; width:410px; padding:8px 0 0 15px;}
 
  #solutionsOn {background:#146da2;}
  #solutionsOnHeader {float:left; width:292px;}
  .navSolutionsDivider {float:left; width:4px; margin:-4px;}
   
  #blogOn {background:#c8592a;}
  #blogOnHeader {float:left; width:292px;}
  
  #clientsOn {background:#e88144;}
  #clientsOnHeader {float:left; width:292px;}
  
  #learningOn {background:#649adc;}
  #learningOnHeader {float:left; width:292px;}
  
  #aboutOn {background:#efd92e;}
  #aboutOnHeader {float:left; width:292px;}
  
  #careersOn {background:#158356;}
  #careersOnHeader {float:left; width:292px;}
 
 
/* BODY CONTENT
--------------------------------------------------- */ 
.contentLeft {float:left; width:230px; padding: 30px 10px;}
.contentLeft .title{font-size:28px; font-family:Helvetica,sans-serif; font-weight:semi-bold; line-height:33px;}

.contentRight {float:right; width:622px; padding:10px; color:#000000;}

.subcontentLeft {float:left; width:242px; padding: 16px 0px;}
.subcontentRight {float:right; width:675px; padding: 10px 15px 10px 20px; color:#000000;}
  ul {margin-left:15px}
  ol {margin-left:25px;}
.contentDivider {float:right; width:4px;padding: 15px 0;}

#contentHome {clear:both; background:url(../images/content_home.jpg) top center no-repeat; min-width:960px; height:154px;}
#contentBlog {clear:both; background:url(../images/content_blog.jpg) top center no-repeat; min-width:960px; height:154px;}
#contentSolutions {clear:both; background:url(../images/content_solutions.jpg) top center no-repeat; min-width:960px; height:154px;}
#contentClients {clear:both; background:url(../images/content_clients.jpg) top center no-repeat; min-width:960px; height:154px;}
#contentLearning {clear:both; background:url(../images/content_learning.jpg) top center no-repeat; min-width:960px; height:154px;}
#contentAbout {clear:both; background:url(../images/content_about.jpg) top center no-repeat; min-width:960px; height:154px;}
#contentCareers {clear:both; background:url(../images/content_careers.jpg) top center no-repeat; min-width:960px; height:154px;}

/* SUBBODY CONTENT
--------------------------------------------------- */
.subhead {font:bold 11px Arial,sans-serif; color:#5d5a54; text-transform:uppercase; padding:3px 0 3px 15px;}
.solutionsSubheadOn {background:#146da2; color:#fff;}
.clientsSubheadOn {background:#efd92e; color:#fff;}
.learningSubheadOn {background:#e88144; color:#fff;}
.aboutSubheadOn {background:#158356; color:#fff;}
.careersSubheadOn {background:#CCD92E; color:#fff;}

/* not used? */
.headline {font:bold 14px Arial; text-transform:uppercase; padding-bottom:3px;}

h1 {font:bold 14px Arial; text-transform:uppercase; line-height: 2em}
.button {font:bold 12px Arial; text-transform:uppercase; padding:5px; border:3px solid #7f7f7f;
         margin-bottom:5px; width:150px; text-align:center;}
.wide {width:225px;}
.rule {border-top: 1px solid #c2c2c2; padding-bottom: 10px;}


/* HOMEPAGE PROMO CONTENT
--------------------------------------------------- */
#promoBar {clear:both; background:#fff; min-width:960px; min-height:117px;}
  .promoLeft {float:left; width:270px; padding:15px;}
  .promoMiddle {float:left; width:270px; padding:15px;}
  .promoRight {float:left; width:270px; padding:15px;}
  .promoDivider {float:left; width:4px; padding:5px;}


/* FOOTER CONTENT
---------------------------------------------------- */
#footer {clear:both; width:960px; border-top: 1px solid #cccccc; padding:3px 0 60px 0;
         font-family:Arial,sans-serif; font-size:9px; color:#5d5a54; font-weight:bold; text-transform:uppercase}

         
/* POPUP CONTENT
---------------------------------------------------- */
#popup {background:#FFFFFF; min-width:450px; background-image:none; padding:10px; margin:0; text-align:left;}
#popupContainer {width:450px;}
#popupHeader {width:450px; padding-bottom:15px;}


/* SITE HEADER/NAVIGATION UPDATE
---------------------------------------------------- */
#header{ clear:both; height:100px; background-position:top center; background-repeat:no-repeat; margin-top:20px; }
		    .home{ background-image:url(../images/headers/header_home.jpg); }
		    .blogHome{ background-image:url(../images/headers/header_blog.jpg); }
		    .advertisersHome{ background-image:url(../images/headers/advertisers-header.jpg); }
			.publishersHome{ background-image:url(../images/headers/publishers-header.jpg); }
		    .clientsHome{ background-image:url(../images/headers/clients-header.jpg); }
		    .learningHome{ background-image:url(../images/headers/learning-header.jpg); }
		    .aboutHome{ background-image:url(../images/headers/about_us-header.jpg); }
		    .careersHome{ background-image:url(../images/headers/header_careers.jpg); }			
			
			#navbar{ width:675px; padding-bottom:20px; color:#000; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-transform:uppercase; letter-spacing:.5px; margin-top:-40px; }

		    #navbar a{ color:#68655e; }
			#navbar .menu_head{ min-width:50px; max-width:165px; float:left; text-align:center; background-color:#fff !important; padding:0px 10px !important; margin:0px !important; }
			#navbar{ margin-left:164px; } /* Overrides #navbar auto center issue */
			#navbar .solutions.menu_head, #navbar .psolutions.menu_head, #navbar .learning.menu_head, #navbar .clients.menu_head{ border-right:1px solid #000; }
			
			.solutionsSubheadOn, .clientsSubheadOn, .learningSubheadOn, .aboutSubheadOn, .careersSubheadOn{ background:#696661; color:#fff; }
			
			#logo span{ background:url('../images/oi_new_home_logo2.png') top center no-repeat !important; display:block; width:118px; height:118px; position:absolute; top:2px; margin-left:-28px; }
			
			/* Hides company logo... Remove code to display logo */
			/* #logo span{ display:none; }  */