/************************************/
/* Setting up some defaults, resets */
/************************************/

body, a, p, h1, h2, h3, img, ul, li {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-weight: normal;
}

#body-id {
  font-size: 100%;
  font-family: "News Gothic MT", "Trebuchet MS", Helvetica, sans-serif;

  background-image: url('../images/bg_top_plus_header_2.jpg');
  background-repeat: repeat-x;
  background-position: top left;
  background-color: #333333
}

/***************/
/* Top Section */
/***************//**************/
/* This section holds the logo */
/*******************************/

#top {
  margin: 0;
  padding: 0;
  height: 88px;
  width: 100%;

  overflow: hidden;

/*  background-color: white; */
}

#top-logo {
  width: 940px;
  margin: 0 auto;
  padding: 0;
  height: 100%;

/*  background-image: url('../images/logo.png');
  background-repeat: no-repeat;
  background-position: top left; */
}

#top-logo img {
  margin-top: 20px;
  padding-left: 18px;
}

#mobme-logo, #mobme-search {
  float: left;
}

#mobme-search {
  padding-left: 485px;
  margin-top: 31px;
}

.mobme-textInput {
  border: 1px solid rgb(191, 191, 191);
  font-size: 80%;
  margin: 0px;
  margin-right: 5px;
  padding: 0px;
}

.float-left{
  float: left;
  margin: 0px;
  padding: 0px;
}

.search-button {
  padding-top: 3px;
 }

/******************/
/* Header Section */
/******************//**************************/
/* Holds most of the imagery / header content */
/**********************************************/

#header {
  margin: 0;
  padding: 0;
  color: white;
}

#header-container {
  width: 940px;
  margin: 0 auto;
  padding: 0;
  height: 100%;
}

#middle-header {
  font-family: "News Gothic MT", Arial, Helvetica, sans-serif;
  background-image: url('../images/hills-3.png');
  background-repeat: no-repeat;
  background-position: bottom left;
  height: 330px;
}

#middle-header-left {
  width: 500px;
  float: left;
  height: 330px;

/*  background-image: url('../images/test.png');
  background-repeat: no-repeat;
  background-position: bottom left; */
}

#middle-header-left p {
  width: 170px;
  height: 30px;
  border: 1px dashed white;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  padding-top: 8px;
  padding-left: 20px;
  margin-top: 115px;
  margin-left: 145px;
}

#middle-header-right {
  width: 440px;
  float: left;

}

#middle-header-right p {
  color: white;
  padding-left: 30px;
  padding-top: 10px;
  font-size: 90%;
}

#middle-header-right h1 {
  color: white;
  font-size: 200%;
  padding-top: 10px;
  padding-left: 30px;
}

#middle-header-right img {
  margin-top: 15px;
  padding-left: 30px;
}

#middle-header-careers {
  /*height: 330px;*/
}

/*********************/
/* Main Menu Section */
/*********************//************/
/* Defines the horizontal menu bar */
/***********************************/

#main-menu {
  /*background-color: #333333;*/
  height: 36px;
  margin: 0px;

  background-image: url('../images/menu_bg.png');
  background-repeat: repeat-x;
  background-position: bottom left;
}

#main-menu-container {
  width: 940px;
  height: 33px;
  margin: 0px auto;
  padding-top: 3px;
}

ul#main-menu-list {
  white-space: nowrap;
}

#main-menu li {
  padding: 0px;
  display: inline;
  list-style-type: none;
  height: 33px;
}

#main-menu a {
  padding-top: 7px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 0px;
  margin-right: 3px;
  font-size: 90%;
  float: left;
  height: 25px;
}

#main-menu a:link, #main-menu a:visited {
  color: #aaaaaa;
  text-decoration: none;
}

#main-menu a:hover {
  color: #dddddd;
}

#active a:link, #active a:visited, #active a:hover {
  color: black;
  background-color: #f4f7f9;
  border-left: 1px solid #f4f7f9;
  border-right: 1px solid #f4f7f9;
  border-top: 1px solid #f4f7f9;
  -moz-border-radius-topleft: 0.7em;
  -webkit-border-top-left-radius: 0.7em;
  -moz-border-radius-topright: 0.7em;
  -webkit-border-top-right-radius: 0.7em;
}

/*******************/
/* Content Section */
/*******************//********/
/* Defines the content block */
/*****************************/

#content {
  margin: 0;
  padding: 0;
  background-image: url('../images/content_gradient_blue.png');
  background-repeat: repeat-x;
  background-color: #f6f8f9;
  background-position: top left;
  font-size: 85%;
  line-height: 150%;
}

#content-container {
  width: 940px;
  margin: 0 auto;
}

.content-clear {
  clear: both;
}

