@charset "utf-8";

/* general page styling */

body {
  font-family: Verdana, sans-serif;
  font-size: 0.8em;
  margin: 0 auto;
  padding: 0px;
  text-align: center;
}

div.container {
  line-height: 130%;
  margin-left: auto;
	margin-right: auto;
	width: 950px;
}

div.header {
  height: 157px;
  width: 100%;
}

/* hack to fix IE6 display bug */

* html div.header {
  margin-bottom: -3px;
}

div.menu {
  background-color: #7092BA;
  color: #FFFFFF;
  height: 30px;
  width: 100%;
}

p.menu {
  line-height: 30px;
  margin: 0px;
  padding: 0px;
}

a.menu {
  color: #FFFFFF;
  font-weight: bold;
  padding: 5px;
  text-decoration: none;
}

a.menu:hover {
  background: #154D8F;
  text-decoration: underline;
}

a.menu[name]:hover {
  background: inherit;
  text-decoration: inherit;
}

div.backer {
  background-color: #154D8F;
  width: 100%;
}

div.content {
  background-color: #154D8F;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  width: 90%;
}

div.roundcontent {
  background-color: #FFFFFF;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-align: left;
}

div.footer {
  background-color: #7092BA;
  color: #FFFFFF;
  height: 105px;
  width: 100%;
}

p.footer {
  margin-top: 0px;
  padding-top: 0px;
}

a.footer {
  color: #FFFFFF;
}

p.center {
  text-align: center;
}

table {
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
}

td {
  padding: 5px;
  border : none;
}

img.link {
  border: 0px;
}

h1, h2 {
  margin-top: 0px;
}

h2 {
  margin-bottom: 10px;
}


/* rounded corners */

b.round {
  display: block;
}

b.round *{
  background: #FFFFFF;
  display: block;
  font-size: .01em;
  height: 1px;
  overflow: hidden;
}

b.round1 {
  background: #C4D2E3;
  border-left: 1px solid #7999BF;
  border-right: 1px solid #7999BF;
  margin-left: 3px;
  margin-right: 3px;
  padding-left: 1px;
  padding-right: 1px;
}

b.round2 {
  background: #D2DDE9;
  border-left: 1px solid #2C5E9A;
  border-right: 1px solid #2C5E9A;
  margin-left: 1px;
  margin-right: 1px;
  padding-right: 1px;
  padding-left: 1px;
}

b.round3 {
  border-left: 1px solid #D2DDE9;
  border-right: 1px solid #D2DDE9;
  margin-left: 1px;
  margin-right: 1px;
}

b.round4 {
  border-left: 1px solid #7999BF;
  border-right: 1px solid #7999BF;
}

b.round5{
  border-left: 1px solid #C4D2E3;
  border-right: 1px solid #C4D2E3;
}

div.gcontent {
    /* The display of content is enabled by a javascript generated style on the page.
     *     This is so that the slideshow content won't display unless javascript is enabled. */
  display: none;
  float: right;
  width: 500px; 
}
div.controls {
  margin-top: 5px;
  height: 23px;
  margin-bottom: 10px;
}
div.ss-controls {
  float: left;
}
div.ss-controls span {
  color: #666666;
  cursor: pointer;
}
div.nav-controls {
  float: right;
}
div.nav-controls a {
  padding: 5px;
  text-decoration: none;
}
div.slideshow {
  clear: both;
}
div.slideshow span.image-wrapper {
  float: left;
  padding-bottom: 12px;
}
div.slideshow a.advance-link {
  padding: 2px;
  display: block;
  margin-top: -11px;
}
div.slideshow img {
  border: none;
  display: block;
}
div.download, div.captionContainer {
  float: right;
  width: 500px;
}
div.embox {
  clear: both;
  background-color: #eee;
  padding: 12px;
}
div.image-title {
  font-weight: bold;
  font-size: 1.4em;
}

div.image-desc {
  line-height: 1.3em;
  padding-top: 12px;
}
div.navigation {
  /* The navigation style is set by a javascript generated style on the page.
     This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
  clear: both;
  margin: 0;
  padding: 0;
}
ul.thumbs li {
  float: left;
  padding: 0;
  margin: 5px 10px 5px 0;
  list-style: none;
}
ul.thumbs li a {
  padding: 2px;
  display: block;
}
ul.thumbs li.selected a {
  background: none;
}
ul.thumbs a:focus {
  outline: none;
}
ul.thumbs img {
  border: none;
  display: block;
}
/*ul.thumbs li.selected img {
  border-top: 2px #cce3ff outset;
  border-left: 2px #cce3ff outset;
  border-bottom: 2px #31557f outset;
  border-right: 2px #31557f outset;
  margin: -2px;
} */
div.pagination {
  clear: both;
}
div.navigation div.top {
  margin-bottom: 12px;
  height: 0px;
  overflow:hidden;
}
div.navigation div.bottom {
  margin-top: 12px;
}
div.pagination a, div.pagination span {
  display: block;
  float: left;
  margin-right: 2px;
  padding: 4px 7px 2px 7px;
}
div.pagination a:hover {
  background-color: #ffc;
  text-decoration: none;
}
div.pagination span {
  background-color: none;
  font-weight: bold;
}