html {
  font-family: Arial, Verdana, Sans-serif;
  font-size: 75%;
  overflow: auto;
}

body {
  margin: 0;
  padding: 0;
}

a {
  color: black;
}

.emphasis {
  font-weight: bold;
  color: #87c1ec;
}

h1 {
  margin-left: -30px;
  padding-left: 30px;
  background-image: url(_layouts/arrow-heading.gif);
  background-repeat: no-repeat;
  background-position: center left;
  color: #002b68 !important;
  font-size: 200%;
  font-weight: normal !important;
}

.changer_editor h6 {
  font-size: 14px !important;
}

.blog
{
  background: #cfe9f9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfe9f9');
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfe9f9));
  background: -moz-linear-gradient(top,  #fff,  #cfe9f9);
  padding: 15px;
}

h2 {
  color: #002b68 !important;
  font-size: 180%;
  font-weight: normal !important;
}

h3 {
  color: #002b68 !important;
  font-size: 120%;
  font-weight: bold !important;
}

a.arrow, .arrow a {
  background: url(_layouts/arrow-s.gif) no-repeat center right;
  padding-right: 20px;
  font-weight: bold;
  color: #002b68;
  text-decoration: none;
}

#page {
  width: 980px;
  margin: 0 auto;
  position: relative;
}

#header {
  background-image: url(_layouts/header.jpg);
  background-repeat: no-repeat;
  background-position: top right;
  height: 104px;
}

#header h1 {
  margin: 0px;
  padding: 0px;
  background-image: none;
  font-size: 100%;
  font-weight: normal;
}

#header h1 a {
  background-image: url(_layouts/logo.gif);
  background-repeat: no-repeat;
  display: block;
  width: 507px;
  height: 103px;
  text-indent: -9999px;
}


#navigation {
  display: block;
  height: 26px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#navigation li {
  float: left;
  margin: 1px 1px 1px 0px;
}

#navigation li a, #navigation li a span {
  display: block;
  width: 195px;
  height: 26px;
  color: #04245c;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}

#navigation li a span {
  position: absolute;
  background-image: url(_layouts/nav-button.gif);
  background-repeat: no-repeat;
  text-align: center;
  display: block;
  line-height: 25px;
  cursor: pointer;
  z-index: 0;
}

#navigation li a.selected span, #navigation li a span.hover {
  background-image: url(_layouts/nav-button-selected.gif);
  display: none;
  color: white;
  z-index: 1;
}

#navigation li a.selected span.hover {
  display: block;
}

#subnavigation, #main, #sidebar {
  margin-top: 21px;
  margin-bottom: 25px;
}

#subnavigation {
  float: left;
  padding: 0;
  margin-left: 17px;
  width: 176px;
}

.root #subnavigation {
  display: block;
  list-style-type: none;
  float: right;
  margin-left: 0; 
}

.root #subnavigation li  {
  background-image: url(_layouts/block-bottom.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  padding-bottom: 12px;
  margin: 0 0 10px 0;
}

.root #subnavigation li.telephone,
.root #subnavigation li.graph  {
  background-image: url(_layouts/telephone.jpg);
  background-position: center center;
  padding: 0 0 0 45px;
  line-height: 33px;
  color: #002b68;
  font-weight: bold; 
}

.root #subnavigation li.telephone a,
.root #subnavigation li.graph a {
  color: #002b68;
}

.root #subnavigation li.graph {
  background-image: url(_layouts/graph.jpg);
}

.root #subnavigation li a {
  display: block;
  position: relative;
}

.sub #subnavigation-inner {
  position: relative;
}

.sub #subnavigation-bottom {
  background-image: url(_layouts/block-bottom.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  height: 12px;
} 

.sub #subnavigation h2 {
  margin: 0px 8px 20px 8px;
  font-weight: normal;
  font-size: 180%;
}

.sub #subnavigation ul {
  display: block;
  list-style-type: none;
  margin: 0 8px;
  padding: 0;
}