#content a {
  color: #000000;
}

/*****************/
/* Content Types */
/*****************//******************************/
/* Used to style the different blocks of content */
/*************************************************/

#content-headline {
  height: 48px;
}

ul#latest-news {
  list-style-type: none;
}

#content-headline li {
  font-size: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  width: 100%;
}

#content-headline a {
  color: black;
  text-decoration: none;
}

#content-headline a:hover {
  color: black;
  text-decoration: underline;
}

/* Text block, divided in two */
.text-block-half {
  padding-top: 10px;
  clear: both;
}

.text-block-half h2 {
  font-size: 130%;
  text-shadow: #888888 0.1em 0.1em 0.2em;
}

.text-block-half p {
  padding-top: 10px;
  color: #333333;
}

.text-block-half-left {
  float: left;
  width: 450px;
  padding: 10px;
  padding-right: 20px;
  padding-left: 0px;
}

.text-block-half-right {
  float: left;
  width: 450px;
  padding: 10px;
  padding-left: 20px;
  padding-right: 0px;
}

/* Video block, with text on one side, and embedded video on the other */
.video-block-half {
  clear: both;
  padding-top: 10px;
}

.video-block-half h2 {
  font-size: 130%;
  text-shadow: #888888 0.1em 0.1em 0.2em;
}

.video-block-half p {
  padding-top: 10px;
  color: #333333;
}

.video-block-half-right-video {
  float: left;
  width: 450px;
  padding: 10px;
  padding-right: 0px;
  padding-left: 20px;
}

.video-block-half-left-text {
  float: left;
  width: 438px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 20px;
  padding-bottom: 15px;
  margin-top: 10px;

  background-color: #eeeeee;
  color: black;
  border: 1px solid #e2e2e2;

  -moz-border-radius-topright: 1em;
  -webkit-border-top-right-radius: 1em;
  -moz-border-radius-bottomleft: 1em;
  -webkit-border-bottom-left-radius: 1em;
}

.video-block-half-left-video {
  float: left;
  width: 450px;
  padding: 10px;
  padding-right: 20px;
  padding-left: 0px;
}

.video-block-half-right-text {
  float: left;
  width: 438px;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 10px;
  padding-bottom: 15px;
  margin-top: 10px;

  background-color: #eeeeee;
  color: black;
  border: 1px solid #e2e2e2;

  -moz-border-radius-topleft: 1em;
  -webkit-border-top-left-radius: 1em;
  -moz-border-radius-bottomright: 1em;
  -webkit-border-bottom-right-radius: 1em;
}

/* Video block, taking up full horizontal space. */
.video-block-full {
  clear: both;
  padding-top: 10px;
}

/* Text block, taking up full horizontal space. */
.text-block-full {
  clear: both;
  padding: 0px;
  padding-top: 20px;
  padding-bottom: 10px;
}

.text-block-full-highlight {
  clear: both;
  padding: 0px;
  margin-top: 10px;
  padding: 15px;
  background-color: #e0e8ee;

  color: #333333;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 150%;
  line-height: 140%;

  text-shadow: #a0a8aa 0.1em 0.1em 0.15em;

  -moz-border-radius-topleft: 1em;
  -webkit-border-top-left-radius: 1em;
  -moz-border-radius-bottomright: 1em;
  -webkit-border-bottom-right-radius: 1em;
}

.text-block-full h2 {
  font-size: 130%;
  text-shadow: #888888 0.1em 0.1em 0.2em;
}

.text-block-full p {
  padding-top: 10px;
  color: #333333;
}

/**********
 * People *
 * ********/

/* Nav */

.people-nav {
  margin: 10px 0px 0px 0px;
  border: 1px solid #d0d8dd;
  background-color: #e0e8ee;
  padding: 0px 0px 0px 0px;

  -moz-border-radius-topleft: 1em;
  -webkit-border-top-left-radius: 1em;
  -moz-border-radius-bottomright: 1em;
  -webkit-border-bottom-right-radius: 1em;

  float: left;
  margin-right: 10px;
}

.people-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.people-nav li {
  display: inline;
  margin: 0;
  padding: 0;
}

.people-nav a {
  text-decoration: none;
  padding: 6px 10px 6px 10px;
  font-variant: small-caps;
  float: left;
  display: block;
}

.people-nav a:hover {
  background-color: #f0f8ff;
}

p.people-nav-header {
  font-weight: bold;
  padding: 6px 10px 6px 10px;
  font-variant: small-caps;
  float: left;
  display: block;
}

/* Photos */

#people-photos ul {
  list-style-type: none;
  margin: 10px 0px 0px 8px;
  padding: 0;
}

