/*
   Copyright JPEG 2015.
 */
* {
  margin: 0;
  padding: 0;
  font-family: Calibri, "Trebuchet MS", Helvetica, sans-serif;
  text-decoration: none; }

html {
  min-height: 100%;
  height: 100%;
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll; }

body {
  height: 100%;
  text-align: center;
  background-color: #8e8e8e; }

#body {
  min-height: 100% !important;
  height: auto;
  position: relative;
  background-color: #ffffff;
  text-align: left;
  margin: 0px auto;
  width: 980px;
  -webkit-box-shadow: 0px 0px 10px #000;
  box-shadow: 0px 0px 10px #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=3,direction=120,Color='#000000')";
  filter: "progid:DXImageTransform.Microsoft.Shadow(strength=3,direction=120,Color='#000000')"; }

/* Content */
#content {
  background-color: #ffffff;
  color: #3f3f3f;
  padding: 20px;
  padding-bottom: 140px;
  line-height: 1.3;
  overflow: hidden; }

#content a {
  border-bottom: 1px dotted #7b8b94;
  color: #7b8b94; }

#content a:hover {
  border-bottom: 1px dotted #afc6d2;
  color: #afc6d2; }

#content .meta {
  font-style: italic;
  font-size: 12px; }

#content p {
  text-align: justify;
  padding-bottom: 15px; }

#content h2 {
  font-weight: normal;
  font-size: 30px;
  padding-bottom: 10px; }

#content h3 {
  font-size: 18px;
  font-weight: normal;
  padding-bottom: 10px; }

#content ul, ol {
  padding-left: 40px;
  padding-right: 20px; }

#content li {
  padding-bottom: 10px; }

#content li div:focus {
  outline: none; }

#content table {
  margin-bottom: 10px; }

.top-logo {
  position: absolute;
  z-index: 1000;
  margin-left: 20px;
  top: 12px;
  float: left; }

.centered {
  text-align: center; }

.centered-image {
  margin-left: auto;
  margin-right: auto;
  display: block; }

.image-right {
  float: right;
  padding-left: 20px; }

table.center {
  margin-left: auto;
  margin-right: auto; }

/* Top navigation bar */
#topnav {
  text-align: right;
  padding-right: 10px;
  background-color: #414042;
  color: #a6a8ab; }

#topnav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-top: 6px;
  padding-bottom: 6px; }

#topnav li {
  display: inline;
  padding-left: 10px;
  padding-right: 10px; }

#topnav .selected {
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  font-size: 12px; }

#topnav a:link, #topnav a:visited {
  color: #a6a8ab;
  text-align: center;
  text-decoration: none;
  font-size: 12px; }

#topnav a:hover {
  color: #ffffff; }

#topnav form {
  float: right;
  margin-top: 4px; }

/* Sub navigation 1st level */
#subnav1 {
  background-color: #58595b;
  color: #eeeeee; }

#subnav1 ul {
  list-style-type: none;
  margin: 0;
  padding: 100px 6px 6px 6px; }

#subnav1 li {
  display: inline;
  padding-left: 15px;
  padding-right: 15px; }

#subnav1 .selected {
  border-radius: 5px 5px 0px 0px;
  padding-bottom: 6px;
  padding-top: 6px; }

#subnav1 a:link, #subnav1 a:visited {
  color: #eeeeee;
  text-align: center;
  text-decoration: none;
  font-size: 14px; }

#subnav1 a:hover {
  color: #ffffff; }

/* Sub navigation 2nd level */
#subnav2 {
  color: #eeeeee; }

#subnav2 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding: 6px; }

#subnav2 li {
  display: inline;
  padding-left: 15px;
  padding-right: 15px; }

#subnav2 .selected {
  background-color: #ffffff;
  border-radius: 5px 5px 0px 0px;
  padding-bottom: 6px; }

#subnav2 .selected a:link, #subnav2 .selected a:visited {
  color: #3f3f3f; }

#subnav2 a:link, #subnav2 a:visited {
  color: #eeeeee;
  text-align: center;
  text-decoration: none;
  font-size: 14px; }

