/* Please do not edit! This file was created by MakeStyle and might be rewritten. */

/* JH.com CSS v 4 */

/* Usage notes:
      Top and bottom bars and banners, along with H1 and H2, appear directly in
      the body. Everything else is nested inside a Content or PhotoContent div.
*/
body {
  margin-left: 0;
  margin-right: 0;
  background-image: url(/Images/ArticleBG.gif);
  background-repeat: repeat-y;
  background-color: white;
  font-family: arial,sans-serif;
  font-size: 10pt;
}

/* Banners and Nav Bars */

.TopNavBar {
  margin-left: 34px;
  font-size: 12px;
  font-family: arial,sans-serif;
  font-weight: bold;
  text-align: left;
  margin-top: 0;
  margin-bottom: 5px;
  color: #bfcce6;
  background-color: white;
}

.TopNavBar a:link, .TopNavBar a:visited {
  text-decoration: none;
  color: #044476;
  padding-left: 6px;
  padding-right: 6px;
}

.TopNavBar a:hover {
  color: white;
  background-color: #044476;
  padding-left: 6px;
  padding-right: 6px;
}

.Banner {
  margin-left: 34px;
}

.BotNavBar {
  background-color: #bfcce6;
  border: none;
  color: black;
  text-align: left;
  padding-left: 50px;
  margin-top: 2ex;
  font-size: 10pt;
}

.bot_navbar {
  background-color: #bfcce6;
  border: none;
  color: black;
  text-align: left;
  padding-left: 50px;
  margin-top: 2ex;
  font-size: 10pt;
}

.CSSBar {
  margin-top:1ex;
  text-align: right;
  margin-right: 5px;
}

.NavButtons {
  text-align: center;
  background-color: #6a90ae;
  margin-top: 5px;
}

/* ** */

/* Main Content */

.Content {
  margin-left: 50px;
  margin-right: 50px;
}

.Content p {
  text-indent: 0em;
}

.ThumbnailArray {
}

.ThumbnailLink {
  text-align: center;
  float: left;
  padding: 6px;
  background-color: #bfcce6;
  border: solid 1px #044476;
  margin: 3px;
  height: 220px;
  width:175px;
  font-size: 10px;
}

.ThumbnailLink h4 {
  margin-top: 0;
  font-size: 12px;
}

.ThumbnailLink p {
  margin-left: 0;
  margin-top: 0;
  font-size: 10px;
}

.ThumbnailLink a:link, .ThumbnailLink a:visited {
  color:#044476;
}

.ThumbnailLink a:hover {
  color: #bfcce6;
  background-color:#044476;
}

.PhotoContent {
  margin-left: 50px;
  margin-right: 50px;
  text-align: center;
}

.Photo img {
  border: none;
}

.PhotoContent p {
}

h1,h2 {
  font-weight: normal;
  color: #044476;
  background-color: #bfcce6;
  padding-left: 50px;
}

h3,h4,h5 {
  color: #044476;
  /*margin-bottom: 0; */
}

p,td,th,ol,ul,dl,blockquote {
  font-size: 10pt;
}

a:link, a:visited {
  text-decoration: none;
  font-weight: bold;
  color: #044476;
}

a:hover {
  background-color: #044476;
  color: white;
}

a:link img, a:visited img {
  border: 2px solid #044476;
}

a:hover img {
  border: 2px solid white;
}

table.List td {
  padding: 2px;
  border: solid 1px #044476;
  font-size: 10pt;
  text-align: left;
}

.Clear {
  clear: both;
}

/* ** */

/* In-line Images */

.ImageArray {
}

.ImageAndCaption {
  float: left;
  margin-top: 0;
  margin-bottom: 15px;
  margin-left: 0px;
  margin-right: 15px;
  border: 1px solid #044476;
}

.Image {
  text-align: center;
  background-color: #bfcce6;
  margin: 0;
  padding: 10px;
  border: none;
}

.Caption {
  text-align: center;
  color: black;
  background-color: #bfcce6;
  font-size: 12px;
  font-family: arial,sans-serif;
  margin: 0;
  padding: 0 10px 10px 10px;
  border: none;
}

.ImageNoCaption {
  float: left;
  text-align: center;
  background-color: #bfcce6;
  padding: 10px;
  border: 1px solid #044476;
  margin-top: 0;
  margin-bottom: 15px;
  margin-left: 0px;
  margin-right: 15px;
}

/* ** */