#people-photos li {
  border: 1px solid #f0f8ff;
  display: inline;
  margin: 0px 7px 0px 7px;
  padding: 7px 7px 7px 7px;
  float: left;
  line-height: 135%;
}

#people-photos li:hover {
  background-color: #e0e0e0;
  border: 1px solid #e0e0e0;

  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
}

#people-photos a {
  border: 0;
  margin: 0;
  padding: 0;
}

#people-photos a.name {
  text-decoration: none;
  color: #005dcc;
  margin: 0;
  padding: 0;
  font-variant: small-caps;
  font-weight: bold;
  width: 160px;
}

#people-photos a:hover.name {
  color: #003daa;
}

#people-photos p.position {
  margin: 0;
  padding: 0;
  font-size: 80%;
  color: #444444;
  width: 160px;
}

.contentbox-title {
  font-weight: bold;
  font-variant: small-caps;
  font-size: 120%;
  margin: 0;
  padding: 0;
}


/********/
/* News */
/********/

#news-wrapper {
  margin-top: 15px;
}

#left-menu-section {
  float: left;
  background-color: #e0e8ee;
  border: 1px solid #d0d8dd;
  padding: 10px;
  width: 120px;

  -moz-border-radius-topleft: 1em;
  -webkit-border-top-left-radius: 1em;
  -moz-border-radius-bottomright: 1em;
  -webkit-border-bottom-right-radius: 1em;
}

#right-news-section {
  float: left;
  padding: 0px 0px 10px 20px;
  width: 778px;
}

.news-article {
  padding: 0px;
  margin: 10px 0px 15px 0px;
}

.news-article p {
  padding: 0;
}

p.news-date {
  font-size: 75%;
  padding: 0;
}

p img {
 float: right;
 margin: 0px 0px 10px 10px;
}

/*********************/
/* Accordion Styling */
/*********************/

#accordion {
  margin: 0;
  padding: 0;
}

#accordion a {
  width: 100px;
  text-decoration: none;
  display: block;
  margin: 0px;
  padding: 0px;
}

#accordion li {
  margin: 0;
  list-style-type: none;
}

#accordion ul li a {
  padding: 4px;
  margin: 2px 0px 2px 0px;
  border: 1px solid #f0f8ff;

  -moz-border-radius-topleft: 0.5em;
  -webkit-border-top-left-radius: 0.5em;
  -moz-border-radius-bottomright: 0.5em;
  -webkit-border-bottom-right-radius: 0.5em;
}

#accordion ul li a:hover {
  background-color: #f6f8f9;
  border: 1px solid #f6f8f9;
  width: 110px;
}

#accordion ul li ul li a{

  text-decoration: none;
  padding: 4px;
  margin: 2px 0px 2px 0px;
  border: 1px solid #c6d0d6;
  background-color: #c6d0d6;

  -moz-border-radius-topleft: 0.5em;
  -webkit-border-top-left-radius: 0.5em;
  -moz-border-radius-bottomright: 0.5em;
  -webkit-border-bottom-right-radius: 0.5em;
}

#accordion ul li ul li a:hover{
  width: 110px;
  background-color: #f6f8f9;
  border: 1px solid #f6f8f9;
}

#accordion a.ui-state-active {
  width: 110px;
  background-color: #f6f8f9;
  border: 1px solid #f6f8f9;
}

/***********
 * Contact *
 ***********/
.location-entry {
  float: left;
  width: 450px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
}

.location-entry h2 {
  font-size: 130%;
  text-shadow: #888888 0.1em 0.1em 0.2em;
}

.location-address {
  padding-top: 10px;
  line-height: 115%;
}

.location-image {
  float: left;
  padding: 5px;
}

.location-description-block {
  float: left;
  padding-left: 10px;
}

/******************/
/* Footer Section */
/******************/

#footer {
  margin: 0;
  padding: 0;
  padding-top: 30px;
  /*border: 2px solid black;*/
  background-color: #333333;
  height: 90px;

  background-image: url('../images/bg_footer_bottom.png');
  background-repeat: repeat-x;
  background-color: #f6f8f9;
  background-position: bottom left;

  clear: both;
}

#footer-container {
  width: 940px;
  margin: 0 auto;
  padding: 0;
  height: 100%;
  color: white;

  background-image: url('../images/bg_footer_top.png');
  background-repeat: no-repeat;
  background-color: #f6f8f9;
  background-position: top right;
}

#footer-text {
  width: 350px;
  padding-left: 413px;
  padding-top: 20px;
  text-align: center;
  color: #cccccc;
}

#footer-text p {
  font-size: 70%;
}

#awards-box {
    margin:auto;
    width:940px;
    text-align: center;
}

#awards-box img {
    margin: 20px 0px 0px 0px;
    padding: 0px 10px 0px 10px;
}