#subnav2 a:hover {
  color: #ffffff; }

/* Home page style elements */
body#home > #body {
  background-color: #414042; }

/* Standards grid */
#standards-grid {
  background-color: #58595b;
  padding-top: 60px;
  padding-bottom: 40px;
  text-align: center; }

#standards-grid img.jpeg-logo {
  width: 80px;
  float: left;
  margin-left: 10px;
  margin-top: -80px; }

#standards-grid img.grid-logo {
  /* box-shadow: 3px 3px 10px black; */
  /* border-radius: 6px; */ }

#standards-grid td {
  padding: 10px 10px 10px 10px; }

/* News and events */
.container {
  clear: both;
  padding-bottom: 190px; }

.container > div {
  display: table-cell;
  width: 50%;
  background-color: #414042; }

.container > div .hline {
  padding-top: 1px;
  margin-top: -10px;
  background-color: #414042; }

.container > div .hline.left {
  margin-left: 15px; }

.container > div .hline.right {
  margin-right: 15px; }

#home-news, #home-events {
  width: 490px; }

#home-news h1, #home-events h1 {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 21px;
  font-style: italic;
  font-weight: normal;
  background-color: #58595b;
  padding: 5px 5px 10px 30px; }

#home-news ul, #home-events ul {
  list-style: none;
  padding: 30px 0px 30px 0px; }

#home-news li, #home-events li {
  padding: 10px 20px 30px 30px; }

#home-news .title, #home-events .title {
  color: #f1f1f1;
  font-size: 17px; }

#home-news .meta, #home-events .meta {
  color: #808080;
  font-size: 13px;
  float: left; }

#home-news .readmore, #home-events .readmore {
  font-size: 11px;
  font-style: italic;
  float: right;
  padding-right: 20px; }

#home-news .readmore a:link, #home-events .readmore a:link, #home-news .readmore a:visited, #home-events .readmore a:visited {
  color: #808080; }

#home-news .readmore a:hover, #home-events .readmore a:hover {
  color: white; }

#home-more-news, #home-more-events {
  text-align: right;
  padding: 0px 40px 20px 20px; }

#home-more-news a:link, #home-more-events a:link, #home-more-news a:visited, #home-more-events a:visited {
  color: #808080;
  font-size: 14px;
  font-style: italic; }

#home-more-news a:hover, #home-more-events a:hover {
  color: white; }

/* Sponsors */
#home-sponsors {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  padding-bottom: 120px; }

#home-sponsors-inner {
  padding: 10px;
  text-align: center; }

#home-sponsors img {
  padding: 0px 20px 0px 20px; }

/* Footer */
#footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  background-color: #58595b;
  padding: 20px 10px 20px 10px;
  text-align: right; }

#footer-logo {
  display: inline;
  float: left;
  text-align: center;
  color: white; }

#footer a:link, #footer a:visited {
  color: #a6a8ab; }

#footer a:hover {
  color: white; }

#footer a.selected:link, #footer a.selected:visited {
  color: #ffffff; }

#footer table {
  font-size: 13px;
  text-align: left;
  margin-left: auto;
  margin-right: 0%; }

#footer td {
  padding: 5px 30px 5px 30px;
  vertical-align: top; }

/* Layout elements of generic pages */
#pagetitlebar {
  background-color: #00a89c;
  padding: 4px 20px 4px 20px;
  font-style: italic;
  font-size: 18px;
  color: #eeeeee; }

#pagetitlebar a, #pagetitlebar a:visited {
  color: #eeeeee; }

#pagetitlebar a:hover {
  color: #ffffff; }

#pagetitlebar {
  background-color: #00a89c;
  padding: 4px 20px 4px 20px;
  font-style: italic;
  font-size: 18px;
  color: #eeeeee; }

#pagetitlebar .news-title {
  float: left; }

#pagetitlebar .pressrelease-title {
  margin-left: 715px; }

