@import '/styles/common-common.css';
@import '/styles/forms.css';
@import '/style.css';

/* COMMON ---------------------------------------------------------------------- */

body {
  background:#ffffff url('/images/bg-x.gif') top repeat-x;
}

#bg-top {
  background:url('/images/bg-top.jpg') top center no-repeat;
}

#page {
  width:960px;
  margin:0 auto;
}




/* HEADER ---------------------------------------------------------------------- */

#header {
  height:100px;
  overflow:hidden;
  background:url('/images/header.jpg') top left no-repeat;
}

#logo {
  width:320px;
  overflow:hidden;
}
#logo a {
  outline:none;
}
#logo img {
  width:285px;
  height:35px;
  margin:42px 0 0 27px;
}
#nologo a:hover img {
  background-color:#000099;
  opacity:0.3;
  filter:alpha(opacity=30);
}

#header-right {
  width:640px;
  overflow:hidden;  
}
#header-links {
  float:right;
}
#header-links ul, #header-links li {
  margin:0;
  padding:0;
  background:none;
}
#header-links ul {
  background:url('/images/header-links.jpg') top left no-repeat;
  padding:3px 10px 0 10px;
  height:17px; /* 20 */
}
#header-links li {
  padding-right:10px;
  margin-right:10px;
  border-right:1px solid #96b0cf;
}
#header-links a {
  color:#ffffff;
  font-size:11px;
  text-decoration:none;
  font-weight:bold;
  text-transform:uppercase;
  outline:none;
}
#header-links li.last {
  padding:0;
  margin:0;
  border:none;
}
.root_141 #link2 a,
.root_143 #link4 a,
#header-links a:hover {
  border-bottom:2px solid #b7d2e7;
}
.homepage #header-links li#link1 {
  display:none;
}



/* MENU ------------------------------------------------------------------------ */

#menu ul, #menu li {
  margin:0;
  padding:0;
  background:none;
}
#menu ul {
  background:url('/images/menu-separator.gif') left bottom no-repeat;
  padding-left:2px;
}

#menu li {
  background:url('/images/menu-separator.gif') right bottom no-repeat;
  padding-right:2px;
}
#menu a {
  height:40px; /* 80 */
  padding:40px 20px 0 20px;
  text-align:center;
  font-weight:bold;
  color:#3c516a;
  text-transform:uppercase;
  text-decoration:none;
  outline:none;
}
#menu li#menu4 {
  margin-right:-1px;
}
.root_134 #menu1 a,
.root_138 #menu2 a,
.root_139 #menu3 a,
.root_140 #menu4 a,
#menu a:hover {
  background:url('/images/menu-hover.gif') bottom repeat-x;
}



/* SUBNAV ---------------------------------------------------------------------- */

#nav {
  width:184px;
  background:url('/images/nav-bg.jpg') top left no-repeat;
  height:auto !important;
  min-height:674px;
  height:674px;
}

#rootname {
  height:110px;
  overflow:hidden;
}
#rootname #unlink, #rootname a {
  color:#3c516a;
  font-weight:bold;
  font-size:13px;
  text-transform:uppercase;
  text-decoration:none;
  outline:none;
}
#rootname a:hover {
  color:#6483a8;
  text-decoration:underline;
}
#rootname table {
  width:100%;
  height:100%;
}

#rootname table td {
  vertical-align:middle;
  padding:10px 20px;
  text-align:center;
}

#navbox {
  height:280px;
}
#navbox ul, #navbox li {
  margin:0;
  padding:0;
  background:none;
  position:relative; /* ie6 == ignorant */
}
#navbox ul {
  margin:10px;
}
#navbox li {
  background:url('/images/nav-separator.gif') bottom left no-repeat;
  padding-bottom:1px;
  margin-bottom:-1px;
}
#navbox a {
  margin-top:-1px;
  color:#3c516a;
  padding:5px 5px 5px 12px;
  display:block;
  text-decoration:none;
  outline:none;
}
#navbox li.navactive a,
#navbox a:hover {
  color:#d49434;
  border-left:7px solid #8ca7c8;
  padding-left:5px;
}

