/**
 * @version $Revision: 281 $ / $Date: 2010-02-11 09:08:57 +0000 (Thu, 11 Feb 2010) $
 */
h1, h2, h3, h4, h5,
div.side-bar a, ul.navigation li span, div#page-contents a,
div#footer a, div.suggestions a  {
   color:#0C3F69;
}

div.side-bar h5 {
   background:url(http://images.datrixtraining.com/images/intro/menu-header.gif) 0% 0% no-repeat;
}

a.button {
  background-position:100% -100px;
}

div#portal-title p {
   text-align:justify;
   font-size:13px;
   line-height:140%;
   margin-top:5px;
   color:#444444;
}

div#portal-title {
   background-image:url(http://images.datrixtraining.com/images/intro/header.png);
   background-color:#0C3F69;
}

div.department {
   position:relative;
   width:400px;
   background-repeat:repeat-y;
   background-position:0% 0%;
   float:left;
   padding:0;
   margin-bottom:10px;
}

div#page-contents.intro {
   overflow:auto;
   margin:10px auto 0 auto;
   width:840px;
}

div.f {
   height:6px;
   background-repeat:no-repeat;
   background-position:-400px 0%;
   overflow:hidden;
}

#page-contents div.department h2 {
   text-indent:-9999px;
   background-position:100% 50%;
   background-repeat:no-repeat;
   height:67px;
   margin:0 0 10px 0;
   padding:0;
}

div.department h2 a {
   display:block;
   height:100%;
}

div.department p.examples {
   font-weight:bold;
   margin-top:3px;
}

div.department p {
   margin:0 10px 0 10px;
   padding:0;
   color:#444444;
   text-align:justify;
}

div.department ul {
   padding:0;
   margin:5px 0 10px 0;
   font-size:75%;
   color:#444444;
   list-style:none;
}

div.department ul li {
   padding-left:20px;
   line-height:150%;
}

div.department img {
   float:right;
   margin-right:2px;
}

div.department p.intro {
   margin-right:145px;
}

div.department p.link {
   overflow:auto;
   height:30px; /* prevent scrolling within p */
   clear:both;
}

/* -- PROJECT MANAGEMENT -- */

div#project-management h2 {
   background-color:#990000;
   background-image:url(http://images.datrixtraining.com/images/intro/project-management-title.png);
}

div#project-management, div#project-management div.f {
   background-image:url(http://images.datrixtraining.com/images/intro/red-borders.gif);
}

div#project-management a {
   color:#990000;
}

div#project-management a.button {
   background-position:100% -75px;
   margin-left:80px;
}


/* -- TECHNICAL IT -- */
div#technical-it h2 {
   background-color:#076A8B;
   background-image:url(http://images.datrixtraining.com/images/intro/technical-it-title.png);
}

div#technical-it, div#technical-it div.f {
   background-image:url(http://images.datrixtraining.com/images/intro/blue-borders.gif);
}

div#technical-it a {
   color:#076A8B;
}

div#technical-it a.button {
   background-position:100% -25px;
   margin-left:110px;
}

/* -- DESKTOP APPLICATIONS -- */
div#desktop-applications h2 {
   background-color:#006630;
   background-image:url(http://images.datrixtraining.com/images/intro/desktop-applications-title.png);
}

div#desktop-applications, div#desktop-applications div.f {
   background-image:url(http://images.datrixtraining.com/images/intro/green-borders.gif);
}

div#desktop-applications a {
   color:#006630;
}


div#desktop-applications a.button {
   background-position:100% 0px;
      margin-left:80px;
}

/* -- PROFESSIONAL DEVELOPMENT -- */
div#professional-development h2 {
   background-color:#d74d02;
   background-image:url(http://images.datrixtraining.com/images/intro/professional-development-title.png   );
}

div#professional-development, div#professional-development div.f {
   background-image:url(http://images.datrixtraining.com/images/intro/orange-borders.gif);
}

div#professional-development a {
   color:#d74d02;
}

div#professional-development a.button {
   background-position:100% -50px;
      margin-left:60px;
}

div#project-management, div#professional-development {
   margin-right:30px;
}

div.suggestions a {
   color:#0C3F69;
}

div.suggestions ul li a:hover, div.suggestions ul li a.selected {
   background-color:#0C3F69;
}

div.suggestions ul {
   border:1px solid #0C3F69;
}