/* Standards custom background colors */
.bg-jpeg {
  background-color: #7b8b94; }

.bg-jpsearch {
  background-color: #9274b2; }

.bg-jpeg2000 {
  background-color: #44c6f3; }

.bg-jbig {
  background-color: #d14141; }

.bg-jpegsystems {
  background-color: #e9c818; }

.bg-jpegxr {
  background-color: #bdd53a; }

.bg-jpegls {
  background-color: #eeb05e; }

.bg-aic {
  background-color: #0071bb; }

.bg-jpegxt {
  background-color: #3ab065; }

.bg-jpegxs {
  background-color: #C062A2; }

.bg-jpegpleno {
  background-color: #7f1d2c; }

/* Standards custom text colors */
.tc-jpeg, .content-jpeg h3 {
  color: #7b8b94; }

.tc-jpsearch, .content-jpsearch h3 {
  color: #9274b2; }

.tc-jpeg2000, .content-jpeg2000 h3 {
  color: #44c6f3; }

.tc-jbig, .content-jbig h3 {
  color: #d14141; }

.tc-jpegsystems, .content-jpegsystems h3 {
  color: #e9c818; }

.tc-jpegxr, .content-jpegxr h3 {
  color: #bdd53a; }

.tc-jpegls, .content-jpegls h3 {
  color: #eeb05e; }

.tc-aic, .content-aic h3 {
  color: #0071bb; }

.tc-jpegxt, .content-jpegxt h3 {
  color: #3ab065; }

.tc-jpegxs, .content-jpegxs h3 {
  color: #C062A2; }

.tc-jpegpleno, .content-jpegpleno h3 {
  color: #7f1d2c; }

/* Standard pages */
.standard-home-image {
  margin-left: -20px;
  padding-right: 20px;
  width: 490px;
  float: left; }

.standard table.normal {
  border-spacing: 0px;
  padding: 10px;
  table-layout: fixed; }

.standard table.normal thead {
  font-style: italic; }

.standard table {
  border-collapse: separate;
  border-spacing: 0px 10px;
  padding: 20px;
  table-layout: fixed; }

.standard td {
  border-right: 1px solid #5f604b;
  padding: 5px 20px 5px 20px;
  vertical-align: top;
  font-size: 14px;
  color: #5f604b;
  width: 25%; }

/*.standard td:hover {
  background-color: #f4f4f4;
}*/
.standard td:last-child {
  border-right: none; }

.standard tr.separating_line td {
  border-bottom: 1px solid #5f604b;
  padding: 0px !important; }

/* News & Press releases */
.news-list {
  float: left;
  width: 480px;
  padding-right: 10px;
  margin-left: -20px;
  text-align: left; }

.more-icon {
  float: right; }

.news-highlight {
  float: left;
  text-align: left;
  width: 223px;
  height: 300px;
  border-right: 1px solid #00a89c;
  border-left: 1px solid #00a89c;
  padding: 10px; }

.news-highlight img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  text-align: left; }

.press-list {
  float: right;
  width: 235px;
  padding-left: 10px;
  margin-right: -20px; }

.news-list ul, .press-list ul {
  list-style-type: none; }

.news-list li {
  border-bottom: 1px solid #00a89c;
  padding: 10px 10px 10px 20px; }

.press-list li {
  border-bottom: 1px solid #00a89c;
  padding: 10px 20px 10px 10px; }

.news-list li:last-child, .press-list li:last-child {
  border-bottom: none; }

.news-list .title, .press-list .title, .news-highlight .title {
  color: #00a89c;
  font-size: 17px;
  font-weight: bold; }

.news-highlight .title {
  padding-bottom: 1px; }

.news-list .meta, .press-list .meta, .news-highlight .meta {
  font-style: italic;
  font-size: 12px; }

.news-list .readmore, .press-list .readmore {
  float: right; }

/* Events */
.events-list ul {
  list-style-type: none; }

.events-list li {
  padding-bottom: 20px; }

.events-list .title {
  color: #00a89c;
  font-size: 17px;
  font-weight: bold; }

.events-list .meta {
  font-style: italic;
  font-size: 12px; }

.events-list li {
  border-bottom: 1px solid #00a89c;
  padding: 10px 10px 10px 20px; }

.events-list li:last-child {
  border-bottom: none; }