#mapbox {
  padding:0 10px;  
  height:102px;
  overflow:hidden;
}
#mapbox .heading {
  color:#3c516a;
  font-size:14px;
  padding:2px 0 0 32px;
  background:url('/images/h-bullet2.gif') 8px 0px no-repeat;
}  
#mapbox .heading span {
  font-weight:bold;
  text-transform:uppercase;
}
#mapbox #mapbutton {
  background:url('/images/map-button.gif') top left no-repeat;
  height:46px;
  width:65px; /* 155 */
  line-height:46px;
  padding:0 5px 0 85px;
  text-transform:uppercase;
  color:#ffffff;
  font-weight:bold;
  overflow:hidden;
  display:block;
  margin:10px 0 0 5px;
  outline:none;
}
#mapbox #mapbutton:hover {
  color:#ffba52;  
}

#contactbox {
  padding:30px 10px 20px 15px;
  font-size:11px;
}
#contactbox .heading {  
  margin:0 0 12px 0;
  color:#becbdb;
  text-transform:uppercase;
  font-weight:bold;
  font-size:13px;
}



/* HOME ------------------------------------------------------------------------ */

#impact {
  background:url('/images/impact.jpg') top left no-repeat;
  height:301px;
  overflow:hidden;
}

#mapflash {
  width:570px;
  height:200px;
}
#mapflash2 {
  width:586px;
  height:200px;
  margin:138px 0 0 -20px;
  background: url('/images/mapbg.jpg') repeat-x;
}

.homepage #content-top {
  background: #375271 url('/images/home-content-top.jpg') top left no-repeat;
  height:200px;
  overflow:hidden;
}


.homepage #content-topleft {
  width: 362px;
  color:#ffffff;
  margin-bottom: 40px;
  padding-top: 35px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 13px;
}
.homepage #content-topleft .bigger {
  font-size:18px;
}

.homepage #content {
  background: url('/images/vr.jpg') 314px repeat-y;
  margin:0;
  padding:0;
}
.homepage #content-left {
  width: 310px; /* 325 */
  margin: 0;
  padding-top: 20px;
  padding-bottom: 15px;
  padding-left: 15px;
  background: url('/images/home-content-left.gif') top left no-repeat;
}
.homepage #content .heading {
  font-size: 17px;
  font-weight: bold;
  color: #23364E;
  margin:0 0 15px 0;
}

.homepage #content-middle {
  background-color: #FFFFFF;
  background:url('/images/home-content-middle.gif') top left no-repeat;
  width: 292px; /* 322 */
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 15px;
  padding-left: 10px;
  margin:0 0 0 -10px;
}
.homepage #content-right {
  width: 293px; /* 323 */
  padding: 20px 20px 15px 10px;
  
}
#logo-cognos {
  background:url('/images/logo-cognos.gif') top left no-repeat;
  height: 100px;
  width: 286px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#home-img1 {
  background-image:url('/images/home-img1.jpg');
  height:auto !important;
  min-height: 100px;
  height: 100px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 70px;
}
#home-img2 {
  background-image:url('/images/home-img2.jpg');
  background-repeat: no-repeat;
  height:auto !important;
  min-height: 100px;
  height: 100px;
  padding: 0px 0px 0px 90px;
}




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

.contentpage #content {
  background:url('/images/content-right.gif') 770px repeat-y;
}
.contentpage #content-wrapper {
  background:url('/images/content-bg.jpg') top right no-repeat;
}
.contentpage #content-content {
  width:546px; /* 586 */
  margin:80px 0 0 0;
  padding:0 20px 20px 20px;
}
#pagetitle {
  height:36px;
  overflow:hidden;
  line-height:36px;
  padding:0 20px 0 40px;
  margin:0 0 20px 0;
}


.contentpage #content-right {
  width:180px;
  margin:80px 0 0 0;  
}
.contentpage #printbox {
  height:36px;
  overflow:hidden;
  line-height:36px;  
}
.contentpage #printbox a {
  background:url('/images/icon-printer.gif') 0px 3px no-repeat;
  padding:0 0 0 15px;
  color:#7d97b7;
  outline:none;
}
.contentpage #printbox a:hover {
  color: #f47a00; 
}

