* {
  margin: 0;
  padding: 0;
  border: 0;
}

a {
  color: #003079;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

body {
  background-color: #E4E9EB;
  text-align: center;
  font: 10px Verdana, sans-serif;
  color: #4A4A4A;
}

h1, h2, h3, h4, h5, h6 {
  font-family: georgia;
  font-weight: normal;
  color: #003079;
  margin: 2px 0 2px 0;
}

h1 {
  font-size: 260%;
  letter-spacing: 260%;
  line-height: 110%;
  margin: 2px 0 10px 0;
}

h2 {
  font-size: 170%;
  margin: 2px 0 2px 0;
}

h3 {
  font-size: 150%;
  margin: 2px 0 5px 0;
}

h4 {
  font-size: 130%;
  margin: 2px 0 2px 0;
}

p {
  font-size: 110%;
  font-family: verdana, sans-serif;
  margin: 0 0 20px 0;
  line-height: 150%;
}

span.grey {
  color: #616161;
}

.clearfloat {
  clear: both;
}

a.button {
  background: transparent url('/images/user_images/Image/4/bg_button_a.gif') no-repeat  top right;
  color: #FFF;
  display: block;
  float: left;
  font: normal 10px arial, sans-serif;
  height: 19px;
  margin-right: 6px;
  padding-right: 6px;  /* sliding doors padding */
  text-decoration: none;
}

a.button span {
  background: transparent url('/images/user_images/Image/4/bg_button_span.gif') no-repeat top left;
  display: block;
  height: 19px; 
  padding: 5px 2px 14px 23px; 
}


#page {
  margin: auto;
  padding: 10px;
  background-color: #fff;
  width: 890px;
  text-align: left;
}

/* --------------------------- Header --------------------------- */

#header #logo {
  height: 82px;
  width: 158px;
}

#header #main_nav {
  height: 30px;
  background: #5C92C4 url(/images/main_nav_bg.gif) no-repeat;
  margin-bottom: 2px;
}


#nav {
  margin-left: 285px;
}

#nav, #nav ul { /* all lists */
  list-style: none;
}

#nav a { /* all links */
  display: block;
  text-transform: uppercase;
  text-decoration: none;
}

#nav li { /* all list items */
  float: left;
  height: 30px;
}

#nav li ul { /* second-level lists */
  position: absolute;
  background: #ffffff;
  width: 30em;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
  left: auto;
}

#nav li:hover, #nav li.over {
  background: url(/images/menu_item_selected.jpg) no-repeat bottom center;
}

#nav li ul li:hover, #nav li ul li.over {
  background: #ffffff;
}

#nav li a {
  color: #ffffff;
  padding: 0 10px 0 10px;
  line-height: 30px;
  display: block;
  background: url(/images/menu_divider.jpg) no-repeat right;
}

#nav li ul li a {
  color: #3A3A3A;
  height: 16px;
  line-height: 16px;
  display: block;
  padding: 0 0 0 1.1em;
  width: 28.9em;
  clear: both;
  border-top: 1px solid #DADADA;
  background: none;
  overflow: hidden;
}

#nav li ul li a:hover {
  color: #002A66;
}

#nav li ul li {
  height: 2em;
}


#nav li ul.newsroom {
  width: 25em;
}

#nav li ul.newsroom li a {
  width: 23.9em;
}


#header #banner {
  width: 890px;
  height: 237px;
  margin-bottom: 5px;
}

#header #breadcrumb {
  height: 40px;
  background: #DAE6F2;
  text-align: left;
  text-transform: uppercase;
  padding-left: 14px;
}


#breadcrumb a {
  color: #4A4A4A;
  text-decoration: none;
}

#contact, #breadcrumb_items {
  float: left;
  margin-top: 15px;
}

#contact {
  width: 100px;
  margin-right: 180px;
}

#contact img {
  vertical-align: -2px;
  margin-right: 5px;
}

#breadcrumb_items {
  width: 500px;
}

.separator {
  color: #4A4A4A;
}

#breadcrumb_items span.current {
  color: #003079;
  text-decoration: underline;
}

/* --------------------------- End of Header --------------------------- */

#left_column, #right_column, #middle_column {
  float: left;
  text-align: left;
}

/* --------------------------- Left column --------------------------- */
#left_column {
  width: 245px;
  padding: 30px 0 0 30px;
  margin-right: 20px;
}

#left_nav {
  margin-top: 10px;
  list-style: none;
}

#left_nav li {
  width: 245px;
  padding: 2px;
}

#left_nav li.current a {
  color: #003079;;
  text-decoration: underline;
}

#left_nav li a {
  font-size: 90%;
  color: #4A4A4A;
  text-decoration: none;
  text-transform: uppercase;
}

#left_nav li a:hover {
  color: #003079;
  border-bottom: 1px solid #4A4A4A;
}

h2.section_title {
  display: inline;
  margin-bottom: 10px;
  border-bottom: 1px solid #CCCCCC;
}

/* --------------------------- End of Left column --------------------------- */



/* --------------------------- Start of Middle Column column --------------------------- */

#middle_column ul {
  margin: 0 0 20px 15px;
  line-height: 130%;
  font-size: 110%;
}

#middle_column ul.paragraph_style {
  margin: 0 0 20px 0px;
  line-height: 130%;
}

#middle_column .paragraph_style li {
  display: inline;
  margin-right:8px;
}

#middle_column {
  width: 380px;
  padding-top: 30px;
}

#middle_column h3 {
  color: #003079;
}

#middle_column p {
  color: #4A4A4A;
}
/* --------------------------- End of Left column --------------------------- */


/* ------------------------------ Right column ------------------------------ */
#right_column {
  width: 210px;
  padding-top: 30px;
}
/* --------------------------- End of Right column --------------------------- */


#footer {
 text-align: left;
 margin-top: 20px;
}

#footer #copyright {
  background-color: #E4E9EB;
  text-transform: uppercase;
  color: #616161;
  font-size: 90%;
  padding: 10px 0 10px 25px;
}


.casestudy {
  border: 6px solid #DAE6F2;
  width: 520px;
  margin-bottom: 10px; 
}

.casestudy .casestudy_text {
  float:left;
  width: 350px;
  margin: 10px 0 0 10px;
}

.casestudy .casestudy_text p {
  margin-bottom: 0px;
}

.casestudy .casestudy_image {
 float: right;
 width: 137px;
}

.casestudy_image {
  padding: 5px;
}

.casestudy_text h4 {
  font-size: 120%;
  margin: 0;
}

.casestudy_text p {
  color: #8C8C8C;
  padding: 3px 0 3px 0;
  
}


.image-text-box {
  background: url(/images/user_images/Image/4/little-plane.gif) no-repeat 150px center;
}

.image-left {
  float: left;
  width: 137px;
}

#middle_column p.right-caption {
  width: 205px;
  padding: 65px 0 10px 0px;
  margin: 0 0 0 175px;
  border-bottom: 1px solid #3D90D7;
  font: 100%/140% Verdana,sans-serif;
  color:#8C8C8C;
}

.callout {
  padding-left:60px;
  width:136px;
  font-size:90%;
}

.callout p { 
  font-size: 10px;
  font:Verdana;
  color:#8C8C8C;
  margin-top:20px;
  padding-bottom:10px;
  border-bottom: 1px solid #3D90D7;
}

.callout a {
  text-decoration:none;
  font-size: 9px;
  color: #003079; 
  font-face:arial,sans-serif; 
  text-transform:uppercase;
}