.sub #subnavigation ul a {
  display: block;
  font-size: 90%;
  padding: 5px 0 5px 30px;
  }

.sub #subnavigation ul a.selected {
  background-image: url(_layouts/arrow-subnav.gif);
  background-position: center left;
  background-repeat: no-repeat;
  font-weight: bold;
}

.gradient, .gradient a {
  text-decoration: none;
  color: #002b68;
  font-weight: normal;
}


#subnavigation li a img {
  border-width: 0;
  display: block;
  margin: 0 8px;
}

#subnavigation li a span {
  margin: 0 8px;
  display: block;
  }
  
.gradient .name {
  font-size: 110%;
  margin-top: 0.2em;
  font-weight: bold;
}
  
.gradient .desc {
  margin-top: 0.2em;
  font-size: 90%;
}

.gradient p
{
  font-size: 90%;
}

.gradient .readmore {
  margin-top: 0.2em;
  font-size: 90%;
}

.gradient .readmore {
  background-image: url(_layouts/arrow.gif);
  background-repeat: no-repeat;
  background-position: center left;
  color: #0089cf;
  padding-left: 20px;
  font-weight: bold;
  text-transform: capitalize;
}

#main {
  margin-left: 254px;
  margin-right: 225px;
}

.ie6 #main, .ie7 #main
{
  width: 490px;
  overflow-x: hidden; 
}

#main.editor
{
  height: 475px;
}

#main, .changer_editor {
  line-height: 1.5;
}

#sidebar {
  float: right;
  width: 197px;
}

.root #sidebar {
  float: left;
  margin-left: 17px;
}

.sub #sidebar {
  display: block;
  list-style: none;
  margin-right: 1px;
  margin-left: 0;
  padding: 0;
}


.sub #banners {
  float: left;
  padding: 0;
  margin: 0 !important;
  width: 176px;
}

.sub #banners li {
  background-image: url(_layouts/block-bottom.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  padding-bottom: 12px;
}


.sub #banners li a {
  display: block;
  position: relative;
  padding: 0;
}

.sub #banners li span {
  display: block;
  margin: 0 8px;
}

.sub #banners li img {
  behavior: url(/_public/iepngfix.htc);
  margin: 5px 8px;
}



.sub #sidebar a img {
  border-width: 0;
  margin-bottom: 5px;
}

#segmentation {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#segmentation li {
  margin-bottom: 3px;
  }

#segmentation li a {
  display: block;
  background-image: url(_layouts/sidebar-button.gif);
  background-repeat: no-repeat;
  width: 183px;
  height: 26px;
  color: #04245c;
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
  text-decoration: none;
  text-indent: 40px;
}

#news {
  position: relative;
  margin-right: 14px; 
}

#news h3 {
  padding: 0 9px;
  margin: 14px 0;
  font-size: 120%;
}

#news ul {
  display: block;
  margin: 0;
  padding: 0 9px;
  list-style-type: none;
}

#news ul li {
  padding-top: 10px;
  border-top: 1px solid #04245c;
  margin-top: 10px;
}


#news ul span {
  display: block;
}

#news-bottom {
  background-image: url(_layouts/block-bottom-sidebar.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  height: 12px;
  margin-right: 14px;
  font-size: 0;   
}

#footer {
  clear: both;
}

.C4Warning {
}

a.projects {
  display: none;
}

#fancybox-close {
  background: transparent url(_layouts/close2.gif) no-repeat scroll left top !important;
  height: 30px !important;
  position: absolute;
  right: -18px !important;
  top: -10px !important;
  width: 30px !important;
}

/* MOBILE */
.ui-mobile h1 {
  background-image: none;
  color: white !important;
}

.ui-bar-d {
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#233768),color-stop(1,#8593B0));
  color: white;
  text-shadow: 0 1px 0 black;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#233768',EndColorStr='#8593B0')";
}

.ui-footer a {
  margin: 5px !important;
  margin-left: 15px !important;
}