.contentpage #content-right-content {
  background:url('/images/content-right.gif') top left repeat-y;
  height:auto !important;
  min-height:546px;
  height:546px;
  padding:0 10px 20px 10px;
}
.contentpage #content-right-content .topheading, .contentpage #content-right-content .heading {
  background:url('/images/h-bullet.gif') 10px 0px no-repeat;
  padding:1px 5px 10px 37px;
  margin:0 -10px;
  color:#3c516a;
  font-size:15px;
}
.contentpage #content-right-content .topheading {
  background-color:#ffffff;
  background-position:10px 9px;
  padding-top:10px;
  margin-bottom:5px;
}
.contentpage #content-right-content .paddedbox {
  margin-left:-10px;
  padding-left:49px;
  font-size:11px;
  color:#7d97b7;
}
.contentpage #content-right-content .videobox {
  margin-left:-10px;
  padding-left:20px;
  font-size:11px;
  color:#7d97b7;
}

.contentpage #content-right-content #resourcebox {
  background:url('/images/content-img2.jpg') top left no-repeat;
}
.contentpage #content-right-content #videobox {
  background:url('/images/cont ent-img2.jpg') top left no-repeat;
}
.contentpage #content-right-content #envirobox {
  background:url('/images/content-img1.jpg') top left no-repeat;
}
.contentpage #content-right-content .paddedbox ul {
  margin-top:0;
}
.contentpage #content-right-content .paddedbox li {
  margin-left:7px;
}
.contentpage #content-right-content .paddedbox li a {
  color:#7d97b7;
}
.contentpage #content-right-content .paddedbox li a:hover {
  color: #f47a00; 
}



/* FOOTER ---------------------------------------------------------------------- */

#footer {
  padding:10px;
  background:#46668c url('/images/footer.gif') bottom repeat-x;
}

#footer ul, #footer li {
  margin:0;
  padding:0;
  background:none;
}

#footer a {
  color:#ffffff;
  font-weight:bold;
  font-size:10px;
  text-transform:uppercase;
  text-decoration:none;  
  padding-right:10px;
  margin-right:10px;
  border-right:1px solid #96b0cf;
  outline:none;
}
#footer li.last a {
  padding:0;
  margin:0;
  border:none;
}
#footer a:hover {
  text-decoration:underline;
}

#subfooter {
  padding:15px 10px;
}

#copyright {
  font-size:10px;
  color:#4f79ac;
}
#copyright a {
  color:#4f79ac;
  outline:none;
}
#copyright a:hover {
  text-decoration:underline;
  color: #f47a00; 
}
#copyright .pipe {
  padding:0 10px;
  color:#97adc8;
}

#credit {
  float:right;
}
#credit a {
  font-size:10px;
  color:#4f79ac;
  text-decoration:none;
  outline:none;
}
#credit a:hover {
  text-decoration:underline;
}



/* SITE MAP ------------------------------------------------------------------- */

.sitemap ul {
  padding:0 0 0 50px;
  margin:0;
}
.sitemap ul ul {
  padding:0 0 0 5px;
}
.sitemap li {
  background:url('/images/bullet-page.gif') 0px 1px no-repeat;
  margin:0 0 15px 0;
  padding:0 0 0 15px;
}
.sitemap li a {
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
  outline:none;
}
.sitemap li li {
  margin: 0 0 4px 0;
  background:url('/images/bullet-sub.gif') 0px 4px no-repeat;
  padding:0 0 0 10px;
}
.sitemap li li a {
  font-size:11px;
  font-weight:normal;
  text-transform:none;
}
.sitemap a:visited {
  color:#ad947b;
}
.sitemap a:hover {
  color:#f47a00;
}



/* CUSTOMIZATIONS -------------------------------------------------------------- */

.arrow-blue {
  background:url('/images/bullet2.gif') 0px 2px no-repeat;
  padding-left: 15px;
  color: #FFFFFF;
  outline:none;
}
.arrow-blue:hover {
  color:#EAAF61;
}

.arrow-light {
  background:url('/images/bullet3.gif') 0px 2px no-repeat;
  padding-left: 15px;
  color: #B46210;
  outline:none;
}
.arrow-light:hover {
  color: #314867;
}